فكِّر في موقعك الإلكتروني أو تطبيقك المفضّل. ما الذي يجعله مفضّلاً لديك؟ الآن، فكِّر في موقع إلكتروني أو تطبيق لا يعجبك. ما الذي لا يعجبك فيه؟ قد تختلف طريقة تفاعل المستخدمين مع تصميمك وتجربتهم على موقعك الإلكتروني وتطبيقك.
ويمكن أن تتغيّر هذه التجربة استنادًا إلى الوقت من اليوم ونوع الجهاز المستخدَم وما إذا كان الشخص قد حصل على قسط كافٍ من النوم في الليلة السابقة وما إذا كان يشعر بتوعّك وما إذا كان يستخدم تكنولوجيا مساعدة وغير ذلك الكثير. مع وجود ما يقرب من ثمانية مليارات شخص حول العالم، تتوفّر إمكانات غير محدودة بشأن كيفية استخدام الأشخاص لتصميماتك وتجربتها.
التصميم الشامل
كيف يمكننا تلبية جميع احتياجات المستخدمين المحتملة في آنٍ واحد؟ إليك التصميم الشامل. يستخدم التصميم الشامل نهجًا يركّز على الإنسان ويجمع بين الشمولية وسهولة الاستخدام وإمكانية الوصول.
وعلى عكس التصميم العالمي الذي يركّز على تصميم واحد يمكن لأكبر عدد ممكن من الأشخاص استخدامه، ترتكز مبادئ التصميم الشامل على تصميم منتج أو خدمة لشخص أو حالة استخدام محدّدة، ثم توسيع نطاق هذا التصميم ليشمل الآخرين.
هناك سبعة مبادئ للتصميم الشامل تركّز على تسهيل الاستخدام:
- توفير تجربة مماثلة: احرص على أن توفّر واجهتك تجربة مماثلة للجميع، كي يتمكّن المستخدمون من إنجاز المهام بالطريقة التي تناسب احتياجاتهم بدون التأثير سلبًا في جودة المحتوى.
- مراعاة الموقف: تأكَّد من أنّ واجهتك تقدّم تجربة قيّمة للمستخدمين، بغض النظر عن ظروفهم.
- الاتساق: استخدِم اصطلاحات مألوفة وطبِّقها بطريقة منطقية.
- منح المستخدمين إمكانية التحكّم: تأكَّد من أنّ المستخدمين يمكنهم الوصول إلى المحتوى والتفاعل معه بالطريقة التي يفضّلونها.
- توفير خيارات: ننصحك بتوفير طرق مختلفة للمستخدمين لإكمال المهام، خاصةً تلك المعقّدة أو غير العادية.
- تحديد أولويات المحتوى: يمكنك مساعدة المستخدمين في التركيز على المهام والميزات والمعلومات الأساسية من خلال ترتيب هذه العناصر حسب الأولوية ضمن المحتوى والتصميم.
- إضافة قيمة: فكِّر في الغرض من الميزات وأهميتها وكيفية تحسينها لتجربة المستخدمين المختلفين.
الشخصيات
عند تطوير تصميم أو ميزة جديدة، تعتمد العديد من الفِرق على شخصيات المستخدمين لتوجيهها خلال العملية. الشخصيات هي شخصيات وهمية تستخدم منتجاتك الرقمية، وتستند غالبًا إلى أبحاث المستخدمين الكمية والنوعية.
توفّر الشخصيات أيضًا طريقة سريعة وغير مكلفة لاختبار هذه الميزات وتحديد أولوياتها خلال عملية التصميم والتطوير. تساعد هذه الشخصيات في تركيز القرارات المتعلقة بمكوّنات الموقع الإلكتروني من خلال إضافة طبقة من الاعتبارات الواقعية إلى المحادثة للمساعدة في مواءمة الاستراتيجية وإنشاء أهداف تركّز على مجموعات مستخدمين محدّدة.
تضمين الأشخاص ذوي الإعاقة
"كل شخص مختلف عن الآخر. يمكنني التحدّث فقط من خلال تجربتي. عندما تقابل شخصًا أصمًا، تكون قد قابلت شخصًا أصمًا واحدًا، وليس جميع الصم".
"ميريل إيفانز" من مؤتمر ID24، تكنولوجيا الصم: رحلة عبر الزمن من الماضي إلى المستقبل
يمكن استخدام الشخصيات كأداة تصميم شاملة عند تضمين أشخاص ذوي احتياجات خاصة في شخصياتك. وهناك العديد من الطرق المختلفة لإجراء ذلك. يمكنك إنشاء شخصيات مستخدمين خاصة بذوي الاحتياجات الخاصة، أو إضافة إعاقات إلى شخصيات المستخدمين الحالية، أو حتى إنشاء طيف شخصيات يعكس الواقع الديناميكي للإعاقات الظرفية والمؤقتة والدائمة.
بغض النظر عن الطريقة التي تدمج بها الأشخاص ذوي الإعاقة في شخصياتك، يجب ألا تستند إلى أشخاص حقيقيين أو صور نمطية. ولا يمكن أن تحلّ الشخصيات الوصفية محل اختبارات المستخدمين.
- الاسم: جين بينيت
- العمر: 57 عامًا
- الموقع الجغرافي: إسكس، المملكة المتحدة
- الوظيفة: مهندس تجربة المستخدم
- الإعاقة: رعشة اليد الناتجة عن مرض باركنسون (الشلل الرعاش) المبكر
- الأهداف: استخدِم ميزة "تحويل الصوت إلى نص" لتسهيل إضافة اقتراحات الرموز البرمجية، والعثور على معدات ركوب الدراجات على الإنترنت بأقل عدد من ضغطات المفاتيح.
- نقاط الإحباط: المواقع الإلكترونية التي لا تتوافق مع استخدام لوحة المفاتيح فقط، والتطبيقات المصمَّمة بمساحات صغيرة للتفاعل باللمس
بصفتها مهندسة تجربة المستخدم، تصمّم "جين" صفحات وتنشئها، وهي صفحات ضرورية للحفاظ على أهمية موقع شركتها. تقدّم الدعم للكثير من أعضاء الفريق على مدار اليوم. إنّها بارعة في حلّ المشاكل التقنية، وهي الشخص الذي يلجأ إليه الجميع في القسم عند حدوث أي مشكلة غير متوقّعة.
وقد أصبحت تعاني من صعوبة متزايدة في استخدام الفأرة بسبب فقدانها مهارات الحركة الدقيقة نتيجة الرعشة. أصبحت تعتمد بشكل متزايد على لوحة المفاتيح للتنقّل على الويب. لطالما كانت "جين" مهتمة باللياقة البدنية. وهي تحب سباقات الطرق وسباقات "بي إم إكس". لذلك، كان خبر إصابتها بمرض باركنسون في سن مبكرة العام الماضي بمثابة صدمة كبيرة لها.
ألعاب محاكاة الإعاقة
يجب توخّي الحذر الشديد عند استخدام أدوات محاكاة الإعاقة من أجل محاكاة شخصياتك أو استكمالها.
تُعدّ محاكاة الإعاقة سلاحًا ذا حدّين، إذ يمكن أن تثير الشفقة أو التعاطف، ويعتمد ذلك على الشخص والسياق الذي يتم فيه استخدام المحاكاة والعديد من العوامل الأخرى التي لا يمكن التحكّم فيها. يعارض العديد من المدافعين عن حقوق ذوي الاحتياجات الخاصة استخدام أدوات محاكاة العجز، وينصحون بالبحث عن أفلام وعروض توضيحية وبرامج تعليمية ومحتوى آخر من إنشاء أشخاص من ذوي الاحتياجات الخاصة، والتعرّف على تجاربهم مباشرةً.
"أعتقد أنّه علينا أن نكون صريحين تمامًا بشأن أنّ أي نشاط محاكاة لا يؤثّر في بعض أهم المعلومات التي نريد أن يعرفها الأشخاص المبصرون. فالعمى ليس الصفة التي تعرّفنا، بل إنّ سوء الفهم والتوقعات المنخفضة بشأن العمى هما أكبر عائق يواجهنا.
تخلق هذه المفاهيم الخاطئة حواجز مصطنعة تمنعنا من المشاركة بشكل كامل، وتتحوّل هذه القيود الزائفة إلى عائق يمنعنا من التقدّم".
"مارك ريكوبونو"، رئيس "الاتحاد الوطني للمكفوفين"
الإعدادات الإرشادية لتسهيل الاستخدام
ننصحك بإضافة الاستدلالات إلى سير عملك أثناء إنشاء شخصياتك وتصاميمك. الاستدلالات هي قواعد لتصميم التفاعل، وقد قدّمها "جاكوب نيلسن" و"رولف موليش" في عام 1990. تم تطوير هذه المبادئ العشرة استنادًا إلى سنوات من الخبرة في مجال هندسة سهولة الاستخدام، وتم استخدامها في برامج التصميم والتفاعل بين الإنسان والآلة منذ ذلك الحين.
في عام 2019، أنشأ فريق التصميم في Deque مجموعة جديدة من الإرشادات التجريبية التي تركّز على تسهيل الاستخدام الرقمي وشاركها مع الآخرين. ووفقًا لأبحاثهم، يمكن تجنُّب ما يصل إلى% 67 من جميع أخطاء تسهيل الاستخدام في موقع إلكتروني أو تطبيق عندما يكون تسهيل الاستخدام جزءًا من عملية التصميم. هذا تأثير كبير يمكن تحقيقه قبل كتابة سطر واحد من الرمز.
كما هو الحال مع المجموعة الأصلية من الإرشادات التجريبية، هناك عشر إرشادات تجريبية متعلقة بسهولة الاستخدام يجب مراعاتها عند التخطيط لتصميمك.
- طُرق التفاعل وأساليبه: يمكن للمستخدمين التفاعل بكفاءة مع النظام باستخدام طريقة الإدخال التي يختارونها (مثل الماوس أو لوحة المفاتيح أو اللمس أو غير ذلك).
- التنقّل وتحديد الاتجاه: يمكن للمستخدمين التنقّل والعثور على المحتوى وتحديد موقعهم الجغرافي في أي وقت داخل النظام.
- البنية والدلالات: يمكن للمستخدمين فهم بنية المحتوى على كل صفحة ومعرفة كيفية التفاعل مع النظام.
- منع الأخطاء والحالات: تحتوي عناصر التحكّم التفاعلية على تعليمات دائمة وواضحة للمساعدة في منع حدوث الأخطاء، وتزويد المستخدمين بحالات أخطاء واضحة تشير إلى المشاكل وكيفية حلّها عند حدوثها.
- التباين وسهولة القراءة: يمكن للمستخدمين التمييز بين النص والمعلومات الأخرى المهمة وقراءتها بسهولة.
- اللغة والمقروئية: يمكن للمستخدمين قراءة المحتوى وفهمه بسهولة.
- إمكانية التوقّع والاتساق: يمكن للمستخدمين توقّع الغرض من كل عنصر. من الواضح كيف يرتبط كل عنصر بالنظام ككل.
- التوقيت والاحتفاظ بالبيانات: يُمنح المستخدمون وقتًا كافيًا لإكمال مهامهم ولا يفقدون المعلومات إذا انتهى الوقت المخصّص لهم (أي الجلسة).
- الحركة والوميض: يمكن للمستخدمين إيقاف العناصر المتحركة أو الوامضة أو التي تتضمّن رسومات متحرّكة على الصفحة. ويجب ألا تتسبّب هذه العناصر في تشتيت انتباه المستخدمين أو إلحاق أي ضرر بهم.
- بدائل مرئية وسمعية: يمكن للمستخدمين الوصول إلى بدائل مستندة إلى نص لأي محتوى مرئي أو سمعي ينقل معلومات.
بعد أن يصبح لديك فهم أساسي لهذه الإرشادات المتعلقة بسهولة الاستخدام، يمكنك تطبيقها على شخصية أو تصميم باستخدام ورقة عمل الإرشادات المتعلقة بسهولة الاستخدام واتّباع التعليمات المقدَّمة. يكون هذا التمرين أكثر فائدة عند جمع وجهات نظر متعددة.
في ما يلي مثال على مراجعة إرشادية بشأن سهولة الاستخدام لنقطة التحقّق الخاصة بالتنقّل وتحديد الاتجاهات:
| نقاط التحقّق للتنقّل والاستدلال | أداء ممتاز (+نقطتان) | اجتياز (+1 نقطة) | حالات الفشل (-1 نقطة) | غير متوفر (0 نقطة) |
|---|---|---|---|---|
| هل تم ضبط مؤشر واضح ومرئي على جميع العناصر النشطة عند التركيز عليها؟ | ||||
| هل تحتوي الصفحة على نص عنوان مفيد يتضمّن أولاً معلومات خاصة بالصفحة؟ | ||||
| هل عنصر عنوان الصفحة وعلامة H1 متطابقان أو متشابهان؟ | ||||
| هل هناك عناوين ذات صلة بكل قسم رئيسي؟ | ||||
| هل يتم تحديد الغرض من الروابط من نص الرابط وحده أو من سياقه المباشر؟ | ||||
| هل يتوفّر رابط تخطّي في أعلى الصفحة ويظهر عند التركيز عليه؟ | ||||
| هل يسهّل تنظيم عناصر التنقّل عملية تحديد الاتجاه؟ |
بعد أن يطّلع كل فرد في الفريق على الصفحة أو المكوّن ويُجري مراجعة إرشادية بشأن تسهيل الاستخدام، يتم جمع الإجماليات لكل نقطة تحقّق. في هذه المرحلة، يمكنك تحديد كيفية معالجة أي مشاكل تم العثور عليها أو تصحيح أي إغفالات ضرورية لدعم تسهيل الاستخدام الرقمي.
التعليقات التوضيحية المتعلقة بتسهيل الاستخدام
قبل تسليم تصميمك إلى فريق التطوير، عليك التفكير في إضافة تعليقات توضيحية حول تسهيل الاستخدام.
تُستخدم التعليقات التوضيحية بشكل عام لشرح الخيارات الإبداعية ووصف الجوانب المختلفة للتصميم. تركّز التعليقات التوضيحية الخاصة بتسهيل الاستخدام على المجالات التي يمكن للمطوّرين فيها اتّخاذ خيارات برمجية أكثر ملاءمة لذوي الاحتياجات الخاصة بمساعدة فريق التصميم أو أحد المتخصّصين في تسهيل الاستخدام.
يمكن تطبيق التعليقات التوضيحية الخاصة بتسهيل الاستخدام خلال أي مرحلة من مراحل عملية التصميم، بدءًا من الإطارات الشبكية وصولاً إلى النماذج التجريبية عالية الدقة. ويمكن أن تتضمّن مسارات المستخدمين والحالات الشرطية والوظائف. ويستخدمون غالبًا رموزًا وتصنيفات لتبسيط العملية والحفاظ على التركيز على التصميم.
أمثلة توضيحية للتصميم من مجموعة تعليقات توضيحية حول إمكانية الوصول من Indeed.com في Figma.
استنادًا إلى برنامج التصميم الذي تستخدمه، من المفترض أن تتوفّر لك عدة حِزم أدوات بدء إنشاء التعليقات التوضيحية الخاصة بتسهيل الاستخدام لتختار من بينها. أو يمكنك إنشاء مجموعة خاصة بك إذا أردت ذلك. في كلتا الحالتين، عليك تحديد المعلومات التي يجب إبلاغ فريق التسليم بها والتنسيق الأنسب لذلك.
في ما يلي بعض المجالات التي يجب مراعاتها عند إضافة تعليقات توضيحية لتسهيل الاستخدام:
- الألوان: يجب تضمين نِسب التباين بين جميع المجموعات المختلفة من الألوان في لوحة الألوان.
- الأزرار والروابط: تحديد الحالات التلقائية وحالات التمرير والتنشيط والتركيز والإيقاف
- روابط تخطّي: يمكنك إبراز جوانب التصميم المخفية والمرئية والمكان الذي تؤدي إليه الروابط على الصفحة.
- الصور والرموز: إضافة اقتراحات لنصوص بديلة للصور والرموز الأساسية
- الصوت والفيديو: يمكنك تسليط الضوء على المساحات والروابط الخاصة بالترجمة والشرح والوصف الصوتي.
- العناوين: أضِف مستويات برمجية وأدرِج كل ما يبدو كعنوان.
- المعالم: يمكنك إبراز الأقسام المختلفة من التصميم باستخدام HTML أو ARIA.
- المكوّنات التفاعلية: تحدِّد هذه الفئة العناصر القابلة للنقر وتأثيرات التمرير ومساحة التركيز.
- لوحة المفاتيح: تحديد موضع بدء التركيز (التوقف الأبجدي) وترتيب علامات التبويب التالي.
- النماذج: أضِف تصنيفات الحقول والنصوص المساعدة ورسائل الخطأ ورسائل النجاح.
- الأسماء الظاهرة على واجهة المستخدم: تحدّد هذه السمة الطريقة التي يجب أن تتعرّف بها التكنولوجيا المساعدة على العنصر.