إرشادات تجربة المستخدم المؤقتة لأنظمة الفوترة البديلة داخل التطبيقات

نظرة عامة

للحفاظ على توفير تجربة متّسقة للمستخدمين ومساعدتهم على اتّخاذ قرارات مدروسة، عليك عرض شاشة معلومات وشاشة منفصلة لخيار الفوترة إذا كنت توفّر نظام فوترة بديلاً داخل التطبيق إلى جانب نظام الفوترة في Google Play. يجب عرض صفحة المعلومات للمستخدمين مرة واحدة فقط عند بدء عملية شراء، بينما يجب عرض صفحة خيار الفوترة قبل كل عملية شراء. يجب تنفيذ الرسائل المخصّصة للمستخدمين ومواصفات واجهة المستخدم لكلتا الشاشتين وفقًا للإرشادات التالية.

معلومات للمستخدمين

تساعد شاشة المعلومات المستخدمين في فهم سياق التغيير وتوفّر معلومات إضافية لمساعدتهم في اتخاذ قرار مدروس.

وقت العرض

يجب عرض شاشة المعلومات للمستخدمين في بداية عملية الشراء الأولى بعد إضافة نظام فوترة بديل داخل التطبيق. لا يلزم عرض هذه الرسالة في عمليات الشراء اللاحقة التي يجريها المستخدم نفسه. عرض شاشة المعلومات فور اتّخاذ المستخدم إجراءً صريحًا لبدء عملية شراء

حالات عرض السعر

يجب أن يكون سعر الشراء واضحًا وظاهرًا للمستخدمين قبل عرض شاشة المعلومات أو شاشة خيار الفوترة.

كيفية العرض

يجب عرض شاشة المعلومات في ورقة أسفل الشاشة مشروطة. تشبه ورقة البيانات النموذجية التي تظهر في أسفل الشاشة مربّع الحوار النموذجي الذي يظهر بشكل متحرّك من أسفل الشاشة ويبقى مثبّتًا في الأسفل. ويكون هذا العنصر أعلى من جميع عناصر واجهة المستخدم على الشاشة الأساسية. يتم حجب الشاشة الأساسية خلف طبقة داكنة للإشارة إلى أنّها لن تستجيب لتفاعل المستخدم.

لمزيد من المعلومات حول التصميم والتنفيذ لأوراق البيانات السفلية المشروطة، يُرجى الرجوع إلى Google Material Design.

إجراءات المستخدم

يجب أن يتم تشغيل البطاقة السفلية عندما ينقر المستخدم على زر أو عنصر في واجهة المستخدم في تطبيقك يؤدي إلى بدء عملية شراء. يمكن للمستخدم اتّخاذ ثلاثة إجراءات محتملة من شاشة المعلومات:

متابعة

يؤدي النقر على الزر "متابعة" إلى إغلاق شاشة المعلومات وفتح شاشة اختيار الفوترة.

مزيد من المعلومات

يؤدي النقر على الزر "مزيد من المعلومات" إلى فتح مقالة في "مركز مساعدة Google" ضمن متصفّح ويب.

إغلاق

إذا أراد المستخدمون إغلاق ورقة البيانات السفلية والعودة إلى الشاشة الأساسية، يمكنهم إغلاق ورقة البيانات السفلية من خلال:

• النقر خارج حاوية البطاقة السفلية
• النقر على زر "الرجوع" في نظام Android

لا يلزم عرض شاشة المعلومات مرة أخرى بعد إغلاقها أو بعد أن ينقر المستخدم على "متابعة".

مثال: يتم عرض سعر الشراء بوضوح قبل أن يبدأ المستخدم عملية الشراء. يؤدي النقر على الزر "الانضمام الآن" إلى ظهور شاشة المعلومات.

مواصفات التصميم

تنقسم شاشة المعلومات إلى ثلاثة عناصر: العنوان والرسالة والأزرار. يجب توفُّر جميع المكوّنات الثلاثة، ويجب أن تحتوي على النص وعناصر واجهة المستخدم المحدّدة في هذه الإرشادات. لا تضمِّن أي نصوص أو صور إضافية في هذه الشاشة، ولكن يمكنك تضمين نصوص وصور إضافية في شاشات أخرى.

