كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟

دليل إرشادي لأفضل تصميم يؤمّن احتياجات المستخدمين

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟
TT

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟

مرّ 25 عاماً على دخول الإنترنت واستقرارها في حياة النّاس، إلّا أنّ 96.1 في المائة منها لا يزال بعيداً عن متناول المستخدمين... من النصوص القليلة السطوع، إلى الصور التي تفتقر إلى نصوص بديلة، والعناوين الناقصة (أي تلك الآلية الأكثر استخداماً من قِبل قرّاء الشاشات الإلكترونية للبحث في المحتوى).

دليل إرشادي

كما تُقصي ملايين المواقع الإلكترونية حول العالم الأشخاص الذين يعانون من صعوبات تعليمية أو اعتلالات سمعية أو بصرية.

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

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

وقد أسهم في وضع اللائحة التالية عشرات من مصمّمي المواقع الإلكترونية، ومناصري تسهيل الاستخدام، وعدد من المصادر والمؤسسات كـ«بيركنز أكسيس»، مجموعة سهولة التصفّح الرقمية، التابعة لمدرسة «بيركنز» للمكفوفين، و«مشروع A11Y» المتخصّص في تعزيز سهولة التصفّح الرقمية، بالإضافة إلى مجموعة كبيرة من الموارد كتوصيات الكتب، ودورات سهولة التصفّح، والمؤتمرات، والمدوّنات، وأدوات التطوير.

اللون والسطوع

كيف تتحقّقون من اللون والسطوع؟

> يساعد برنامج «كونتراست غريد Contrast Grid» في تجربة مجموعات لونية متنوّعة للمقدّمات والخلفيات لضمان تناغم لوحتكم اللونية، مع الحدّ الأدنى من متطلّبات السطوع المعتمَدة من قِبل أشهَر معايير سهولة التصفّح الرقمية المعروفة باسم «قواعد إتاحة محتوى الويب Web Content Accessibility Guidelines (WCAG)».

> يتيح لكم موقع «كولور شارك Color Shark» أيضاً تجربة مجموعات لونية للنصوص والخلفيات. وفي حال فشل الترتيبات اللونية المقترحة، يقدّم لكم الموقع اللون الأقرب لها.

> أيضاً، يساعد «كولور سيف Color Safe» المصمّمين في اختيار لوحة لونية مسهّلة للتصفّح تتوافق مع معايير «قواعد إتاحة محتوى الويب (wcag)». تتّسم هذه المنصّة ببعض التعقيد، ولكنّها تسمح لكم باختيار حجم الخطّ، ووزنه، وعائلته.

> وإذا قرّرتم استخدام «فيغما»، فينصحكم لوكا غونيلي، مؤسس ستوديو البيانات البصرية «ألغو»، باستخدام برنامج «كولور بلايند Figma’s Color Blind plug-in» المساعد؛ لأنّه «واحدٌ من المصادر التي تستخدمها شركته في اختيار اللوحات اللونية، وضمان حصول تصميماتها على السطوع وسهولة التصفّح الكافييْن».

> تتمتّع الأدوات المذكورة آنفًا بفعالية عالية في مهام محدّدة، لكن إذا كنتم تريدون المزيد والأفضل، فتجدون مفهوماً أكثر شمولية لتأثير الألوان والسطوع على تجربة أيّ وسيط رقمي، على موقع «كولور أند كونتراست Color & Contrast»، الذي ابتكره مصمّم «أدوبي» السابق؛ نايت بالدوين. يجمع الموقع معلومات علمية، ونظرية، وعملية مع رسومات تفاعلية ورسوم بيانية؛ لتقديم المادّة المكتوبة بأشكال أكثر إقناعاً.

توصيفات الصور

كيف تكتبون توصيفات سهلة للصور؟ لا يكتمل الموقع الإلكتروني السهل التصفّح، ولا سيّما ذلك الذي يعتمد على البصريات، من دون توصيفات مفيدة للصور. تُوصي مدرسة «بيركنز أكسيس» باستخدام لوائح إرشادات «كوبر هيويت لتوصيفات الصور Cooper Hewitt Guidelines for Image Descriptions»، التي تُعدّ مستنداً حيّاً يساعد المصمّمين على تأسيس مواقع إلكترونية للزوّار الذين يستخدمون تقنيات مساعدة. تتضمّن اللائحة توصيات حول طول الموقع، واستخدام اللغة، وكيفية توصيف الأشخاص، وكيفية التحدّث عن الألوان، وكيفية صناعة توصيفات أغنى وأكثر صلةً بالموضوع.

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

سهولة التصفح

كيف تقيّمون سهولة التصفّح الإجمالية لموقعكم الإلكتروني؟

> تعتمد شركة البرمجيات الناشئة «ستارك Stark» على أداة مضافة بسيطة للمتصفّح تتيح للمصمّمين، ومطوّري المواقع، ومديري المنتج، تقييم مواقعهم الإلكترونية، وضمان توافقها مع معايير «قواعد إتاحة محتوى الويب (wcag)». تعمل هذه الأداة المضافة مع جميع محرّكات التصفّح، حتّى إنّها توفّر برنامجيْ «أدوبي» و«فيغما» المساعديْن، وتقدّم مراجعة مجّانية تتضمّن لائحة كاملة من عناصر المواقع الإلكتروني، وروابط لإرشادات قواعد إتاحة محتوى الويب المشابهة، واقتراحات حول تصحيح الأخطاء، كتغيير حجم الخطّ، أو تعديل نسبة السطوع بمزواجة لونية أفضل.

