يعتمد العديد من المصممين الذين يقومون بعملية إنشاء منتجات رقمية على مشاعرهم. على الرغم من أن هذا مفيد في بعض الحالات ، إلا أن هناك معايير شائعة تساعد على إنشاء حلول لواجهة المستخدم بشكل منطقي بدلاً من الاعتماد على الحدس.
في هذه المقالة ، سنحاول دراسة المعيار العام للطريقة في واجهات المستخدم ، ومناقشة سبب وجود نوعين رئيسيين فقط من الشاشات ، وكذلك لتحليل كيفية فشل التطبيقات ومواقع الويب عند تحويل تصميمات المعلومات وتدفقات المستخدم إلى واجهات مستخدم بديهية .
نبدأ هذه الدراسة بالبيان الغامق التالي:
هناك نوعان من الشاشات:
- شاشات مشروط
- شاشات غير مشروط
الآن اسمحوا لي أن أشرح هذا البيان. تقريبًا كل شاشة يمكننا تخيلها تقع في واحدة من هاتين الفئتين. لفهم الفرق بين شاشة مشروط وشاشة غير مشروطة ، يجب علينا أولاً المضي قدمًا في تحديد مفهوم شاشة الوسائط.
ما هي شاشة مشروط؟
يمكن العثور على شاشات الوسائط بأشكالها وتمثيلاتها المختلفة ، على سبيل المثال ، أحد الخيارات التالية:
- المشاهدات ملء الشاشة مشروط
- النوافذ المنبثقة
- النوافذ المنبثقة
- يغتبوإكسس
تعد كل من
شاشات الوسائط والشاشات غير المشروطة طرق عرض تابعة ، أي أنها تابعة لإطار تطبيق رئيسي واحد. ومع ذلك ، هناك اختلاف واحد مهم:
"نافذة مشروط تخلق وضعا يعطل النافذة الرئيسية ، لكنه يبقيها مرئية مع نافذة مشروطة كنافذة فرعية أمامها. يجب أن يتفاعل المستخدمون مع نافذة الوسائط قبل أن يتمكنوا من العودة إلى التطبيق الأصل "- ويكيبيديا
يمكن بسهولة تحديد معظم الإطارات المشروطة ، خاصة في تطبيقات سطح المكتب ، لأنها تتداخل بصريًا مع النافذة الرئيسية. ينطبق هذا على النوافذ المنبثقة التي تختفي من النافذة الرئيسية في الخلفية والقوائم المنبثقة ومربعات الحوار ومربعات الضوء المنبثقة والتنبيهات ، إلخ.
ومع ذلك ، فإن استخدام نافذة الوسائط على الأجهزة المحمولة محدود ، لأن العديد من شاشات الوسائط على الأجهزة المحمولة تشغل كامل الشاشة. لم تعد تُبقي النافذة الرئيسية مرئية للمستخدم ، وبالتالي يصعب تمييزها عن
النوافذ غير الضارة :
مثال IOS: غالبًا ما تخفي النوافذ المشروطة على الأجهزة المحمولة نافذة التطبيق الرئيسية تمامًا.الفرق الرئيسي هو الطريقة التي تتفاعل بها مع كل من النوافذ. بينما تسمح الشاشة غير المشروطة للمستخدمين بالعودة إلى الشاشة الرئيسية ، تتطلب شاشة الوسائط من المستخدمين إكمال إجراء معين قبل العودة إلى النافذة الرئيسية (مثل النقر فوق الزر "حفظ" في مثالنا) أو التراجع عن الإجراء الحالي الذي تسبب في نافذة الوسائط.
المؤشر البصري الأكثر وضوحًا بالنسبة للإطارات غير المعتادة هو التنقل (شريط علامات التبويب في مثالنا). تتيح شاشات غير مشروعة للمستخدمين القفز ذهابًا وإيابًا على المستوى الرئيسي من التنقل في التطبيق.
ومع ذلك ، تتطلب شاشة الوسائط من المستخدمين إغلاق النافذة قبل أن يتمكنوا مرة أخرى من استخدام التنقل الرئيسي للتطبيق (أزرار "حفظ" أو "إلغاء" في مثالنا).
لماذا يجب عليك استخدام طريقة؟
شاشات مشروط حل مشكلة بسيطة. وهو يتألف مما يلي - يتم تشتيت انتباه المستخدمين بسهولة ، لذلك يتعين عليك في بعض الأحيان جذب انتباههم الكامل إلى مجموعة محددة من المعلومات (
المصدر ). تعمل شاشة الوسائط على ذلك - فهي تتطلب من الأشخاص التركيز على مهمة واحدة قبل الاستمرار في العمل في السلسلة الرئيسية للتطبيق.
"تقوم الطريقة بإنشاء التركيز عن طريق منع الأشخاص من القيام بأشياء أخرى قبل إتمام المهمة أو رفض العرض الذي تم استدعاؤه في نافذة الوسائط" - Apple
متى يجب استخدام الطريقة؟
الآن بعد أن أصبحنا نعرف كيف تبدو شاشة الوسائط. كيف يمكن مقارنتها بشاشة غير مشروعة وما هو الغرض منها؟ بادئ ذي بدء ، يجب أن نسأل أنفسنا: "في أي حالة يجب أن نستخدمها؟"
دعنا نتخيل أننا نخلق شركة ناشئة "رائعة ومبتكرة" تسمى "Purrrfect". هذه هي قاعدة بيانات القطط التي تتيح للمستخدمين تحميل وعرض وتعليق على GIFs من القطط لطيف.
قد يبدو تدفق المستخدم المبسط لتطبيقنا كما يلي: يفتح المستخدم التطبيق ويدخل إحدى علامات التبويب المتعددة المتاحة (قاعدة بيانات القطط الخاصة بنا) ، ثم ينقر فوق إحدى القطط (يدخل عرضًا تفصيليًا للقطط الصغيرة) ثم ينقر فوق قسم التعليقات ( المدرجة في قسم التعليقات من القط).
Purrrfect User Streamبالإضافة إلى ذلك ، يمكن للمستخدم تنفيذ إجراءات إضافية في كل مرحلة. على سبيل المثال ، يمكنه إضافة هريرة أخرى إلى قاعدة البيانات على شاشة قائمة القطط. أو يمكنه تحرير البيانات على شاشة التفاصيل القط.
الآن تحتاج إلى فهم أي من هذه الشاشات مشروط وأيها لا؟ التصنيف في هذه الحالة صعب ، لكن هذه هي القاعدة الأساسية لدي:
استخدم شاشات مشروطة للعمليات المستقلة ، وشاشات غير مشروطة لكل شيء آخر.
"العملية المستقلة" هي إجراء محدد له نقطة بداية ونهاية واضحة في العملية.لفترة زمنية محددة من هذا الإجراء ، يقوم بإزالة المستخدم من التدفق العام للمستخدم ، مما يسمح له بالتركيز على الإجراء ثم يعيده إلى النقطة في التدفق حيث بدأ هذا الإجراء.
تصوغ Google هذه القاعدة على النحو التالي:
استخدم شاشات مشروطة (مربعات حوار) لعرض "معلومات مهمة تتطلب مهمة مستخدم محددة أو حلها أو تأكيدها" - Google
في حالة تطبيق Purrrfect الخاص بنا ، هذا يعني أن تدفق المستخدم الرئيسي (المستخدم لفحص التطبيق) ليس مشروطًا. ومع ذلك ، فإن الإجراءات المحددة زمنياً ، مثل إضافة القطط ، وتحرير القطط ، وكتابة التعليقات ، تعد مشروطة.
يمكن إلغاء جميع الإجراءات الشرطية أو إكمالها بنجاح قبل أن يعود المستخدم إلى الدفق الرئيسي. لهذا السبب ، تستخدم شاشات الوسائط الأزرار "إلغاء وحفظ" (أو إجراءات تأكيد مماثلة أخرى) بدلاً من الزر "السابق". إذا كان زر "Back" قد بدأ في وقت واحد إجراء الحفظ على شاشة غير مشروعة ، فيمكنك التفكير في التبديل إلى شاشة الوسائط عن طريق إضافة أزرار "Cancel" و "Save".
ومع ذلك ، يكون البيان التالي صحيحًا أيضًا: إذا لم يكن هناك إجراءان مختلفان ، مثل Cancel and Save ، غير منطقيين على شاشة مشروطك (لأنهما سيتسببان في نفس الإجراء) ، يمكنك التبديل إلى عرض غير مشروط. في هذه الحالة ، يجب أن يظل التنقل الرئيسي (على سبيل المثال ، شريط علامات التبويب) مرئيًا على الشاشة.
دعنا نعود إلى طلبنا. قد تبدو الواجهة المحتملة لـ Purrrfect بالشكل التالي:
Purrrfect واجهة المستخدمفي العالم الواقعي ، يكون الفرق بين الشاشات المشروطة وغير المشروطة أقل وضوحًا. على سبيل المثال ، تكون الصورة بملء الشاشة مشروطة في معظم التطبيقات ، على الرغم من أن هذه ليست عملية أو حوارًا. قد يكون لشاشة الوسائط أيضًا معنى في المواقف الخاصة الأخرى عندما تحتاج إلى إنشاء تركيز مستخدم على كتلة معينة من المعلومات. إذا كانت شاشة الهريرة المفصلة لدينا (في الوسط) هي نقطة النهاية دون إجراءات أخرى ، مثل التحرير أو التعليق ، فيمكننا استخدام الطريقة (العرض بملء الشاشة). ولكن نظرًا لأنها تتيح للمستخدمين الاطلاع على بنية المعلومات وإجراء العديد من الإجراءات الإضافية (إظهار التعليقات ، التحرير ، وما إلى ذلك) ، لم يعد لها نقطة نهاية واضحة ، وبالتالي فهي جزء من الدفق الرئيسي. لذلك ، هذا تمثيل غير مشروط.
يجب أن يقوم المطور بتقييم ما إذا كان الإجراء مستقلًا أو جزءًا من عملية تدفق التطبيق الإجمالية ، ويقرر ما إذا كان يجب جعل الشاشة مشروطة أم لا. إذا كنت في شك ، فاستذكر هذا الاقتباس:
تقليل استخدام الطريقة. كقاعدة عامة ، يفضل الناس التفاعل مع التطبيقات بطرق غير خطية. فكر في إنشاء سياق مشروط فقط في الحالات التي يكون فيها من المهم جذب انتباه شخص ما ، عندما تحتاج المهمة إلى إكمالها أو إيقافها لمواصلة استخدام التطبيق أو حفظ البيانات الهامة. - أبل
بالطبع ، يمكن أن تعمل الواجهة بشكل جيد دون تمييز صارم بين التمثيل الشرطي وغير الشرطي. ومع ذلك ، يتم تضمين مفهوم الطريقة بعمق في النظم الإيكولوجية لواجهة Apple و Google و Microsoft وغيرها من الشركات التي طورت التوقعات المناسبة لمستخدميها العاديين.
كيف ينبغي استخدام الطريقة؟
الآن ، آمل أن يكون هناك فهم مشترك لوقت استخدام الطريقة. يبقى سؤال واحد فقط: "كيف يمكننا تصميم طريقة؟" فيما يلي قائمة مراجعة سريعة لاستخدام شاشات الوسائط:
- اعرض دائمًا زر الإغلاق / الإخفاء في نافذة الوسائط (أو "الإلغاء" ، "الإلغاء" ، "التصغير") في شريط التنقل العلوي. عند فقد المستخدم ، يمكنه بسهولة إغلاق مثل هذه النافذة والعودة إلى مستوى التطبيق من حيث تم استدعاء نافذة الوسائط.
- غالبًا ما توجد أزرار الإلغاء الموجودة على iOS و Android في الجزء العلوي الأيسر من شريط التنقل. يفضل Android رمز الإغلاق "X" ، بينما يفضل iOS زر "إلغاء". ومع ذلك ، أزرار الرموز هي أيضا شائعة جدا في دائرة الرقابة الداخلية.
- توجد أزرار تأكيد الإجراء في نافذة الوسائط في iOS و Android افتراضيًا في الجزء العلوي الأيمن من لوحة التنقل. ومع ذلك ، قد لا يكون هذا الموضع متاحًا للمستخدم على أجهزة ذات قطري كبير. لذلك ، يمكن أن يكون تحديد موضع عائم ثابت في أسفل الشاشة أو في نهاية الصفحة حلاً بديلاً جيدًا.
نوافذ متعددة المراحل
تصبح الأمور أكثر تعقيدًا بمجرد أن يتكون مربع حوار الوسائط من عدة خطوات أو شاشات فرعية. بشكل افتراضي ، يتم عرض زر المتابعة في الزاوية اليمنى العليا. لن تفتح شاشة الخطوة الثانية شاشة مشروطة جديدة ، ولكن بدلاً من ذلك تظل داخل شاشة الوسائط الأولى ويتم عرضها كشاشة فرعية غير مشروطة (نظرًا لأنه لا يمكن إلغاؤها) من تراكب الوسائط المشروط كخطوة أولى من نافذة الوسائط.
عند وضع الإجراء الرئيسي ("حفظ" أو "تطبيق" أو "متابعة") في أسفل الشاشة (كما هو موصى به سابقًا) ، تحرر المنطقة اليمنى العليا من الخطوة الثانية من كتلة الوسائط دائمًا مساحة لإلغاء زر إضافي. على الرغم من أن التنقل يبدو أكثر منطقية من اليسار إلى اليمين ، إلا أن هذا الموضع لا يزال أفضل بالنسبة لإطار مشروط من عدم القدرة على إغلاق شاشة الوسائط على الشاشات الفرعية (السابقة).
استنتاج
يطور العديد من المصممين منتجات بناءً على مشاعرهم. وأحيانًا يكون الحدس أكثر أهمية من المعيار ، لأنه غالبًا ما يكون جوهر الإبداع. ومع ذلك ، فمن المنطقي معرفة المعايير العامة للطريقة ، بحيث في الوقت المناسب لتكييفها مع دفق المستخدم الرئيسي في التطبيق.