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

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

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

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

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

تعرف على كيفية التصميم للوصول إلى الويب

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

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

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

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

على هذا النحو ، يحتاج مصممو الويب إلى مراعاة العوامل التالية:

• الإعاقات الجسدية المتعلقة بالرؤية أو السمع أو البراعة
• الإعاقات العقلية التي تؤثر على الإدراك أو الكلام
• القيود الظرفية التي تمنع المستخدم من المشاركة الكاملة مع المنتج
• القيود التقنية مثل الأجهزة والاتصال بالإنترنت ومحو الأمية الحاسوبية
• الحواجز اللغوية والجغرافية
• الاختلافات الديموغرافية مثل العمر والعرق والجنس
• الاختلافات الاجتماعية والاقتصادية

الخلاصة: يُترجم التصميم الشامل في النهاية إلى تصميم عالمي.

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

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

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

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

الجانب السلبي لعدم الشمولية

في عام 2021 ، نشر WebAIM نتائج استبيان مستخدم قارئ الشاشة رقم 9. قال 7.7 ٪ من المشاركين في الاستطلاع أنه يتعين عليهم استخدام قارئ الشاشة عندما يكونون متصلين بالإنترنت.

عندما سُئلوا عن شعورهم حيال حالة الوصول إلى الإنترنت اليوم ، قال 39.3٪ فقط أنها كانت متاحة أكثر من السنوات السابقة. شعر 42.3٪ أنه لم يتغير شيء بينما قال 18.5٪ أنه كان أسوأ.

وفقًا لمايك جيفورد من CivicActions ، قد يكون أكثر من 7.7٪ من السكان يعانون من صعوبة الوصول ويشاركهم هذه المشاعر:

إن الجمع بين الإعاقات والأساليب التي يتغلب بها الناس على الحواجز متنوعة للغاية. أخلاقياً ، يجب إعطاء الأولوية القصوى لبناء المستخدمين الأقل حظًا. لسوء الحظ ، مع سعينا المستمر للجديد والبراقة ، فإننا نستبعد بانتظام 10-20٪ من مواطنينا ".

وفقًا لنقابة المحامين الأمريكية ، كان هناك 8000 دعوى قضائية من الباب الثالث لقانون الإعاقة الأمريكية تم رفعها أمام المحاكم الفيدرالية بين عامي 2017 و 2020. وقفز هذا الرقم بنسبة 14.3٪ إلى 2352 دعوى قضائية في عام 2021 وحده ، وفقًا لموقع Accessibility.com.

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

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

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

الجانب الايجابي من الشمولية

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

يؤدي تصميم الويب الشامل إلى تصميم أفضل للمنتج.

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

تصل العلامات التجارية إلى جمهور أكبر.

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

يشعر المستخدمون بتفاعل أفضل مع مواقع الويب الشاملة.

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

يساعد تصميم الويب الشامل مواقع الويب على ترتيب أفضل في نتائج البحث.

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

كيفية إنشاء شخصيات تصميم مواقع شاملة

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

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

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

ستحتاج أيضًا شخصيات المستخدم الشاملة إلى تضمين:

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

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

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

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

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

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

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

1. المرونة

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

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

2. البساطة

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

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

3. الاتساق

الاتساق لا يعني أن موقع الويب يجب أن يصبح متوقعًا أو مملًا. لا يزال بإمكانك أن تكون مبدعًا مع الحفاظ على الاتساق.

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

4. التصور

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

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

5. حقوق الملكية

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

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

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

6. الوقاية

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

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

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

7. الإقامة

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

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

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

استنتاج

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

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

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