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

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

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟
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 أيّام، وتضمن لكم توافقاً مع كثير من برامج تأسيس المواقع الإلكترونية، كـ«وورد برس»، و«سكوير سبيس»، و«شوبيفاي»، و«ويبفلو»، و«ويكس». تتيح لكم «أكسيسي بي» تضمين تطبيق برمجي قابل للتخصيص في الموقع مطابق لشكل علامتكم التجارية، فضلاً عن أنّها تسمح للمستخدمين بتعديل السطوع، والتباين، والخطّ أثناء تصميمهم الموقع.

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

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



أحدث نزعات الذكاء الاصطناعي المقبلة من مؤتمر «مايكروسوفت إغنايت 2024»

يستعرض مؤتمر «مايكروسوفت إغنايت 2024» أبرز تقنيات الذكاء الاصطناعي المقبلة
يستعرض مؤتمر «مايكروسوفت إغنايت 2024» أبرز تقنيات الذكاء الاصطناعي المقبلة
TT

أحدث نزعات الذكاء الاصطناعي المقبلة من مؤتمر «مايكروسوفت إغنايت 2024»

يستعرض مؤتمر «مايكروسوفت إغنايت 2024» أبرز تقنيات الذكاء الاصطناعي المقبلة
يستعرض مؤتمر «مايكروسوفت إغنايت 2024» أبرز تقنيات الذكاء الاصطناعي المقبلة

انطلقت قبل قليل فعاليات مؤتمر «مايكروسوفت إغنايت 2024» Microsoft Ignite 2024 من مدينة شيكاغو الأميركية، الذي يستمر إلى نهاية الخميس 21 نوفمبر (تشرين الثاني). وحصلت «الشرق الأوسط» على نظرة استباقية حول «عملاء الذكاء الاصطناعي» AI Agents، ونذكرها في هذا الموضوع.

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

يمكن إيجاد «عميل ذكي» بكل سهولة باستخدام اللغة البشرية

مَن هم «عملاء الذكاء الاصطناعي»؟

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

قدرات فائقة

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

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

تحويل النصوص لغاتٍ مختلفة

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

هذا، وتمت إضافة «العملاء الأذكياء» إلى شبكة «لينكدإن» LinkedIn لمساعدة مديري التوظيف في العثور على الموظفين ذوي المهارات المناسبة وبكل سهولة.

كيفية إعداد «عميل ذكي»

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

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

برامج «تفهم» المستقبل الذكي

ويمكن للمطورين استخدام خدمة «أزور إيه آي إغنايت» Azure AI Agent Service لدمج «العملاء الأذكياء» مع نصوصهم البرمجية للحصول على برامج متقدمة مدعمة بالذكاء الاصطناعي دون الحاجة إلى كتابة نصوص برمجية معقدة مرتبطة بلغات الذكاء الاصطناعي، حيث يستطيع «العملاء الأذكياء» فهم وإدراك السياق الذي تعمل فيه وتقوم بتقسيم العمل أجزاء وخطوات عدّة والعمل على كل منها وإكمالها بشكل سريع وأكثر كفاءة مما سابق.

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