تصميم شاشات الاشتراك في تطبيقات الجوال: وضّح خيارات الاشتراك
دليل عملي لتصميم شاشات الاشتراك في تطبيقات الجوال، يتناول القيمة ومقارنة الخطط وشروط التجربة والتجديد وسياق الشراء وقائمة للمراجعة.
شاشة الاشتراك لحظة اختيار ضمن تجربة منتج أوسع. ينبغي أن يستطيع الشخص معرفة ما تضيفه الخطة المدفوعة، وهل تناسب احتياجاته، وما المبلغ الذي سيُحصّل منه، وما الذي يحدث إذا قرر المتابعة من دون اشتراك.
يبدأ التصميم الأقوى قبل الصقل البصري. حدد ما الذي حاول الشخص فعله للتو، وفائدة الاشتراك ذات الصلة عند هذه النقطة، وشروط الخطة التي يجب فهمها قبل ظهور نافذة الشراء الخاصة بالنظام. ثم استخدم مراجعة مركزة لكشف الغموض في العرض والتسلسل البصري ومسارات الخروج.
أهم النقاط
- اربط العرض بفائدة ملموسة في المنتج وبالإجراء الذي أدى إليه.
- اعرض المبلغ الفعلي ودورية الفوترة لكل خطة، بما في ذلك ما يلي العرض التمهيدي.
- اجعل مقارنة الخطط وشروط التجربة والشراء والاستعادة وتسجيل الدخول والإغلاق مفهومة بوصفها مسارًا واحدًا.
- راجع شاشة الاشتراك في سياقها، وفي حالات الترجمة وإمكانية الوصول وعودة المشترك.
ابدأ باللحظة، لا بالقالب
تؤدي شاشة الاشتراك التي تظهر بعد نقر شخص على ميزة مقفلة مهمة مختلفة عن دعوة الاشتراك أثناء التهيئة. سمّ الميزة واشرح الفائدة المحددة التي ستصبح متاحة. وفي التهيئة، قدّم سياقًا كافيًا يوضح صلة الاشتراك بالمنتج. قد يبدو الطلب بلا سياق مقاطعة.
استخدم المسار المحيط لضبط التوقعات. إذا أمكن للناس تجربة جزء من المنتج أولًا، فدع تلك التجربة تُظهر القيمة. وإذا كان الوصول محدودًا، فاشرح الحد وموعد إعادة ضبطه. توصي إرشادات واجهة المستخدم من Apple بطلبات ذات صلة؛ وتتوقع Google Play أن توضح العروض الترويجية هل يمكن استخدام التطبيق من دون اشتراك.
قد يحتاج المشتركون الحاليون إلى تسجيل الدخول أو استعادة المشتريات. وقد يحتاج من ليس مستعدًا إلى طريق واضح للعودة إلى المنتج. صمّم هذه الخيارات كمسارات فعلية وتحقق من أنها تقود إلى وجهة مفيدة.
اجعل مقارنة العرض سهلة
أعطِ كل خيار اسمًا قصيرًا ومدة وبيانًا مباشرًا للسعر. ينبغي أن يسهل العثور على المبلغ الذي سيُحصّل فعلًا؛ وقد يساعد المقابل الشهري الأصغر في مقارنة الخطط، لكنه لا ينبغي أن يحل محل إجمالي المبلغ المحصّل. وإذا كانت خطة محددة افتراضيًا، فيجب أن يكون الاختيار ظاهرًا وألا يعتمد تبريره على شارة مبهمة مثل «أفضل قيمة».
توضح المقارنة المفيدة ما الذي يختلف بين الخطط: مستوى الوصول أو المحتوى أو الخدمة أو المدة أو فائدة أخرى ذات معنى. تجنب جعل الناس يستنتجون الفرق من اللون أو نسبة الخصم. وإذا كانت هناك خطة واحدة، فاستخدم المساحة لشرح قيمتها وشروطها.
تدعو إرشادات الشراء داخل التطبيق من Apple إلى خيارات واضحة وسعر ومدة واضحين وإجمالي سعر الفوترة. وتحذر Google Play من عرض اشتراك طويل المدة أساسًا في صورة تقسيم شهري حين يستحق دفع كامل المدة. اجعل إجمالي المبلغ المقتطع المعلومة الأساسية، ثم استخدم تفاصيل مقارنة ثانوية حيث تفيد.
| مجال المراجعة | عرض واضح | سؤال يُطرح |
|---|---|---|
| تمييز الخطة | يميز الاسم والمدة كل خيار | هل يستطيع الشخص معرفة الفرق من دون تخمين؟ |
| السعر | يظهر إجمالي المبلغ ودورية الفوترة معًا | هل المبلغ المستحق الآن أوضح من تقسيم مكافئ؟ |
| العرض التمهيدي | تُذكر مدة العرض والسعر الأولي والسعر التالي | هل يستطيع الشخص شرح ما سيدفعه بعد انتهاء العرض؟ |
| المزايا | يرتبط الوصول المحدد المضمّن بالخطة | هل يطابق كل ادعاء ما يقدمه المنتج طوال مدة الاشتراك؟ |
اشرح التجارب والتجديد بلغة واضحة
التجربة المجانية عرض محدد المدة قد يؤدي إلى اشتراك مدفوع. اذكر مدتها وموعد تحصيل أول دفعة والمبلغ ودورية الفوترة بعدها، وهل تتجدد الخطة تلقائيًا. ضع هذه التفاصيل قرب الخطة والإجراء المعنيين.
لا تجعل تسمية الزر تحمل الشرح كله. فتسمية مثل «ابدأ التجربة المجانية» تصف الخطوة الفورية، لا المبلغ الذي سيُحصّل لاحقًا. أرفق بها شروطًا موجزة مقروءة. اجعل النص واضحًا في أحجام العرض الشائعة، واسمح له بالتوسع مع إعدادات الخط الأكبر، وتجنب وضع الشروط الأساسية بتباين ضعيف أو في تخطيط قد يقتطعها بعد الترجمة.
نافذة الشراء جزء من مسار المنصة، وليست بديلًا لشاشة عرض متماسكة. تقول Apple باستخدام نافذة التأكيد الافتراضية وعدم تقليدها. وضّح الاختيار والشروط قبل الانتقال إلى واجهة النظام، ثم اعكس حالة الاشتراك الناتجة بدقة داخل التطبيق.
- مدة التجربة والأهلية للعرض المعروض واضحتان.
- تاريخ أو حدث بدء الفوترة مفهوم.
- سعر ما بعد التجربة وفترة الفوترة والتجديد التلقائي ظاهرة قبل الشراء.
- تبقى الشروط نفسها مفهومة بلغة المستخدم وعملته.
راجع مسار الشراء والعودة كاملًا
اتبع الإجراء الأساسي إلى تأكيد الشراء الأصلي في النظام، ثم افحص حالات النجاح والإلغاء والانتظار والفشل. تأكد من أن الشراء الملغى لا يبدو مكتملًا. تحقق مما يحدث عند إعادة فتح التطبيق، وعندما يسجل شخص الدخول على جهاز آخر، وعندما يصل مشترك حالي إلى العرض.
اجعل خيارات الحساب واستعادة الوصول سهلة العثور عليها. ينبغي ألا يُدعى المشتركون الحاليون إلى شراء الوصول نفسه مرة أخرى عندما تكون الخطوة المناسبة هي تسجيل الدخول أو الاستعادة. توصي Apple بتوفير طريقة للمشتركين الحاليين لتسجيل الدخول أو استعادة المشتريات. وينبغي أن تكون إدارة الاشتراك في موضع متوقع داخل الحساب أو الإعدادات؛ وتؤكد Apple أيضًا سهولة الإلغاء. وعلى Google Play، تُعد إفصاحات الاشتراك وطريقة الإلغاء عبر الإنترنت من متطلبات المنصة الحالية. اتبع إرشادات التنفيذ الحالية للمتجر بما يلائم طريقة الفوترة المعنية.
قارن شاشة الاشتراك بالمنتج المحيط بها. يجب أن تبدو الخطوط والصور والتفاعل منسجمة معه. استخدم مكتبة شاشات الاشتراك من ScreenKits لدراسة كيف ترتب الشاشات الملتقطة السعر والمزايا ولغة التجربة وأدوات الخروج، ثم قارن ملاحظاتك بمسار التطبيق الكامل. المعرض مرجع تصميمي، وليس دليلًا على فعالية نمط أو امتثاله.
- هل يستطيع المشترك العائد تسجيل الدخول أو استعادة الوصول من دون البدء من جديد؟
- هل يتضح كيف يُغلق العرض أو يُتابع باستخدام الوصول المجاني المتاح؟
- هل تشرح حالات نجاح الشراء وإلغائه والخطأ ما حدث وما ينبغي فعله بعد ذلك؟
- هل يستطيع الناس العثور على حالة الاشتراك وإدارته من إعدادات الحساب؟
- هل خضعت الترجمة وتكبير النص والتباين وقارئات الشاشة ومناطق اللمس للمراجعة؟
قائمة مراجعة عملية لتصميم شاشة الاشتراك
استخدم هذه القائمة أثناء نقد التصميم أو مراجعة النموذج الأولي أو المرور على المنتج قبل الإصدار. اقرأ كل بند من منظور شخص يرى العرض للمرة الأولى، ثم أعد المراجعة بصفتك مشتركًا عائدًا. إذا لم يستطع المراجع الإجابة عن سؤال من الشاشة ومسارها المباشر، فوضّح الواجهة قبل الاعتماد على محتوى الدعم لسد الثغرة.
| الفحص | شرط النجاح |
|---|---|
| السياق | سبب ظهور هذا العرض والفائدة ذات الصلة واضحان. |
| الوصول | توضح الشاشة بدقة ما يتطلب الدفع وما يبقى متاحًا من دونه. |
| المقارنة | لكل خيار اسم ومدة وإجمالي مبلغ مميز. |
| التجربة | تظهر مدة العرض وبداية الفوترة والسعر التالي والتجديد معًا. |
| الإجراء | يصف الزر الأساسي الخطوة التالية ولا يحجب شروطًا جوهرية. |
| البدائل | يسهل العثور على الإغلاق وتسجيل الدخول والاستعادة حيثما كانت ذات صلة. |
| الحالات | ينتج عن نجاح الشراء وإلغائه وفشله نتيجة مفهومة لكل منها. |
| احتياجات الوصول | يبقى النص مقروءًا عند تكبيره ويعمل المحتوى مع التقنيات المساعدة. |
| الترجمة والتوطين | تناسب الأسعار والعملة والتواريخ والنصوص الأسواق المدعومة من دون اقتطاع. |
| الإدارة | يستطيع المشترك العثور على حالة اشتراك التطبيق ومسار إدارته. |
أسئلة شائعة
ماذا ينبغي أن تتضمن شاشة الاشتراك في تطبيق الجوال؟
اشرح مزايا الاشتراك ذات الصلة، وميّز كل خطة، واعرض إجمالي المبلغ ودورية الفوترة، وأفصح عن شروط التجربة والتجديد عند انطباقها، وقدّم مسارات مفيدة للمشتركين الحاليين ولمن لا يشترون.
هل ينبغي لشاشة الاشتراك عرض مقابل شهري لخطة سنوية؟
قد يساعد ذلك الناس على مقارنة المدد، لكنه ينبغي أن يظل ثانويًا بالنسبة إلى كامل المبلغ المحصّل ودورية الفوترة. اجعل المبلغ الفعلي واضحًا بلا لبس.
أين ينبغي أن تظهر شاشة الاشتراك؟
ضعها عند نقطة ذات صلة، مثل اختيار شخص لميزة مدفوعة أو بلوغه حدًا واضح الشرح للاستخدام المجاني. اشرح سبب عرضها واحتفظ بطريق واضح إلى أي تجربة متاحة من دون دفع.
