هل نصك التشعبي مفرط جدا ؟ ترجمة عبده حقي

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

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

لماذا تعتبر الروابط مزعجة؟ وماذا يمكننا أن نفعل لجعلها تعمل لصالحنا وليس ضدنا؟

لماذا الروابط منفرة

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

• حذف مؤشرات الارتباط ، مثل التسطير وخطوط التركيز

• تقليل تباين الألوان بين الروابط والنص المحيط

• إخفاء مظهر "الرابط" تحت حالة تفاعل ، مثل تمرير الماوس

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

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

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

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

لحسن الحظ ، التصميم ليس الأداة الوحيدة. يمكننا تصميم روابط واضحة للغاية واستخدام استراتيجيات أخرى لترويض الضوضاء والإلهاء.

لا يمكنك الحصول على موقع ويب بدون رابط

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

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

الروابط مهمة للغاية لتشغيل موقع الويب.

امنح الرابط ذلك المستحق

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

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

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

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

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

ماذا يمكننا أن نفعل لجعل الروابط تعمل بشكل أفضل بالنسبة لنا؟

ربما لا تربط ذلك

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

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

ينحرف النص التشعبي عن النص العادي في أن التسلسلات المحتملة للقارئ تتباعد عن التسلسل العادي. هل لديه خيارات؟ وكيف يتم التعبير عنها؟ الجواب هو أن القارئ لديه الخيارات التي يسمح له المؤلف / المحرر ...

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

هذه المشاكل لم تتغير في النص التشعبي.

- تيد نيلسون ، "كلمات موجزة عن النص الفائق" (1967)

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

اجعل تصميم الرابط "مرتفعًا" يعمل من أجلك

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

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

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

اجمع روابط "مشتتة للانتباه" في مكان آخر

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

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

اترك لون علامتك التجارية خارجها

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

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

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

لا تعتبر "روابط التشتيت" مشكلة في التصميم

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

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

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

Is your hypertext too hyper?

 

 

Posted in: أدب رقمي, ترجمات