نظرة عامة
يتيح البرنامج التجريبي لالفوترة حسب اختيار المستخدم للمطوّرين المشاركين اختبار خيار توفير نظام فوترة بديل بجانب نظام الفوترة في Google Play، ويهدف إلى مساعدتنا في استكشاف تقديم هذا الخيار للمستخدمين. تهدف إرشادات تجربة المستخدم هذه إلى الحفاظ على تجربة مستخدم متسقة ومساعدة المستخدمين على اتخاذ قرار مدروس.
يُطلب منك عرض شاشة معلومات وشاشة منفصلة لخيارات الفوترة في حال المشاركة في البرنامج التجريبي. يلزم عرض شاشة المعلومات لكل مستخدم فقط في المرة الأولى التي يبدأ فيها المستخدم عملية شراء، بينما يجب عرض شاشة "خيار الفوترة" قبل كل عملية شراء. يجب تنفيذ الرسائل الموجّهة للمستخدمين ومواصفات واجهة المستخدم لكلتا الشاشتَين وفقًا للإرشادات التالية.
اختيار البلد واللغة
اختَر بلد المستخدمين ولغتهم لعرض السلاسل النصية المقابلة لواجهة المستخدم في مواصفات التصميم أدناه.
معلومات للمستخدمين
تساعد شاشة المعلومات المستخدمين على فهم سياق التغيير وتعطيهم مزيدًا من المعلومات لمساعدتهم على اتخاذ قرار مدروس.
حالات العرض
يجب أن تظهر شاشة المعلومات للمستخدمين في بداية عملية الشراء الأولى بعد إضافة نظام فوترة بديل. لا يلزم عرض هذه الرسالة في عمليات الشراء اللاحقة التي يجريها المستخدم نفسه. اعرض شاشة المعلومات مباشرةً بعد أن يتخذ المستخدم إجراءً صريحًا لبدء عملية شراء.
حالات عرض السعر
يجب أن يكون سعر الشراء مرئيًا وواضحًا للمستخدمين قبل أن تظهر لهم شاشة المعلومات أو شاشة خيار الفوترة.
كيفية العرض
يجب عرض شاشة المعلومات في بطاقة سفلية مشروطة. تشبه الورقة السفلية المشروطة مربع الحوار الشكلي الذي يتحرك لأعلى من أسفل الشاشة ويظل مثبَّتًا في الأسفل. مرتفع فوق جميع عناصر واجهة المستخدم على الشاشة الأساسية. يتم حجب الشاشة الأساسية خلف حاجب مظلم للإشارة إلى أنها لن تستجيب لتفاعل المستخدم.
راجع التصميم المتعدد الأبعاد من 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 |
المساحة المتروكة الداخلية | يسار: 24dp، يمين: 24dp، الجزء العلوي: 32dp، الجزء السفلي: 24dp |
الارتفاع | 8 بكسل مستقل الكثافة |
منظر طبيعي
في العرض الأفقي، تكون الورقة السفلية أعرض من العرض العمودي، ولكنها تتّبع مواصفات التصميم نفسها والوظائف نفسها.
بطاقة سفلية | العرض: 500 بكسل مستقل الكثافة، المساحة المتروكة الداخلية: 24 بكسل مستقل الكثافة |
العنوان | مثل العرض الرأسي |
الرسالة | مثل العرض الرأسي |
الأزرار | الارتفاع:36، العرض: مقياس للحاويات |
شاشة خيار الفوترة
تقدم شاشة اختيار الفوترة للمستخدمين خياري دفع لإكمال عملية الشراء. لمساعدة المستخدمين على اتخاذ قرار مدروس، يعرض كل خيار لخدمة الفوترة أيضًا طرق الدفع المتاحة لهم. بمجرد أن يتخذ المستخدمون قرارهم، سيستمرون في إكمال عملية الشراء من خلال نظام الفوترة هذا.
حالات العرض
إذا كان المستخدم قد شاهد شاشة المعلومات خلال عملية شراء سابقة، فيُفترض أن تظهر شاشة خيار الفوترة مباشرةً بعد أن يتّخذ المستخدم إجراءً صريحًا لبدء عملية شراء.
كيفية العرض
يجب عرض شاشة خيار الفوترة في ورقة سفلية مشروطة وأن تتّبع المواصفات نفسها المتّبعة في شاشة المعلومات.
تمثيل مرئي متساوٍ
يجب تمثيل الأزرار الخاصة بنظام الفوترة البديل ونظام الفوترة في Google Play بطريقة عادلة ومتساوية. يشمل ذلك، على سبيل المثال لا الحصر، أحجام الأزرار المتساوية وحجم/نمط النص وأهداف النقر وأحجام الأيقونات. يُرجى عدم إضافة أي نصوص أو صور أو تغييرات أخرى في الأنماط غير محدّدة في هذه الإرشادات.
مثال: عندما ينقر مستخدم للشراء في تطبيقك، سيؤدي الزر إلى عرض شاشة "خيار الفوترة"، وذلك فقط إذا كان المستخدم قد شاهد شاشة المعلومات أثناء عملية شراء سابقة.
مواصفات التصميم
تتضمّن شاشة خيار الفوترة أربعة مكوّنات مختلفة، وهي: العنوان والوصف وزر المطوّر وزر Google Play. يجب استخدام جميع المكونات، ويجب أن تحتوي على النص وعناصر واجهة المستخدم الدقيقة المحددة في هذه الإرشادات. نطلب منك عدم تضمين أي نص أو صور إضافية على هذه الشاشة، ولكن يمكنك تضمين نص وصور إضافية على الشاشات الأخرى التي تملكها.
تتوفّر مواد العرض المرئية لخدمة Google Play ورموز الدفع من خلال الروابط الواردة أدناه.
مثال: في العرض العمودي، يجب أن تمتد الورقة السفلية بنسبة 100% من إجمالي عرض الشاشة.
- العنوان
- الوصف
- زر المطوِّر
- زرّ Google Play
- بطاقة سفلية
- حاجب الخلفية
العنوان
نص |
اختيار البلد واللغة
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
الخط | Roboto (تطبيق على جميع الخطوط) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
حجم الخط | 18 ش | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
لون الخط | #202124 |
الوصف
نص |
اختيار البلد واللغة
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
حجم الخط | 14 ش | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
لون الخط | #5F6368 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
رابط نصي |
اختيار البلد واللغة
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
وجهة الرابط | روابط إلى مركز مساعدة Google Play | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
حجم الخط | 14 ش | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
زخرفة | تسطير | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
لون الخط | #5F6368 |
زر المطوِّر
- رمز التطبيق
- اسم التطبيق
- رموز طريقة الدفع
- مؤشر إضافي
- رموز الحد الأقصى لعدد طرق الدفع
- العرض: 360 بكسل مستقل الكثافة
- العرض: 480dp
رموز طريقة الدفع
التغيير إلى عرض الشاشة
حاوية الزر
المخطّط | 1pt، #DADCE0 |
نصف قطر الزاوية | 4 بكسل مستقل الكثافة |
المساحة المتروكة الداخلية | 16dp، 16dp، 16dp، 16dp |
رمز التطبيق
الأبعاد | الارتفاع: 24 بكسل مستقل الكثافة، العرض: متغيّر |
العنوان
نص | {اسم التطبيق} |
حجم الخط | 14 ش |
لون الخط | #202124 |
طُرق الدفع
الأبعاد | الارتفاع: 32 بكسل مستقل الكثافة، العرض: 20 بكسل مستقل الكثافة | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
نصف قطر الزاوية | 2dp | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
العدد | 5 مؤشر إضافي كحدّ أقصى، في حال توفّر أكثر من 5 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
مؤشر إضافي |
اختيار البلد واللغة
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
حجم الخط | 12 ش | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
لون الخط | #5F6368 |
زرّ Google Play
- الرمز
- العنوان
- طرق الدفع المقبولة
- مؤشر إضافي
حاوية الزر
المخطّط | 1pt، #DADCE0 |
نصف قطر الزاوية | 4 بكسل مستقل الكثافة |
المساحة المتروكة الداخلية | 16dp، 16dp، 16dp، 16dp |
رمز التطبيق
مادة عرض الصورة | منشور Google Play |
الأبعاد | الارتفاع: 24 بكسل مستقل الكثافة، العرض: 24 بكسل مستقل الكثافة |
العنوان
نص | Google Play |
حجم الخط | 14 ش |
لون الخط | #202124 |
طُرق الدفع
مادة عرض الصورة | الرابط | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
مؤشر إضافي |
اختيار البلد واللغة
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
حجم الخط | 12 ش | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
لون الخط | #5F6368 |
منظر طبيعي
مثال: في العرض الأفقي، تكون البطاقة السفلية أعرض من العرض الرأسي، ولكنها تتبع نفس مواصفات التصميم والوظائف.
بطاقة سفلية | العرض: 500 بكسل مستقل الكثافة، المساحة المتروكة الداخلية: 24 بكسل مستقل الكثافة |
العنوان | مثل العرض الرأسي |
الرسالة | مثل العرض الرأسي |
الأزرار | مثل العرض الرأسي |
للمزيد من التفاصيل حول البرنامج التجريبي للفوترة حسب اختيار المستخدم والأسئلة الشائعة، يُرجى زيارة مركز المساعدة.