دستورالعمل‌های UX برای صفحه انتخاب رندر شده توسط توسعه‌دهنده

شما می‌توانید سیستم‌های پرداخت جایگزین یا لینک‌های وب خارجی را در کنار پرداخت گوگل پلی ارائه دهید. در حالی که گوگل می‌تواند صفحه انتخاب را رندر کند، شما همچنین می‌توانید صفحات انتخاب خود را رندر کنید، مشروط بر اینکه از دستورالعمل‌های UX زیر پیروی کنید و ترجیح رندر خود را در کنسول پلی هنگام ثبت‌نام اعلام کنید (این مورد نیز می‌تواند در هر زمانی به‌روزرسانی شود). هر دو مسیر پیاده‌سازی نیاز به ادغام با APIهای انتخاب پرداخت دارند تا صفحات اطلاعات لازم و کنترل‌های والدین را تسهیل کنند. این بخش الزامات رندر صفحات انتخاب خود را شرح می‌دهد تا تجربه‌ای سازگار و شفاف برای کاربران فراهم شود تا بتوانند انتخاب‌های آگاهانه‌ای در مورد پرداخت داشته باشند.

یک صفحه انتخاب رندر شده توسط توسعه‌دهنده که گزینه‌هایی را برای سیستم پرداخت جایگزین و پرداخت گوگل پلی نشان می‌دهد.
شکل ۱. صفحه انتخاب صورتحساب ارائه شده توسط توسعه‌دهنده

شفافیت صورتحساب

برای اطمینان از اینکه کاربران قبل از خرید، کاملاً از گزینه‌های صورتحساب خود مطلع هستند، باید دستورالعمل‌های زیر را رعایت کنید:

  • برچسب‌گذاری : شما باید سیستم‌های پرداخت جایگزین را به وضوح با نام نهاد مجاز، نام برنامه یا نام توسعه‌دهنده برچسب‌گذاری کنید. این کار تضمین می‌کند که کاربران می‌دانند چه کسی مسئول انجام خرید و ارائه پشتیبانی مشتری است.
  • نماد برنامه یا لوگوی برند : هر گزینه صورتحساب باید نماد برنامه یا لوگوی برند خاص خود را داشته باشد. برای گزینه صورتحساب Google Play، با نمایش نماد Google Play به صورت تمام رنگی در پس زمینه‌ای با نور یا تاریکی خنثی، دستورالعمل‌های برند Google Play را دنبال کنید. برای گزینه صورتحساب خودتان، فقط باید نماد برنامه یا لوگوی برند توسعه‌دهنده خود را نمایش دهید.
  • روش‌های پرداخت : از دارایی ارائه شده توسط API getBillingChoiceInfoAsync برای نمایش روش‌های پرداخت موجود برای گزینه صورتحساب Google Play استفاده کنید و در عین حال، هنگام نمایش روش‌های پرداخت برای گزینه صورتحساب خودتان، رفتار مشابهی را حفظ کنید.

    • لوگوهای روش‌های پرداخت : اطمینان حاصل کنید که لوگوهای تمام روش‌های پرداخت برای هر گزینه صورتحساب به طور یکسان نمایش داده می‌شوند.
      • برای پرداخت در گوگل پلی، برای گزینه‌های بیشتر در مورد نحوه‌ی پرداخت، به API getBillingChoiceInfoAsync مراجعه کنید.
      • اگر نمی‌توانید در صفحه انتخاب، روش‌های پرداختی را که باید به کاربرانتان نمایش داده شود، تعیین کنید، می‌توانید روش‌های پرداخت را برای گزینه صورتحساب خود نمایش ندهید. در این صورت، همچنان ملزم به نمایش روش‌های پرداخت برای گزینه صورتحساب گوگل پلی هستید.
    • بازیابی بلادرنگ : شما ملزم هستید که هر بار روش‌های پرداخت برگردانده شده توسط API را دریافت و نمایش دهید؛ این دارایی‌ها را تغییر ندهید یا ذخیره نکنید.
    • متن تکمیلی : اگر تعداد روش‌های پرداخت موجود از تعداد لوگوهای نمایش داده شده بیشتر باشد، می‌توانید متن اضافی برای اطلاع کاربر اضافه کنید.

    برای مثال:

    نمونه‌هایی از طرح‌بندی‌های مختلف برای نمایش لوگوهای پرداخت، که پیکربندی‌های تک‌خطی و چندخطی را نشان می‌دهد.
    شکل ۲. لوگوهای پرداخت

