تصميم الويب الشامل: لماذا يهم وكيفية القيام بذلك

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

لكن ماذا عن البيئات الرقمية؟ مع وجود 15 ٪ من سكان العالم يعانون من شكل من أشكال الإعاقة ، فإن الشمولية في التجارب عبر الإنترنت هي أكثر من مجرد اتجاه.

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

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

ما هو تصميم الويب الشامل؟

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

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

تصميم الويب الشامل مقابل تصميم الويب الذي يمكن الوصول إليه

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

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

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

الركائز الأساسية لتصميم الويب الشامل

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

دعنا نفحص ركائز التصميم الشامل التي يجب أن تضعها في اعتبارك.

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

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

لماذا الشمولية ضرورية في تصميم الويب؟

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

دعونا نحلل أهم الأسباب لتبني عقلية شاملة عند تصميم المنتجات الرقمية.

1. الوصول إلى جمهور أكبر

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

2. يتوقع الناس ذلك منك

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

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

3. حل مشاكل مختلفة في نفس الوقت

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

4. بناء الوعي بالعلامة التجارية

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

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

5. يحسن SEO الخاص بك

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

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

8 أفضل ممارسات التصميم الشامل

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

1. إنشاء محتوى جيد التنظيم وقابل للقراءة

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

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

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

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

2. حافظ على تخطيطك واضحًا وبسيطًا

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

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

3. ضمان الاتساق

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

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

4. استخدم النص البديل للصور

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

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

عند كتابة نص بديل لصورك ، إليك بعض الجوانب المهمة التي يجب وضعها في الاعتبار:

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

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

5. اختيار نسخة شاملة

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

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

6. اختر الألوان بحكمة

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

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

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

إذا كنت لا تعرف من أين تبدأ ، فيمكنك استخدام أدوات مثل Color Safe أو WebAIM التي تنشئ تركيبات ألوان يمكن الوصول إليها من أجلك.

7. لا تنسَ إمكانية الوصول إلى لوحة المفاتيح

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

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

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

أهمية الشمولية

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

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

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

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