نمای کلی
این دستورالعمل‌ها برای توسعه‌دهندگان شرکت‌کننده در برنامه ما ارائه شده است تا به کاربران منطقه اقتصادی اروپا (EEA) یک صورتحساب جایگزین برای سیستم صورتحساب Google Play بدون انتخاب کاربر ارائه دهند. برنامه‌نویسانی با کاربرانی در منطقه اقتصادی اروپا که در آزمایشی صورتحساب انتخاب کاربر شرکت می‌کنند و یک سیستم صورتحساب جایگزین را در کنار سیستم صورتحساب Google Play ارائه می‌دهند، باید از دستورالعمل‌های UX صورتحساب انتخاب کاربر استفاده کنند. هدف این دستورالعمل‌های UX حفظ یک تجربه کاربری ثابت با الزام توسعه‌دهندگان به نمایش صفحه اطلاعات برای هر کاربر اولین باری است که کاربر شروع به خرید می‌کند. پیام های رو به رو کاربر و مشخصات UI برای صفحه اطلاعات باید طبق دستورالعمل های زیر پیاده سازی شوند.
 برنامه توسعه دهنده |  صفحه نمایش اطلاعات برای کاربران |
زبان را انتخاب کنید
زبان کاربران خود را برای مشاهده رشته های متنی UI مربوطه در مشخصات طراحی زیر انتخاب کنید.
- نمایش همه زبان ها
- یک زبان را انتخاب کنید
- بلغاری
- کاتالان
- کروات
- چک
- دانمارکی
- هلندی
- انگلیسی
- استونیایی
- فنلاندی
- فرانسوی
- آلمانی
- یونانی
- مجارستانی
- ایسلندی
- ایتالیایی
- لتونی
- لیتوانیایی
- نروژی
- لهستانی
- پرتغالی (برزیلی)
- پرتغالی (اروپایی)
- رومانیایی
- اسلواکی
- اسلوونیایی
- اسپانیایی
- سوئدی
اطلاعات برای کاربران
صفحه اطلاعات به کاربران کمک می کند تا تاثیر این تغییر را درک کنند.
چه زمانی نمایش داده شود
صفحه اطلاعات باید در شروع اولین خرید به کاربران نشان داده شود. این پیام نیازی به نمایش در خریدهای بعدی توسط همان کاربر ندارد. بلافاصله پس از اینکه کاربر اقدامی صریح برای شروع خرید انجام داد، صفحه اطلاعات را نمایش دهید.
زمان نمایش قیمت
قیمت خرید باید قبل از نمایش صفحه اطلاعات برای کاربران قابل مشاهده و آشکار باشد.
نحوه نمایش
صفحه اطلاعات باید در یک برگه پایینی مدال نمایش داده شود. یک صفحه پایینی مودال شبیه به یک گفتگوی مودال است که از پایین صفحه به بالا متحرک می شود و به پایین پین می شود. بالاتر از همه عناصر UI در صفحه زیرین قرار دارد. صفحه زیرین در پشت یک خط تیره تاریک پنهان شده است تا نشان دهد که به تعامل کاربر پاسخ نمی دهد.
برای کسب اطلاعات بیشتر در مورد طراحی و اجرای صفحات پایین مدال به Google Material Design مراجعه کنید.
اقدامات کاربر
وقتی کاربر روی دکمه یا عنصر رابط کاربری دیگری در برنامه شما ضربه می‌زند که خرید را آغاز می‌کند، صفحه پایین باید فعال شود. کاربر می تواند دو اقدام ممکن را از صفحه اطلاعات انجام دهد:
متوجه شدم
با ضربه زدن روی دکمه «فهمیدم» صفحه اطلاعات حذف می شود و صفحه بعدی در جریان پرداخت شما راه اندازی می شود.
بیشتر بدانید
با ضربه زدن روی دکمه "بیشتر بیاموزید" یک مقاله مرکز راهنمای Google در یک مرورگر وب راه اندازی می شود.
رد کردن
اگر کاربران بخواهند صفحه پایین را رد کنند و به صفحه زیرین بازگردند، می‌توانند برگه پایین را با این روش‌ها رد کنند:
- ضربه زدن به بیرون از ظرف ورق پایین
- روی دکمه «بازگشت» سیستم اندروید ضربه بزنید
صفحه اطلاعات پس از رد شدن یا پس از ضربه زدن کاربر روی "دریافتم" نیازی به نمایش مجدد ندارد.
مثال: وقتی کاربر برای خرید در برنامه شما ضربه می‌زند، دکمه صفحه اطلاعات را فعال می‌کند.
مشخصات طراحی
صفحه اطلاعات به سه جزء تقسیم می شود: عنوان، پیام و دکمه ها. هر سه مؤلفه مورد نیاز هستند و باید حاوی متن دقیق و عناصر رابط کاربری تعریف شده در این دستورالعمل ها باشند. هیچ متن یا تصویر اضافی را در این صفحه قرار ندهید، اما می توانید متن و تصویر اضافی را در صفحه های دیگر اضافه کنید.
- عنوان
- متن 1
- متن 2
- دکمه ها
- ورق پایین
- اسکریم پس زمینه
عنوان
| متن | زبان را انتخاب کنید |
| فونت | Roboto (برای همه فونت ها اعمال شود) |
| اندازه فونت | 18 sp |
| رنگ فونت | #202124 |
متن 1
برای برجسته کردن نکات کلیدی که اطلاعات حیاتی محسوب می شوند استفاده می شود.
| متن | زبان را انتخاب کنید |
| اندازه فونت | 14 sp |
| ارتفاع خط | 20 |
| رنگ فونت | #5F6368 |
متن 2
برای اطلاعات ثانویه که اولویت کمتری دارند استفاده می شود.
| متن | زبان را انتخاب کنید |
| اندازه فونت | 12 sp |
| ارتفاع خط | 16 |
| رنگ فونت | #5F6368 |
دکمه 1
| متن | زبان را انتخاب کنید |
| تراز کردن متن | متمرکز شده است |
| اندازه فونت | 14 sp |
| وزن فونت | متوسط |
| رنگ فونت | #01875F |
| رنگ پس زمینه | #FFFFFF |
| ابعاد | ارتفاع: 36، عرض: مقیاس به ظرف |
| شعاع گوشه | 4dp |
| طرح کلی | 1dp، #DADCE0 |
| پیوند | پیوندها به مقاله راهنمای Google Play |
دکمه 2
| متن | زبان را انتخاب کنید |
| تراز کردن متن | متمرکز شده است |
| اندازه فونت | 14 sp |
| وزن فونت | متوسط |
| رنگ فونت | #FFFFFF |
| رنگ پس زمینه | #01875F |
| ابعاد | ارتفاع: 36، عرض: مقیاس به ظرف |
| شعاع گوشه | 4dp |
| پیوند | پیوندهایی به صفحه بعدی در جریان پرداخت شما |
ورق پایین
| ابعاد | ارتفاع: متغیر، عرض: 100% |
| شعاع گوشه | 8dp، 8dp، 0، 0 |
| پس زمینه | #FFFFFF |
| بالشتک داخلی | چپ: 24dp، راست: 24dp، بالا: 32dp، پایین: 24dp |
| ارتفاع | 8dp |
چشم انداز
در نمای افقی، ورق پایینی عریض تر از نمای عمودی است، اما در غیر این صورت از همان مشخصات طراحی و عملکرد پیروی می کند.
| ورق پایین | عرض: حداکثر 500dp، لایه داخلی: 24dp |
| عنوان | مانند نمای پرتره |
| پیام | مانند نمای پرتره |
| دکمه ها | ارتفاع: 36، عرض: مقیاس به ظرف |
برای جزئیات بیشتر در مورد برنامه EEA برای صورتحساب جایگزین بدون انتخاب کاربر و سؤالات متداول، لطفاً از مرکز راهنمایی ما دیدن کنید.