سبک و نزدیکی دکمه

دکمه‌های مربوط به سیستم پرداخت جایگزین شما و پرداخت گوگل پلی باید به شیوه‌ای منصفانه و برابر نمایش داده شوند تا انتخاب کاربر را تسهیل کنند.

  • نمایش یکسان : تمام عناصر بصری، از جمله اندازه دکمه‌ها، اندازه متن، سبک فونت، کنتراست و ابعاد هدف ضربه‌ای باید به طور یکسان نمایش داده شوند. استفاده از لوگو و اندازه آن در دکمه‌ها نیز باید معادل باشد.
  • نزدیکی : دکمه‌های مربوط به هر گزینه صورتحساب باید در نزدیکی یکدیگر قرار گیرند تا کاربران بتوانند آنها را مقایسه و انتخاب کنند.
دو دکمه انتخاب صورتحساب با ابعاد، فونت و اندازه لوگوی یکسان طراحی شده‌اند تا نمایش بصری یکسانی را نشان دهند.
شکل ۳. سبک دکمه
رابط کاربری که دو دکمه‌ی گزینه‌ی پرداخت را نشان می‌دهد که برای مقایسه و انتخاب، نزدیک به هم قرار گرفته‌اند.
شکل ۴. نزدیکی دکمه

فراخوان برای اقدام (CTA)

برچسب‌های اصلی دکمه‌هایی که کاربران را به هر گزینه صورتحساب هدایت می‌کنند باید معادل و سازگار باشند. توسعه‌دهندگان همچنان می‌توانند پیشنهادات و مزایای متمایزی را برای هر گزینه صورتحساب ارائه دهند. با این حال، اگر این امکان فراهم شود، مزایای وفاداری Play نیز باید به شیوه‌ای معادل نشان داده شود.

برای مثال:

ماکتی از دکمه‌های فراخوان پرداخت خنثی و موازی برای صورتحساب توسعه‌دهندگان و صورتحساب گوگل پلی.
شکل ۵. فراخوان برای اقدام

ویژگی‌های اختیاری

ویژگی‌های زیر ممکن است بنا به صلاحدید شما اضافه شوند، مشروط بر اینکه برای گزینه پرداخت گوگل پلی نیز نمایش داده شوند.

  • مزایای وفاداری : اگر اطلاعات وفاداری نمایش داده می‌شود، باید با برخورد یکسان نمایش داده شود و باید برای هر دو گزینه صورتحساب نشان داده شود. هر بار پیام وفاداری را برای گزینه صورتحساب Google Play از API getBillingChoiceInfoAsync بازیابی کنید؛ این اطلاعات را ذخیره یا کش نکنید. برای مثال:

    مثالی که مزایای برنامه وفاداری را با اهمیت برابر در هر دو گزینه صورتحساب نمایش می‌دهد.
    شکل ۶. مزایای وفاداری
  • پیوندهای وب خارجی : اگر کاربر را برای تکمیل خرید از برنامه خارج می‌کنید، باید این موضوع را به وضوح نشان دهید. متن باید از نظر بصری واضح باشد و به صراحت به کاربر اطلاع دهد که از برنامه به وب‌سایتی با متن زیر هدایت می‌شود: "شما به یک صفحه وب هدایت خواهید شد". به عنوان مثال:

    نمونه‌ای از گزینه‌ی پرداخت خارجی که شامل اطلاعیه‌ای است که به کاربر اطلاع می‌دهد به یک صفحه وب هدایت خواهد شد.
    شکل ۷. پیوندهای وب خارجی