لافتات: مساعدة المستخدمين على التنقل المحتوى
يتطلب التنقل عبر معلومات غير مألوفة على الويب مساعدات.
هذه المساعدات ليس لها جدول أعمال أو تحيز للطريقة التي يعمل بها الإعلان. بدلاً من ذلك ، تساعد المساعدات الملاحية الأشخاص في العثور على المسار الصحيح بناءً على اهتماماتهم.
علامات التمييز هي نوع واحد من المساعدات الملاحية. فهي توفر المعلومات التي يحتاجها الأشخاص لاتخاذ قراراتهم أثناء البحث في الويب وتصفحه.
هل يجب على مصمم أن يقلق بشأن فقدان أحد القراء للقراء؟ تتنافس العديد من مواقع الويب للاهتمام عن طريق جذب الجماهير مع الرسوم التوضيحية النابضة بالحياة والطباعة الجذابة وواجهات المستخدم الغنية.
بالإضافة إلى كونها جذابة ، تسعى مواقع أخرى إلى أن تكون مفيدة. الهدف من الاستخدام ليس هو جذب الانتباه ، ولكن الحصول على زيارات متكررة. يفقد الإعلان القراء ، بمعنى أنه يوجههم إلى مواقع ويب أخرى ، بينما تكون قابلية الاستخدام للتأكُّد من عدم ضياعها.
مثل نظرائهم في العالم الحقيقي ، "علامات" على شبكة الإنترنت هي إشارات بصرية التي توجه الناس من خلال الأراضي الجديدة. في العالم المادي ، يعتمد الناس على المعالم ، الخرائط ، اللافتات وخطوط الرؤية لإيجاد طريقهم من خلال أرض غير مألوفة.
عبر الإنترنت ، ينتقل المرء عن طريق الروابط الوصفية وأشرطة التنقل والعناوين على الصفحة. لها في العالم الحقيقي والعلامات الافتراضية لنفس الغرض: لمساعدة الناس على العثور على أفضل طريق إلى وجهتهم.
الارتباطات التشعبية هي فرص Overlooked
لن تعمل الويب بدون روابط. لكن الزوار والمصممين على حد سواء يرفضون الروابط على أنها أحداث لمرة واحدة. انقر وتحميل وهذا كل شيء. لكن المعلومات الصحيحة يمكنها تحويل الارتباطات التشعبية البسيطة إلى لافتات مفيدة تقود الزوار إلى المعلومات التي يبحثون عنها.
تعتبر الارتباطات التشعبية ذات معنى فقط كنص قابل للنقر عليه. سيؤدي وجود رابط ضعيف إلى ترك الأشخاص يتساءلون عما إذا كان الرابط يستحق نقرة. يجب أن تقوم الكلمات الموجودة داخل وحول ارتباط بإعلام الأشخاص بما سيقوم به الارتباط (على سبيل المثال إعادة توجيههم إلى صفحة أو موقع ويب آخر ، وتنزيل ملف ، وما إلى ذلك) وما يجعل ترك الصفحة الحالية يستحق وقتهم.
- " انقر هنا لتصفح مجموعتنا من قصص المباحث والجريمة. "
- "تصفح مجموعتنا من المحقق و قصص الجريمة ".
- " تصفح مجموعتنا من قصص المباحث والجريمة ".
يبدو أن الأمثلة المذكورة أعلاه تعني نفس الشيء ، ولكن هناك اختلافات مهمة:
- يستخدم المثال الأول عبارة "انقر هنا". وقد فعالية هذه العبارة ناقش منذ فترة طويلة . كلا ال W3C و محركات البحث الرئيسية تنص على أن الكلمات الرئيسية في الروابط هي أكثر فائدة من العبارات العامة. أي أن الأشخاص الذين يبحثون عن القصص البوليسية يميلون أكثر للبحث عن "مخبر" أكثر من "انقر هنا".
- المثال الثاني يحصل على معظم الروابط في أقل عدد من الكلمات. كل رابط من تلقاء نفسه أقل تحديدًا من "القصص البوليسية" ولكنه قد يكون أكثر ملاءمة اعتمادًا على كيفية تنظيم المحتوى على مواقع الويب المرتبطة.
- هناك ميزتان للرابط مثل الرابط الموجود في المثال الثالث. أولاً ، يحتوي الرابط على كلمات رئيسية ، مما يعني أنه لا يوجد شك حول المكان الذي يؤدي إليه. ثانيًا ، تكون المساحة الكلية القابلة للنقر أكبر ؛ تتطلب الروابط الصغيرة مزيدًا من الدقة من الزائر.
التصميم يضيف المعنى للوصلات
لسوء الحظ ، من الممكن أن يتمكّن الناس من الحصول على المعلومات. فمثلا:
مع HTML ، يمكن للمصممين إضافة معنى أكثر من الكلمات وحدها التي يمكن أن تعطي.
قراءة المزيد عن قصص المحققين .
بعض الأشياء التي يجب ملاحظتها:
- لقد نقلنا معظم النص إلى سمة "العنوان". تعرض معظم المتصفحات العنوان فقط عندما يمرر المستخدم مؤشر الماوس فوق الرابط ، مما يقلل من الفوضى في الصفحة.
- لقد تركنا "اقرأ المزيد" خارج الرابط. تعتمد إزالة عبارات مثل "انقر هنا إلى ..." و "راجع المزيد ..." على أسلوب الشخص ، ولكن بشكل عام باستخدام أقل عدد ممكن من الكلمات الرئيسية غير الممكنة هو الأفضل.
- في المتصفحات التي تدعم HTML5 و CSS3 ، فإن
relتشير إلى نوع الارتباط. المصممين الذين يستخدمون محددات سمة CSS مع وافقrelالقيم ستتمكن من تصميم الروابط وفقًا لأهميتها.- استخدمنا رمزًا للإشارة إلى أن الرابط سيأخذ المستخدمين إلى موقع ويب آخر. يمكن أن تكون الرموز غامضة ، لكن التلميح أفضل من لا شيء.
تحذير: تجنب تكرار الكلمات من النص القابل للنقر في سمة العنوان. إذا كنت لا تقول للقراء أي شيء جديد ، فليس هناك نقطة بما في ذلك ذلك. فمثلا…
أشرطة التنقل الفعالة: أكثر من مجموع الروابط الخاصة بهم
يمكن أن يكون أي رابط مفيدًا ، ولكن أفضل دليل يوفره موقع الويب يجب أن يظهر في شريط التنقل الخاص به.
شريط التنقل هو قائمة بالارتباطات إلى أجزاء رئيسية من موقع ويب. عادةً ما يتم وضع أشرطة التنقل في الحافة العلوية أو اليسرى لكل صفحة على موقع ويب ، وهي تختلف في المظهر. تفعل البارات المصممة جيدًا أكثر من مجرد توفير الروابط. هم:
- منح الزوار فكرة عن غرض وأولويات الموقع.
- تعمل كخريطة موقع مبسطة.
- تشير إلى موقع الصفحة الحالية داخل تلك الخريطة.
- أخبر الزائرين بمكانهم بالفعل.
حتى لو كانت رقيقة ، فإن أشرطة التنقل تستحق أكثر من أن تهبط إلى هامش التخطيط. شريط التنقل غير الفعال غامض أو غير مفيد وقد يواجه مشاكل مثل:
- نص الرابط الذي يمكن العثور عليه في أي موقع. قد تكون "الصفحة الرئيسية" و "حول" و "الخدمات" و "الاتصال" دقيقة ، ولكن هذه العناوين عامة جدًا بحيث لا تعطي إحساسًا بالهوية أو الغرض.
- جميع الروابط على غرار بنفس الطريقة. على موقع ويب معقد ، ليست قائمة بسيطة من الارتباطات غير مفيدة ، إنها غير ودية تمامًا.
- الروابط التي تشير إلى الصفحات الخاطئة أو الصفحات غير الموجودة.
حتى إذا قرر أحد الزائرين عدم النقر ، فقد لا يزال الرابط ناجحًا. لنفترض أن الزائر يريد عنوان بريد إلكتروني للشركة. قد يوفر شريط التنقل في موقع الشركة الإلكتروني العديد من الخيارات:
الصفحة الرئيسية | خدمات | الحساب الخاص بك | خدمات | التاريخ | وظائف | الأسعار والسياسات | اتصل
الخيار الواضح هو "الاتصال". وبسبب كونه خاطئًا بوضوح ، فإن الروابط الأخرى تخبر الزائر بعدم النقر عليها. من وجهة نظر الصيد ، يقول شريط التنقل هذا:
لا | لا | لا | لا | غير محتمل | يمكن | لا | المحتمل
هل يمكن أن يكون شريط التنقل ممتلئًا بـ "لا"؟ بالتأكيد ، إذا كان موقع الويب لا يمتلك ما يريده المستخدم. لا ينحصر التنقل الجيد في توفير الإجابة بأي ثمن. إنه ببساطة يرشد الناس إلى المحتوى الذي يريدون بأقل قدر من الغموض. الهدف من شريط التنقل الفعال ، إذن ، هو تحويل أكبر عدد ممكن من الروابط "المحتملة" إلى روابط "نعم" أو "لا".
Signposts هي أدوات
مثل جميع الأدوات ، فإن العلامات هي وسيلة لصياغة الحلول ولكنها ليست حلولاً بحد ذاتها. الغرض من العلامات هو تبسيط للقراء ، وليس لإضافة طبقة من التعقيد.
لا ينبغي أن توجه المواقع الإرشادية على شبكة الإنترنت الناس إلى وجهاتهم. بدلاً من ذلك ، يجب أن يخبر المصمم الأشخاص بما هو متاح ويمكّنهم من تحديد المكان الذي يمكنهم الذهاب إليه.
مكتوبة حصريًا لموقع Webdesigner Depot by Ben Gremillion. بن هو مصمم على شبكة الإنترنت الذي يحل مشاكل التواصل مع تصميم أفضل.
كيف تجعل المحتوى أسهل في التنقل؟ ما هو أصعب موقع على شبكة الإنترنت كان عليك أن تتعمق فيه؟ شارك قصصك في قسم التعليقات أدناه.
