تصميم UI / UX للمستخدمين الذين يعانون من عسر القراءة

نشرت: 2019-04-05

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

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

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

في الوقت الحالي ، لا تزال الصناعة تتعلم إنشاء تصميمات UX / UI شاملة من شأنها أن تكون سهلة الاستخدام على حد سواء لأشخاص مختلفين. في هذا النص ، ستجد معلومات حول تصميم UI / UX للمستخدمين الذين يعانون من عسر القراءة.

إذا كنت تتساءل عن سبب أهميته ، فإليك حقيقة واحدة: بناءً على دراساته ، توصل مركز Yale for Dyslexia & Creativity إلى نتيجة مفادها أن ما يصل إلى عشرين بالمائة من سكان العالم قد يعانون من عسر القراءة إلى حد ما. بمعنى ، قد لا يتمكن اثنان من كل عشرة مستخدمين لتطبيقك أو موقعك على الويب من الحصول على تجربة مستخدم لائقة أثناء استخدامه.

الوعي بعسر القراءة

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

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

هناك أيضًا جوانب قانونية لجعل الويب في متناول الجميع. يمكنك التحقق من موارد سياسة الوصول إلى الويب WAI لعرض مقالات حول السياسات القانونية المتعلقة بإمكانية الوصول.

تصميم لعسر القراءة

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

توجد بالفعل بعض الحلول التعليمية الرقمية الناجحة جدًا لعُسر القراءة. من بينها تطبيقات مثل Leo و Teen and Adults Phonics Library و Knoword و Reading Machine و Draw Something. تحقق منها للحصول على الإلهام عند العمل على تصميم سهل القراءة لمنتجك.

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

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

أفضل ممارسات تصميم UX / UI لعُسر القراءة

