التصميم العالمي 101: هل تصمم لكل مستخدميك؟

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

هل تعلم أن هناك قوانين عن كيف يجب أن يكون موقعك؟ وفيما يلي صفحات الشبكة العالمية والمنصات الرقمية: متطلبات التصميم الشاملة وفقا للقوانين واللوائح النرويجية. ويمكن أن يكون هذا أمراً رادعاً، ويمكن اعتبار التصميم العالمي مجالاً شاملاً ومعقداً للدخول فيه. لكنّ الوعي ضروري في العصر الرقمي الذي نعيش فيه . لا تخافي، إليكِ المقدمة التي تحتاجينها!

ما هو التصميم العام؟

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

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

وتتطلب اللوائح النرويجية تصميم حلول شبكية وفقاً لصيغ ومستويات مختلفة من الفريق الاستشاري العالمي.

لماذا التصميم العام مهم؟

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

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

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

لمن هو جيد؟

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

جيد لـ SEO

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

أنواع عديدة من وقت التوقف

وأحد الأمور المهمة التي ينبغي تذكرها هو أن هناك أنواعا كثيرة من التدني، وأن الحلول المصممة عالميا ستكون مفيدة للجميع في مرحلة ما من الحياة.

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

دائم: العمى، الضعف، طول العمر

مؤقت: فقدت النظارات، النجم الأخضر والرمادي

حالة محددة: ضوء سيء، ضوء شديد، إلهاء، مسافة

مبادئ التصميم العالمي السبعة

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

ماذا يجب أن أقدم كمصمم أو مطور أو مدير مشروع في حل على شبكة الإنترنت؟

والنقاط التالية أبعد ما تكون عن أن تكون شاملة، ولكن هذا قد يكون من أكبر النقاط وأهمها في التنفيذ.

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

2 - الدلالات والعناوين الصحيحة من المهم استخدام رمز دلالي دقيق، مع تسلسل هرمي صحيح للعنوان. تأكد، من بين أمور أخرى، أن العناوين تتبع الترتيب الصحيح من H1 إلى H6 وأن بطاقة العنوان في أعلى اللسان تمثل محتوى الصفحة.

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

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

5 - "أهداف لمس" كبيرة بما فيه الكفاية أهداف اللمس هي مساحة سطحية من النقر، وهنا متطلبات لحقول الإدخال والأزرار، على سبيل المثال. هذه يجب أن تكون على الأقل 44x44px (الفريق الاستشاري العالمي 2-1). وهذا مهم لتجنب الضغط على المستخدم بشكل خاطئ، سواء كان لديه مشاكل مع المحركات الدقيقة، أو لديه أصابع كبيرة ببساطة أو يتحرك. أتذكر ما كتبته عن الشخصين المختلفين اللذين يشتريان تذكرة حافلة؟

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

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

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

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

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

11 - نص مصمّم عالمياً ليس فقط يجب أن نصمم زينة النص عالمياً، بل أيضاً أن نتأكد من أن المحتوى مكتوب و مفهوم بلغة بسيطة.

12 - تصميم تفاعل جيد (ج) تقديم معلومات/إعادة إخطار واضحة وصحيحة عن طريق التفاعل، والوضوح بشأن الأزرار والوصلات التي تؤدي إلى أين، واتسام الملاحة الجيدة بالأهمية بالنسبة لسهلة الاستعمال في أي حل شبكي.

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

14 - اختبار، اختبار، اختبار! اختبار مجموعة متنوعة من الناس، بدرجات مختلفة من الوظائف. كما يجري الاختبار في أعمار مختلفة، بدرجات متفاوتة من المعرفة التكنولوجية.

التصميم للجميع

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