Hoff NDS: مواصفة نظام التصميم الشامل للاختلاف العصبي في Hoff Research

عمل قيد التطوير (WIP): هذه المواصفة ما زالت تتغير.

هذا هو Hoff NDS، نظام التصميم الذي أستخدمه في منتجات Hoff Research وأطبقه، أحيانًا بصمت، في كل مشروع جديد. الأدلة وراء كل قاعدة موجودة في المقال عن نظام التصميم للأشخاص المختلفين عصبيًا. وهنا المعيار وحده.

الغرض والنطاق

يوجد النظام لتقليل العبء المعرفي والقلق والخطأ في الواجهة الرقمية، مع إعطاء الأولوية للأشخاص المختلفين عصبيًا ونفع الجميع. ويغطي ثلاثة أنواع من القيود:

• دائمة، مثل ضعف البصر وعسر القراءة والتوحد
• مؤقتة، مثل الإصابة والإرهاق وأثر الدواء
• ظرفية، مثل المكان الصاخب والاتصال الضعيف والضغط

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

ليس سمة بصرية، بل مجموعة قواعد مبرّرة. كل قسم يذكر القاعدة والسبب والأنماط العصبية التي يخدمها ومبادئ تجربة المستخدم التي يقوم عليها. وحين يكون للقاعدة رقم، فالرقم معياري.

الأسس

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

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

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

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

حفظ التعقيد. هناك حد أدنى من التعقيد لا يمكن إزالته دون تدمير الوظيفة. والتبسيط بعده يزيد الأمور التباسًا فقط. الهدف إزالة الزائد لا الوظيفة.

على المصمم أن يفهم اللون، نعم

التباين هو ما يوجّه اختيار اللون، لا الجماليات. النص المتصل يستهدف 7:1 أو أكثر (مستوى AAA). والحد الأدنى المطلق لأي نص يحمل معلومة هو 4.5:1 (مستوى AA).

القاعدة. اللوحة كلها منخفضة التشبع: لا نيون، ولا ألوان صارخة، ولا سطوع مفرط. اللون لا يكون أبدًا الحامل الوحيد للمعلومة. كل حالة يعبّر عنها اللون يرافقها نص أو أيقونة أو شكل.

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

لوحة الألوان المرجعية:

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

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

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

الخط، قبل أن تقضي يومًا كاملًا في البحث عن خط

القاعدة. خط إنساني بلا زوائد، بحروف واضحة التمايز. النص الأساسي من 1rem إلى 1.25rem على أساس 16px، أي من 16 إلى 20px. تباعد الأسطر من 150% إلى 170%. المسافة بين الحروف مزيدة قليلًا: من 0.005em إلى 0.02em للنص الأساسي ونحو 0.03em للنص الصغير مثل التسميات والتعليقات. العناوين أكبر من النص الأساسي بـ 20% على الأقل، وتتميز بالسماكة لا بتغيير العائلة. والسطر 66 حرفًا كحد أقصى.

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

حروف بلا أشباه. يميّز الخط دون لبس بين I الكبيرة وl الصغيرة والرقم 1، وبين الحروف المتعاكسة b وd وp وq، وبين الصفر والحرف O. والسلاسل الأبجدية الرقمية، مثل كلمات المرور والرموز والمعرّفات، تُعرض بخط يضمن هذه الفروق، مع مسافة إضافية.

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

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

الأرقام لغة عالمية

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

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

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

المسافات، ومساحة للتنفس (رجاءً)، والتخطيط

القاعدة. سلّم مسافات بإيقاع 4: ‏4 و8 و12 و16 و24 و32 و48 و64 و96 بكسل. مساحة بيضاء سخية بين المجموعات. ما يرتبط يبقى قريبًا، وما لا يرتبط يُفصل بوضوح. عمود قراءة رئيسي واحد؛ والمحتوى لا يتنافس أبدًا في أعمدة متوازية بالمستوى نفسه. التنقل والمحتوى والإجراء تبقى في المنطقة نفسها في كل شاشة وكل حجم نافذة.

