أفضل الممارسات لتصميم واجهات متحركة سهلة الاستعمال

أبقوا (باتير) مُمكن التنبؤ

وقد ثبت أن أنماط الذكاء المختلط - مثل الزر الخلفي في الأعلى اليسار، أو السحب أو الصحافة الطويلة التي تختارها - تعمل لأن المستعملين يصادفونها عبر العديد من الأجهزة، والانحراف عن اللفتات أو التنسيب المعيارية دون مبرر قوي يمكن أن يخلط بين المستخدمين، غير أن الاتساق لا يعني المنافسين في النسخ؛ ويعني ذلك المواءمة مع قواعد المنبر ما لم يكن هناك فائدة واضحة من المستعملين للقيام بخلاف ذلك.

استخدام اللغة البصرية المتماسكة

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

تحقيق أقصى قدر ممكن من التفاعلات

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

أُقرّ إلى الحدّ الأدنى الهدف

وتوصي اللجنة الرفيعة المستوى المعنية بالعلامات العالية التطبيقية بالحد الأدنى من أهداف اللمس البالغ ٤٤ نقطة، في حين تشير تصميم المواد إلى ٤٨ x ٤٨ درجة مئوية. وتكفل هذه الأحجام إمكانية استفادة المستعملين من هذه النقاط دون ضربات عرضية. وتشير نتائج الدراسة التي توصلت إليها لجنة ماساتشوستس لاب )التي كثيرا ما استشهدت( إلى أن متوسط رصيف الأصابع يتراوح بين ١٠ و ١٤ ملم، وهو ما يترجم إلى نحو ٤٥ و ٨٥ بيكسل.

العناصر الفضائية التفاعلية المناسبة

وحتى في إطار المبادئ التوجيهية، يؤدي وضع الأزرار إلى أخطاء، والحفاظ على ما لا يقل عن ٨ إلى ١٢ من الرواسب بين أهداف اللمس، وهذا أمر مهم بصفة خاصة بالنسبة للأزرار اللاسلكية، وصناديق التفتيش، والصلات التي توضع بالقرب من بعضها البعض، وعلى شاشات الهواتف الصغيرة، قد يعني هذا التباعد تخفيض عدد الإجراءات لكل شاشة للحفاظ على القابلية للتداول.

الأثاثات الملائمة

فالأثار مثل النسيج والضغط الطويل يمكن أن تثري التفاعلات، ولكنها لا يمكن اكتشافها إلا إذا علم المستخدم بوجودها، وتوفر رسوما بصرية - مثلا بطاقة يمكن أن تُرفع قليلا لبيانها، أو نصاً تلميحاً مثل " السحب " ، أما بالنسبة للأعمال الحرجة، فتدعم التركيبات المصاحبة للضوابط الظاهرة (مثلاً، تحذف زراً معقداً).

منطقة إبهام

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

Provide Clear Feedback

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

التلقيم الفوري

وعندما يضغط زر ما، ينبغي أن يغير بصرياً حالة ما - مثل تحول لون خلفية، أو نطاق قصير، أو أثر نضجي، وهذا التفاعل الجزئي يطمئن المستخدم إلى أن الصنبور مسجل، وبالمثل، عندما يقدم نموذج، يظهر مؤشر تحميل (مفتاح أو حانة تقدم) بدلاً من ترك المستعمل يتساءل، وفي حالات الفشل، يُظهر رسالة خطأ واضحة بخطوات يمكن اتخاذها، وليس مجرد علامة عامة على شيء ما.

Leverage Haptic Feedback

وتشمل الهواتف الذكية الحديثة محركات المحرك التابتي أو اليقظة، ويمكن أن تعزز الصنابير القصيرة والخفيفة عملياتها - أي تأكيد النجاح أو التحذير أو تغيير الاختيار، على سبيل المثال، تستخدم شبكة الإنترنت حافة قصيرة لبيان نجاح عملية التجميل، غير أن استخدام المهابتات لتجنب الإزعاج؛ وهي أكثر فعالية بالنسبة للنتائج الثنائية (الصور البصرية/الضبابية).

دول الإقامة والامتيازات

وتظهر حالات فارغة عندما لا توجد بيانات تظهر (مثلاً، لا رسائل، ولا نتائج بحث) بدلاً من عرض شاشة فارغة، وتقديم توضيح ودي، وتفسير موجز، ودعوة إلى العمل، وكذلك أثناء التحميل، تظهر شاشة هيكلية أو مؤشر تقدم مسمّى بدلاً من أن تُحدّد كرة شاطئية.

تصميم إمكانية الوصول

وينبغي ألا يكون الوصول بعد التفكير، إذ أن نحو 15 في المائة من سكان العالم يعانون من نوع من الإعاقة، ويستفيد جميع المستعملين من التصميمات التي يمكن الوصول إليها، بما في ذلك أولئك الذين يعيشون في بيئات ضارة أو يعانون من إعاقة مؤقتة، ويكفل التصميم الشامل أن يستخدم الجميع تطبيقك، بغض النظر عن قدرتهم.

مبادئ توجيهية للرابطة

وتوفر المبادئ التوجيهية المتعلقة بإمكانية الوصول إلى المحتوى الشبكي إطاراً لتيسير الوصول إلى المحتوى الرقمي، أما بالنسبة للأجهزة المحمولة، فتشمل التوصيات الرئيسية ضمان وجود تناقض كاف لللون (النص العادي 5:1 على الأقل)، وتوفير بدائل للنصوص للمحتوى غير الوارد في نصوص، ودعم قارئين للشاشات مثل الصوتية أو التخاطب (الآلي).

تصميم أجهزة قراءة السيناريوهات

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

النظر في حالات الإفلات من العقاب الافتراضي

توفير خيارات لزيادة حجم النصوص، أو الألوان اللافتية، أو استخدام الفونتات الجريئة. دعم الدينامية من النوع (iOS) ومقياس الفونت (أندرويد) واستخدام مخططات لون عالية الضبط وتفادي الاعتماد على اللون فقط لنقل المعلومات (مثلاً، بيان الأخطاء مع أيقونة ورسالة نصية، وليس مجرد حدود حمراء) وينبغي النظر في استخدام الأشعة فوق البنفسجية من اللون؛

القدرة على الوصول إلى الأسواق

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

اختبار على الأجهزة الحقيقية

فالأجهزة المتحركة والموجهة مفيدة للاختبار المبكر، ولكنها لا تستطيع أن تحل محل اختبار الأجهزة المادية، فالأجهزة الحقيقية تكشف عن قضايا ذات أداء، وقابلية للتأثر، وشاشة الجليد، وتصريف البطاريات غير مرئية في بيئة محاكاة.

استراتيجية اختبار الأجهزة

اختبار مجموعة من الأجهزة التي تغطي مختلف أحجام الشاشة، والقرارات، ونظم التشغيل (أيوس وأندرويد)، وقدرات المعدات (الهواتف ذات الأرقام المنخفضة مقابل الهواتف العالية) ويشمل ذلك الأجهزة القديمة التي تكون بطيئة التجهيز، لأن جهازك قد يحتاج إلى أداء جيد عليها، واستخدام مختبرات أجهزة السحب مثل مزرعة بروزر ستاك أو جهاز AWS من الأجهزة النثرية للوصول إلى أجهزة بعيدة جدا إذا كانت الأجهزة المادية محدودة.

اختبار القابلية للاشتعال

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

جمع وتصريف التغذية

استخدام آليات التغذية المرتدة في حالات الاستخدام، واستعراضات مخازن التطبيقات، وتذكرات الدعم كمصادر مستمرة لبيانات القابلية للتداول، وتحديد الأولويات في المسائل القائمة على درجة الشدة والتواتر، وتسريع وتيرة ذلك، ولا سيما بعد التحديثات الرئيسية، وتذكر أن الوصلات البينية سهلة الاستعمال ليست ثابتة - وهي تتطور مع توقعات المستعملين والتقدم التكنولوجي.

أفضل الممارسات الإضافية

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

مسائل الأداء

ولم يعوض التصميم التخديري عن أوقات الحمل البطيئة أو التهجير غير المتعمد، وتصوير الصور على الوجه الأمثل، وخفض طلبات الشبكة، واستخدام الرموز الفعالة، ووجد غوغل أن 53 في المائة من المستخدمين المتنقلين يتخلون عن مواقع تستغرق أكثر من 3 ثوان للتحميل؛ وينطبق الأمر نفسه على الأجهزة، واستخدام أدوات رصد الأداء مثل أجهزة التجميل لتتبع سرعة تطبيقات العالم الحقيقي.

Streamline Onboarding

فالأنطباعات الأولى حاسمة، وتتجنب التعليمات الإلزامية الطويلة، بل تستخدم أدوات السياق والاستمرار التدريجي في الإلحاق بما يكشف عن الملامح حسب الحاجة، وسمح للمستعملين بالتخطي عن الركب والوصول إلى التطبيق الرئيسي فورا، كما أن الطلبات مثل أوبر وروبنب تسمح للمستعملين بأن يتعاملوا مع حائط أدنى من الجدار، ثم التسجيل الفوري عند الحاجة.

مراقبة المستعملين

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

تصميم لمختلف السياقات

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

خاتمة

(أ) تصميم واجهة متحركة سهلة الاستعمال هي عملية متسارعة وموجهة نحو البحث توازن بين الجمال والقابلية للاستخدام وإمكانية الوصول، ومن خلال فهم عميق لاحتياجات المستعملين، وإضفاء الطابع البسيط على المواصفات، والحفاظ على الاتساق، وتحقيق التفاعل الأمثل، وتوفير تغذية مرتدة واضحة، وإجراء اختبارات دقيقة على الأجهزة الحقيقية، يمكن لأفرقة التصميم أن تخلق أجهزة لا تفي بالأهداف الوظيفية فحسب، بل أيضاً تعزز التنوير والولاء.