1. العنوان
2. رسالة
3. الأزرار
4. بطاقة سفلية
5. الخلفية الشفافة

العنوان

رسالة

زر 1

زر 2

بطاقة سفلية

أفقي

في العرض الأفقي، تكون ورقة البيانات السفلية أعرض من العرض العمودي، ولكنها تتّبع مواصفات التصميم والوظائف نفسها.

شاشة "خيارات الفوترة"

تعرض شاشة "اختيار نظام الفوترة" خيارَين للدفع أمام المستخدمين لإكمال عملية الشراء. لمساعدة المستخدمين في اتّخاذ قرار مدروس، يعرض كل خيار من خيارات خدمة الفوترة أيضًا طرق الدفع المتاحة. وبعد أن يختار المستخدمون خدمة الفوترة التي يريدونها، سيتمكّنون من إكمال عملية الشراء من خلالها.

وقت العرض

إذا كان المستخدم قد شاهد شاشة المعلومات من قبل، يجب أن تظهر شاشة خيار الفوترة فور اتخاذ المستخدم إجراءً واضحًا لبدء عملية شراء.

كيفية العرض

يجب عرض شاشة "اختيار الفوترة" في ورقة نموذجية في أسفل الشاشة، ويجب أن تتّبع المواصفات نفسها المتّبعة في شاشة المعلومات.

تمثيل مرئي متساوٍ

يجب أن تظهر الأزرار الخاصة بخدمة الفوترة الإضافية داخل التطبيق وخدمة الفوترة في Google Play للمستخدم بطريقة عادلة ومتساوية. ويشمل ذلك، على سبيل المثال لا الحصر، التساوي في أحجام الأزرار، وحجم النص ونمطه، وأهداف النقر، وأحجام الرموز. يُرجى عدم إضافة أي نصوص أو صور أو تغييرات في الأنماط غير محدّدة في هذه الإرشادات.

مثال: يؤدي النقر على زر "الانضمام الآن" إلى فتح شاشة اختيار نظام الفوترة.

مواصفات التصميم

تتضمّن شاشة "خيارات الفوترة" أربعة عناصر مميّزة: العنوان والوصف وزر المطوّر وزر Google Play. يجب استخدام جميع المكوّنات، ويجب أن تحتوي على النص وعناصر واجهة المستخدم المحدّدة في هذه الإرشادات. يُرجى عدم تضمين أي نصوص أو صور إضافية على هذه الشاشة، ولكن يمكنك تضمين نصوص وصور إضافية على الشاشات الأخرى التي تملكها.

تتوفّر مواد العرض المرئية الخاصة بـ Google Play ورموز الدفع من خلال الروابط المقدَّمة أدناه.

مثال: في العرض العمودي، يجب أن يمتدّ ورقة البيانات السفلية على% 100 من إجمالي عرض الشاشة.

1. العنوان
2. الوصف
3. زر المطوِّر
4. زر Google Play
5. بطاقة سفلية
6. الخلفية الشفافة

العنوان

الوصف

زر المطوِّر

1. رمز التطبيق
2. اسم التطبيق
3. رموز طرق الدفع

رموز طرق الدفع

1. الحدّ الأقصى لعدد رموز طرق الدفع
2. أسماء طرق الدفع بدلاً من الرموز

تغيير الحجم ليتناسب مع عرض الشاشة

3. العرض 360dp
4. عرض 480 وحدة بكسل مستقلة الكثافة

حاوية الأزرار

رمز التطبيق

العنوان

طرق الدفع

زر Google Play

1. الرمز
2. العنوان
3. طرق الدفع المقبولة
4. مؤشر إضافي

حاوية الأزرار

رمز التطبيق

العنوان

طرق الدفع

أفقي

مثال: في العرض الأفقي، يكون عرض ورقة البيانات السفلية أكبر من العرض العمودي، ولكنها تتّبع مواصفات التصميم والوظائف نفسها.