يمكن تطوير UX / UI سهل الاستخدام لمن يعانون من عسر القراءة على النحو التالي:

  • التباين العالي وعسر القراءة لا يتطابقان جيدًا . غالبًا ما يجد الأشخاص المصابون بعُسر القراءة صعوبة في قراءة النصوص على الشاشات ذات مستويات التباين العالية. من وجهة نظرهم ، يبدو أن الحروف والكلمات والأسطر "تتراقص" ، وتغير مكانها وتعطي القارئ وقتًا عصيبًا. لتسهيل الأمر على المستخدمين ، اختر خلفيات الباستيل بدلاً من الألوان عالية التباين. اختر نصًا رماديًا داكنًا بدلاً من الأسود عند العمل بخلفية بيضاء. لن يؤثر ذلك على الوضوح وقابلية القراءة للمستخدمين العاديين ، ولكنه سيحسنه بشكل كبير بالنسبة لمن يعانون من عسر القراءة.
  • كن حذرا مع الخطوط . تتميز الخطوط المناسبة لعسر القراءة بزيادة تباعد الأسطر وعناصر الطباعة المميزة للأحرف التي عادةً ما تكون مربكة بالنسبة لهم. هناك خطوط مصممة خصيصًا لعُسر القراءة مثل Dyslexie أو Open Dyslexic. يعمل خط Comic Sans الذي غالبًا ما يتم السخرية منه بشكل جيد بشكل مدهش لهذا الجمهور أيضًا. السبب وراء ذلك بسيط للغاية - تحتوي الأحرف الموجودة في هذا الخط على مسافات كبيرة بينها وتحتوي على عناصر طباعة فريدة تساعد المستخدمين على التمييز بين الأحرف المتشابهة بشكل أسهل. عندما يقتصر اختيارك للخط على الخيارات العادية ، فانتقل إلى Arial أو Century Gothic أو Tahoma أو Trebuchet أو Verdana.
  • اجعل النص قصيرًا . تتعلق هذه النصيحة بخطوط النصوص بشكل خاص والشاشات بشكل عام. تشير الدراسات إلى أن السطر على الشاشة يجب ألا يزيد عن 45 حرفًا لفهم أفضل. أيضًا ، لا يُنصح باختيار خطوط أصغر من اثني عشر إلى أربعة عشر نقطة.
  • لا تفرط في تحميل نمط النص . على الرغم من أن الحروف تميل إلى الرقص في عيون الذين يعانون من عسر القراءة ، إلا أن ارتداءها بخط مائل خيالي ووضع خط تحتها لن يجعل الأمور أفضل. لتوضيح النقاط الأساسية في النص لمرضى عسر القراءة ، استخدم الخط الغامق. يمكنك التأكيد على كتل النص المهمة مع المربعات والأحرف الصغيرة ذات الخط الأكبر أيضًا.
  • دمج أدوات القراءة . امنح المستخدمين المزيد من الطرق لفهم النصوص في منتجك عن طريق تمكين أدوات القراءة. سيستفيد المستخدمون الذين يعانون من عسر القراءة وضعاف البصر من ميزة تحويل النص إلى صوت بشكل كبير. يمكنك تنفيذ هذه الميزة بإحدى الطريقتين: استخدام أداة آلية تابعة لجهة خارجية أو تضمين مقاطع صوتية لشخص يقرأ مناطق النص في المنتج.
  • وظيفة الانقسام . عندما يكون هناك عدد كبير جدًا من الميزات في شاشة واحدة ، حاول إما تقليل عدد الميزات أو تقسيم الشاشة إلى قسمين. من الأفضل أن يكون لديك العديد من شاشات التطبيقات الواضحة أكثر من العديد من الشاشات المحملة بشكل زائد والتي قد تسبب صعوبات للمستخدمين في التكيف معها.
  • إعطاء الأولوية للمرونة . عند التصميم للمستخدمين الذين يعانون من عسر القراءة ، اجعل من أولوياتك إنشاء منتج مرن. لن يضر إنشاء عدة مسارات للوصول إلى نفس الوجهة للمستخدمين. تجنب إنشاء زوايا عمياء تجعل المستخدمين يكررون خطوات معقدة طويلة ويكتبون سطورًا من النصوص مرة أخرى. لن يسعد مستخدم واحد أن يفعل ذلك.
  • السماح بالتخصيص . يمكن للمصمم اختيار أفضل مزيج من الألوان والتباينات والخطوط والأنماط الممكنة. ومع ذلك ، بالنسبة لبعض مستخدمي منتجك الرقمي ، قد تظل الخيارات المحددة مسبقًا غير مواتية. لن يضر السماح بمستوى معقول من تخصيص التصميم. اسمح للمستخدمين باختيار الخطوط وتكبير النص والنص وألوان الخلفية.
  • تمكين النص بالرسومات . كلما أمكن ، استخدم الرموز لدعم النص ، أو استخدمها بدلاً من النص لفهم أفضل. يجب أن تساعد الصور ومقاطع الفيديو النصوص وتجعل التصميم أكثر وضوحًا وتحسن إمكانية الوصول إليه. مقاطع الفيديو المرافقة مع تسميات توضيحية للمستخدمين ضعاف البصر.
  • استخدم الملء التلقائي والتذكيرات والنصائح . لا تجعل مستخدمي تطبيقك يتذكرون كل شيء كتبوه وبحثوا عنه في تطبيقك. سيكون تمكين حقل بحث مثل Google مع اقتراحات من سجل المستخدم مفيدًا للغاية. عندما يكون ذلك ممكنًا ، قدِّم نصائح للمستخدمين.
  • دمج التصحيح التلقائي . إنه أمر مزعج عندما لا يفهمك التطبيق لمجرد أنك أخطأت في كتابة حرف واحد. خدمات مثل Pinterest تخمن ما يعنيه المستخدم وتعطيهم خيارات للاختيار من بينها. يمكن أن تكون هذه الميزة ثمينة بالنسبة للمستخدمين الذين يعانون من عسر القراءة. سيكون مفيدًا أيضًا للجمهور الأصغر سنًا والمتحدثين غير الناطقين بها.

    UI UX Design for Users with Dyslexia

  • الأبسط هو الأفضل . لا تفرط في تحميل تصميمك بعناصر غير ضرورية يمكن أن تشتت انتباه المستخدمين وتحيرهم. يجب أن يقلل تصميم UX / UI لعسر القراءة من الحمل المعرفي للمستخدم. يجب أن يكون واضحًا وخاليًا من الإلهاء قدر الإمكان.
الممارسات السيئة لتصميم عسر القراءة

هناك بعض ممارسات UX / UI التي تبدو منطقية ومفيدة للمطورين والمستخدمين العاديين ولكنها غير مواتية إلى حد ما لمن يعانون من عسر القراءة. فيما يلي لمحة موجزة عن الممارسات السيئة التي يجب تجنبها:

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

    UI UX Design for Users with Dyslexia

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

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

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

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

موارد للعمل مع عسر القراءة:

ستجد أدناه قائمة بالموارد الحديثة ذات الصلة التي يمكن أن تساعدك في إنشاء تصميمات UX / UI أفضل للمستخدمين الذين يعانون من عسر القراءة:

  1. 20 تصميم الموارد لتسهيل التعلم لدى الأطفال الذين يعانون من عسر القراءة
  2. جمعية عسر القراءة البريطانية: دليل أسلوب عسر القراءة
  3. كوكب UX: تصميم لعسر القراءة
  4. Dyslexia International 1 (مورد معلومات غير ربحي)
  5. مركز هيلين أركيل لعسر القراءة (مصدر خيري ومعلومات)
  6. الرابطة الدولية لعسر القراءة
  7. Usabilla: كيفية التصميم لعسر القراءة