> تساعد «وايف Wave» (أداة «وايف» لتقييم سهولة التصفّح Wave Accessibility Evaluation Tool) مصمّمي المواقع الإلكترونية على تعريف الأخطاء وفقاً لقواعد إتاحة محتوى الويب وتصحيحها. يمكنكم استخدام الأداة الإلكترونية ببساطة عبر إدخال محدد موقع الموارد الموحد «URL»، أو تنزيلها على شكل إضافة متصفّح لمحرّك «كروم»، و«فايرفوكس»، و«مايكروسوفت إيدج».

> تضع أداة «لايت هاوس Google Lighthouse» المجّانية والمفتوحة المصدر من «غوغل»، تقريراً مفصّلاً عن أداء الموقع الإلكتروني، وسهولة تصفّحه، وغيرها من الوظائف. تجدون الأداة مُدمجة في «أداة مطوّر كروم»، وعلى شكل إضافة لمتصفّح «كروم»، ووسيط مستخدم.

ذكاء اصطناعي

> تستخدم أداة «أكسيسي بي AccessiBe» المدعومة بالذكاء الاصطناعي، التعلّم الآلي لتقييم الموقع الإلكتروني وجعله أكثر سهولة للتصفّح. تبدأ خطط الاشتراك بالأداة من 49 دولاراً في الشهر وتمنحكم تجربة مجّانية لمدّة 7 أيّام، وتضمن لكم توافقاً مع كثير من برامج تأسيس المواقع الإلكترونية، كـ«وورد برس»، و«سكوير سبيس»، و«شوبيفاي»، و«ويبفلو»، و«ويكس». تتيح لكم «أكسيسي بي» تضمين تطبيق برمجي قابل للتخصيص في الموقع مطابق لشكل علامتكم التجارية، فضلاً عن أنّها تسمح للمستخدمين بتعديل السطوع، والتباين، والخطّ أثناء تصميمهم الموقع.

* «فاست كومباني»

، خدمات «تريبيون ميديا»



7 مشاريع تجريبية للذكاء الاصطناعي من «غوغل» يمكنك التعرف عليها الآن

7 مشاريع تجريبية للذكاء الاصطناعي من «غوغل» يمكنك التعرف عليها الآن
TT

7 مشاريع تجريبية للذكاء الاصطناعي من «غوغل» يمكنك التعرف عليها الآن

7 مشاريع تجريبية للذكاء الاصطناعي من «غوغل» يمكنك التعرف عليها الآن

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

مشاريع «غوغل»

* «نوتبوك إل إم (NotebookLM)» - مساعد تدوين الملاحظات المدعوم بالذكاء الاصطناعي الذي يساعدك على تحليل وفهم المستندات.

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

إنه يشبه إلى حد ما إنشاء دليل دراسي مخصص لك لمواضيع مختلفة. كما يتيح لك إنشاء لمحات صوتية لموادك – أي مناقشات تشبه البث الصوتي يستضيفها صوتان اصطناعيان «غريبان».

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

برنامج «تعرف على...»

محادثة طبيعية وموسيقى وصور

*«تعرف على... (...Learn About)» - تستخدم هذه الأداة الذكاء الاصطناعي لمساعدتك في استكشاف وفهم الموضوعات المعقدة من خلال المحادثات الطبيعية.

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

* «ميوزك إف إكس (MusicFX)» - أداة لإنشاء الموسيقى تعمل بالذكاء الاصطناعي وتسمح لأي شخص بإنشاء مقطوعات موسيقية أصلية من خلال وصف فكرة موسيقية وسماعها تنبض بالحياة.

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

* "أميج إف إكس (ImageFX)» - على غرار مولدات الصور الأخرى التي تعمل بالذكاء الاصطناعي، يتيح لك البرنامج إنشاء صور مخصصة من أوصاف نصية.

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

أبجديات رسومية وعناوين نصّية جذابة

* «جين تايب (GenType)» - مولد خطوط تجريبي يستخدم الذكاء الاصطناعي لإنشاء أبجديات رسومية مخصصة بناءً على مواصفاتك.

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

* «تكست إف إكس (TextFX)» - هو مساعد كتابة إبداعي يساعدك على إنشاء وتحرير وتحسين محتوى النص. يمكنه المساعدة في كل شيء من صياغة عناوين جذابة إلى تطوير أفكار قصصية إبداعية.

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

«إليومينت (Illuminate)» - يساعدك، وهو قريب من«نوتبوك إل إم»، على تحويل الموضوعات الجافة المحتملة إلى مناقشات صوتية جذابة يتم إنشاؤها بواسطة الذكاء الاصطناعي تبدو وكأنها حلقات بودكاست قصيرة ترويها أصوات واقعية بشكل مدهش.

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

* مجلة «فاست كومباني»، خدمات «تريبيون ميديا».