السبب. المساحة البيضاء معلومة: تنقل التجميع والتسلسل قبل القراءة. والتخطيط الكثيف يرفع كلفة المسح البصري، مع عقوبة أكبر في اضطراب فرط الحركة. والسلّم الثابت يلغي القرارات الاعتباطية ويحفظ إيقاعًا متوقعًا.

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

أهداف اللمس والنقر

القاعدة. هدف لا يقل عن 48 في 48 بكسل لأي عنصر تفاعلي. الإجراء الرئيسي 60 في 60. واجهات الأطفال تستخدم 60 كحد أدنى و80 إلى 100 بكسل للإجراءات الحرجة، خاصة تحت 8 سنوات. ‏8 بكسل على الأقل بين الأهداف المتجاورة، و16 حين يمكن. ويمكن أن تكون المنطقة النشطة أكبر من رسم العنصر، لتتسامح مع لمسة خارجه قليلًا.

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

الأنماط العصبية: عسر التناسق الحركي، اضطراب فرط الحركة، ضعف البصر، الأطفال في طور النمو الحركي. المبدأ: قانون فيتس.

الحركة

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

القاعدة. الانتقالات بين 200 و500 ميلي ثانية، بطيئة ومتوقعة ومن النوع نفسه في المنتج كله؛ فضّل الشفافية واللون، وتجنب الإزاحة الكبيرة. الحركة تشغل أقل من ثلث الشاشة. لا حركة تعمل وحدها في حلقة. يُحترم دائمًا تفضيل تقليل الحركة في النظام، باستبدال الحركة بانتقال شفافية بسيط، وللواجهة أيضًا مفتاح خاص لإيقاف كل حركة. ممنوع: الدوران المستمر، والمنظور المتحرك، والعرض الدوّار التلقائي، والعناصر التي تدخل طائرة، والقصاصات الملونة، وأي حركة لم يطلبها أحد.

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

الأنماط العصبية: الصرع الحساس للضوء، اضطراب الدهليز، التوحد، اضطراب فرط الحركة، الأشخاص شديدو الحساسية. المبدأ: عتبة دوهرتي.

الأزرار والروابط والحقول

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

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

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

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

النماذج ومنع الخطأ

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

رسالة الخطأ لا تعتذر ولا تلوم ولا تكون غامضة. تقول ما حدث وكيف يُحل، في جملة واحدة. مثلًا: "ينقص رقمان. رقم الجوال يتكون من 10 أرقام."

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

الأنماط العصبية: اضطراب فرط الحركة، الوظائف التنفيذية، عسر الحساب، القلق. المبادئ: قانون ميلر، قانون بوستل، قانون باركنسون، قاعدة الذروة والنهاية.

تواصل النظام

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

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

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

الترجمة النصية والصوت والوسائط

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

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

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

المحتوى ونبرة الكتابة

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

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

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

أنماط الواجهة

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

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

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

الرموز

الأنماط العصبية المعتبرة

مبادئ تجربة المستخدم

قائمة التحقق من المطابقة

قبل نشر أي شاشة:

• تباين كل نص يحمل معلومة 4.5:1 على الأقل و7:1 للنص الأساسي
• خط إنساني بلا زوائد، تتمايز فيه I وl و1، وb وd وp وq، و0 وO
• تباعد أسطر 150% أو أكثر وسطر حتى 66 حرفًا
• كل هدف تفاعلي 48 بكسل أو أكثر مع 8 بكسل من الفراغ
• تركيز لوحة المفاتيح ظاهر على كل عنصر تفاعلي
• لا وميض أكثر من ثلاث مرات في الثانية
• احترام تقليل الحركة ووجود تحكم محلي بالحركة
• ثلاث سمات وثلاثة أحجام نص تعمل
• تسمية ظاهرة في كل حقل وأخطاء موجهة إلى الحل
• أرقام طويلة مقسمة وكميات بدعم بصري
• وسائط منطوقة بترجمة نصية ودون تشغيل تلقائي
• إجراء رئيسي واحد في كل شاشة
• اسم كل إجراء ثابت من بداية المسار إلى نهايته
• لا آليات إشراك قهري

العملية

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

Hoff Research. Make it simple, but significant.