كيفية إنشاء تصميم يمكن الوصول إليه لصفحة ويب

شاشة الكمبيوتر المحمول

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

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

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

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

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

المحتوى والمصادر

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

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

الخطوط التي تستخدمها ويفضل أن يكونوا كذلك كبيرة ومقروءة. نوع بلا رقيق وجريء إنها تجعل القراءة أسهل بكثير للأشخاص الذين قد يعانون من عسر القراءة. الخطوط الأخرى الموصى بها هي: Arial و Times New Roman و Helvetica و Tahoma و Calibri و Verdana.

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

خط Sans Serif Bold

يسمح استخدام خطوط Sans Serif Bold بتصور أفضل للنص.

نص بديل

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

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

عصارة في وعاء وردي

ثلاث نباتات عصارية في أواني وردية اللون. مثال على نص بديل.

تكيف

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

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

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

قم بتكييف تصميم الواجهة بحيث يمكن قراءته على كل من الهواتف المحمولة وأجهزة الكمبيوتر.

الاتساق في التصميم

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

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

موقع ستاربكس

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

التنقل باستخدام لوحة المفاتيح

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


اترك تعليقك

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها ب *

*

*

  1. المسؤول عن البيانات: ميغيل أنخيل جاتون
  2. الغرض من البيانات: التحكم في الرسائل الاقتحامية ، وإدارة التعليقات.
  3. الشرعية: موافقتك
  4. توصيل البيانات: لن يتم إرسال البيانات إلى أطراف ثالثة إلا بموجب التزام قانوني.
  5. تخزين البيانات: قاعدة البيانات التي تستضيفها شركة Occentus Networks (الاتحاد الأوروبي)
  6. الحقوق: يمكنك في أي وقت تقييد معلوماتك واستعادتها وحذفها.