نظرة عامة
نقدّم هذه الإرشادات للمطوّرين المشاركين في برنامجنا بشأن توفير نظام فوترة بديل للمستخدمين في المنطقة الاقتصادية الأوروبية بدون خيار. وعلى المطوِّرين الذين لديهم مستخدمون في المنطقة الاقتصادية الأوروبية يشاركون في البرنامج التجريبي لميزة الفوترة حسب اختيار المستخدم ويقدّمون نظام فوترة بديلاً إلى جانب نظام الفوترة في Google Play، عليهم اتّباع إرشادات تجربة المستخدم لميزة الفوترة حسب اختيار المستخدم. تهدف إرشادات تجربة المستخدم هذه إلى الحفاظ على تجربة مستخدم متسقة من خلال مطالبة المطورين بعرض شاشة معلومات لكل مستخدم في المرة الأولى التي يبدأ فيها المستخدم عملية شراء. يجب تنفيذ الرسائل الموجهة للمستخدمين ومواصفات واجهة المستخدم لشاشة المعلومات وفقًا للإرشادات التالية.
تطبيق مطوِّر |
شاشة المعلومات للمستخدمين |
اختيار لغة
حدد لغة المستخدمين لعرض السلاسل النصية المقابلة لواجهة المستخدم في مواصفات التصميم أدناه.
- عرض كل اللغات
- اختيار لغة
- البلغارية
- الكتالانية
- الكرواتية
- التشيكية
- الدانمركية
- الهولندية
- الإنجليزية
- الإستونية
- الفنلندية
- الفرنسية
- الألمانية
- اليونانية
- المجرية
- الأيسلندية
- الإيطالية
- اللاتفية
- الليتوانية
- النرويجية
- البولندية
- البرتغالية (البرازيلية)
- البرتغالية (الأوروبية)
- الرومانية
- السلوفاكية
- السلوفانية
- الأسبانية
- السويدية
معلومات للمستخدمين
تساعد شاشة المعلومات المستخدمين في فهم تأثير التغيير.
حالات العرض
يجب أن تظهر شاشة المعلومات للمستخدمين عند بداية عملية الشراء الأولى. لا يلزم عرض هذه الرسالة عند إجراء عمليات شراء لاحقة من المستخدم نفسه. اعرض شاشة المعلومات على الفور بعد اتخاذ المستخدم إجراء صريح لبدء عملية شراء.
حالات عرض السعر
يجب أن يكون سعر الشراء مرئيًا وواضحًا للمستخدمين قبل عرضهم على شاشة المعلومات.
كيفية العرض
يجب عرض شاشة المعلومات في بطاقة سفلية مشروطة. تشبه الورقة السفلية المشروطة مربع حوار نمطي يتحرك لأعلى من أسفل الشاشة وتبقى مثبّتًا في الأسفل. مرتفع فوق جميع عناصر واجهة المستخدم على الشاشة الأساسية. يتم حجب الشاشة الأساسية خلف حاجب مظلم للإشارة إلى أنها لن تستجيب لتفاعل المستخدم.
راجع Material Design من Google للحصول على مزيد من المعلومات حول تصميم وتنفيذ أوراق البيانات السفلية المشروطة.
إجراءات المستخدم
يجب عرض البطاقة السفلية عندما ينقر المستخدم على زرّ أو عنصر آخر في واجهة المستخدم في تطبيقك، ما يؤدي إلى بدء عملية شراء. يمكن للمستخدم أن يتخذ إجراءين محتملين من شاشة المعلومات:
حسنًا
يؤدي النقر على الزر "حسنًا" إلى إغلاق شاشة المعلومات وفتح الشاشة التالية في مسار الدفع.
مزيد من المعلومات
يؤدي النقر على الزر "مزيد من المعلومات" إلى فتح مقالة من مركز مساعدة Google في متصفّح ويب.
إغلاق
إذا أراد المستخدمون إغلاق البطاقة السفلية والعودة إلى الشاشة الأساسية، يمكنهم إغلاق البطاقة السفلية من خلال:
- النقر خارج حاوية البطاقة السفلية
- النقر على زر "الرجوع" في نظام Android
لا يلزم عرض شاشة المعلومات مرة أخرى بعد إغلاقها أو بعد أن ينقر المستخدم على "حسنًا".
مثال: عندما ينقر المستخدم للشراء في تطبيقك، سيؤدي ذلك إلى ظهور شاشة المعلومات.
مواصفات التصميم
تنقسم شاشة المعلومات إلى ثلاثة مكونات: العنوان والرسالة والأزرار. جميع المكونات الثلاثة مطلوبة ويجب أن تحتوي على النص وعناصر واجهة المستخدم الدقيقة المحددة في هذه الإرشادات. لا تقم بتضمين أي نص أو صور إضافية على هذه الشاشة، ولكن يمكنك تضمين نصوص وصور إضافية على شاشات أخرى.
- العنوان
- النص 1
- النص 2
- الأزرار
- بطاقة سفلية
- حاجب الخلفية
العنوان
| نص |
اختيار اللغة
|
| الخط | Roboto (تنطبق على جميع الخطوط) |
| حجم الخط | 18 قطعة |
| لون الخط | #202124 |
النص 1
يتم استخدامها لإبراز النقاط الرئيسية التي تعتبر معلومات مهمة.
| نص |
اختيار اللغة
|
| حجم الخط | 14 ش |
| تباعُد الأسطر | 20 |
| لون الخط | #5F6368 |
النص 2
يُستخدَم للمعلومات الثانوية ذات الأولوية المنخفضة.
| نص |
اختيار اللغة
|
| حجم الخط | 12 ش |
| تباعُد الأسطر | 16 |
| لون الخط | #5F6368 |
زر 1
| نص |
اختيار اللغة
|
| محاذاة النص | تساعد على التركيز |
| حجم الخط | 14 ش |
| عرض الخط | الوسيط |
| لون الخط | #01875F |
| لون الخلفية | #FFFFFF |
| الأبعاد | الارتفاع:36، العرض: تغيير الحجم إلى الحاوية |
| نصف قطر الزاوية | 4 بكسل مستقل الكثافة |
| المخطّط | 1dp، #DADCE0 |
| رابط | روابط إلى مقالة مساعدة Google Play |
زر 2
| نص |
اختيار اللغة
|
| محاذاة النص | تساعد على التركيز |
| حجم الخط | 14 ش |
| عرض الخط | الوسيط |
| لون الخط | #FFFFFF |
| لون الخلفية | #01875F |
| الأبعاد | الارتفاع:36، العرض: تغيير الحجم إلى الحاوية |
| نصف قطر الزاوية | 4 بكسل مستقل الكثافة |
| رابط | روابط تؤدي إلى الشاشة التالية في مسار الدفع |
بطاقة سفلية
| الأبعاد | الارتفاع: متغير، العرض: 100% |
| نصف قطر الزاوية | 8dp، 8dp، 0، 0 |
| خلفية | #FFFFFF |
| المساحة المتروكة الداخلية | اليسار: 24 بكسل مستقل الكثافة، الأيمن: 24 بكسل مستقل الكثافة، الجزء العلوي: 32 بكسل مستقل الكثافة، الجزء السفلي: 24 بكسل مستقل الكثافة |
| الارتفاع | 8 بكسل مستقل الكثافة |
منظر طبيعي
في العرض الأفقي، تكون الورقة السفلية أعرض من العرض الرأسي، ولكنها تتبع مواصفات التصميم والوظائف نفسها.
| بطاقة سفلية | العرض: 500 بكسل مستقل الكثافة (dp) كحد أقصى، المساحة المتروكة الداخلية: 24 بكسل مستقل الكثافة |
| العنوان | نفس العرض العمودي |
| الرسالة | نفس العرض العمودي |
| الأزرار | الارتفاع:36، العرض: تغيير الحجم إلى الحاوية |
للحصول على تفاصيل إضافية حول برنامج المنطقة الاقتصادية الأوروبية بشأن نظام الفوترة البديل بدون اختيار المستخدم والأسئلة الشائعة، يُرجى زيارة مركز المساعدة.