إن تصفح موقع على شبكة الإنترنت إلى أكثر أشكاله نزاهة ، مع تجاهل للحظة ، المحتوى الذي هو النص والصور فقط ، كل تجربة التصفح ، هو التنقل. إنها تنقر على الروابط التي تنقلك إلى صفحات أخرى تحتوي على المزيد من الروابط. يُعد التنقل الرئيسي لموقعك جزءًا مهمًا من هذا حيث يمثل المدخل الدائم لأهم الصفحات في محتواك.
تحتوي العديد من المواقع أيضًا على نظام تنقل ثانوي ، يتم وضعه في أسفل الموقع ، ويحتوي على "أشياء مملة" مثل شروط الاستخدام أو روابط سياسة الخصوصية. من المنطقي عدم وجود هذه الروابط في شريط التنقل الرئيسي ؛ أنت لا تريدهم إفساد صفحتك المقصودة. ولكن هنا تلميح ، إذا كان لديك خريطة موقع مضمنة في شريط التنقل الثانوي ، فأنت تفعل ذلك بشكل خاطئ.
التصميم الجيد يتطلب تنظيم جيد. تحتاج إلى تحديد المعلومات الضرورية للمستخدم ، ثم تقسيمها إلى أقسام. هذه عملية قياسية لمصممي الويب ، وما لم يكن موقعك صفحة واحدة / تمرير المنظر ، سترغب في وضع هذا على صفحات فردية لتسهيل عملية الهضم ، ويتم الوصول إليها بشكل تقليدي من خلال شريط التنقل الرئيسي. التنسيق القياسي لهذا هو شريط أفقي على طول الجزء العلوي من الموقع ، وفي حين قد تظن أن التنقل السهل أو الغريب سيشغل المستخدم ؛ أو تعتقد أنه يمكنك إعادة تعريف "التنقل" وجعله أكثر قابلية للاستخدام من خلال وجود رابط واحد ينقسم من خلال وصلات التعشيش في الصفحات ؛ لن ينجح.
لا يرغب غالبية المستخدمين في استخدام الموقع ، ولكنهم يتوقعون رؤية التنسيق القياسي ، للأسف. بقدر ما أحب أن أرى التصاميم المبتكرة وعمليات الملاحة ، فإن المستخدم العادي لا يقوم بذلك ، وسيتوقف على الفور. إن وجود واجهة غير قياسية لملاحة موقعك الرئيسية ، سيؤدي ببساطة إلى زيادة معدل الارتداد على الفور. لكن الشيء الأكثر أهمية هنا ، ليس الأسلوب ، لكن الثبات. إن وجود التنقل في كل صفحة أمر مهم ، إلى جانب اتساق الموقع ، حيث إنه يمثل علامة بارزة على صفحتك ، مما يربط تجربة التصفح الخاصة بالمستخدم.
من خلال هذه النقطة ، ربما تكون قد لاحظت النقطة التي أحاول أن أطرحها في المنزل ، وتصميم الويب مهم للغاية للوقوف في وجهك ، ولكن التنقل ليس المكان المناسب للقيام بذلك.
الخطأ الثاني في كثير من الأحيان هو التفكير في أن الملاحة مضمون. ليس كذلك. تخيل لو أنك دعيت لحفلة ، طعام رائع ، أناس عظماء ومحادثة. ومع ذلك فإن الدعوة لا تخبرك بذلك ، فهي ليست ما تتوقعه على الإطلاق. بدلاً من أن تخبرك أين ومتى وماذا سيكون الحزب ، فإنه يمنحك اسمًا خياليًا ، ربما "حزب البنات الخيالي جون في القرن". انت وجدت الفكرة. يجب أن يكون التنقل وصفيًا ، إنه مجرد رابط ، يحتاج الناس إلى معرفة ما يمكن توقعه. لا تنس أنه جزء من مُحسنات محرّكات الويب لديك ، لذلك إذا تم نقل "منتجاتك" إلى Google ، فسيتم توجيهها إلى صفحة "المنتجات" ، ما لم تصنّفها بالطبع على أنها "إبداعاتنا" أو أي شيء جميل وفريد بنفس القدر.
إذا نظرت إلى المواقع التي فازت بجوائز التصميم ، فستفقد على الأرجح أحد قواعد التنقل التي وضعتها هنا. ومع ذلك ، فإن استخدامها للفضاء الأبيض والتصميم الأنيق كلها على حساب قابلية الاستخدام. يستخدم هذا النوع من المواقع ذات الأداء الضعيف ما يُعرف بشكل مقنع في صناعة تصميم الويب باسم "Mystery Meat Navigation" ، أو MMN. يمكن أن يبدو الأمر رائعاً ، وأن يكون له معنى كامل للمصمم: "أليس من الواضح أن الماوس على الجانب الأيسر من الصفحة ، 45.1 سم أسفل الصفحة يعرض الروابط إلى الصفحة التي تبرز وجهات نظري السياسية؟ من الواضح أنها إشارة إلى فهرنهايت 451 ، كتابي المفضل ، والآراء السياسية اليسارية التي أشاركها معها. دوه! ”سيناريوهات متطرفة جانبا ، يمكن أن يكون MMN كابوسا لمستخدم يريد فعلا استخدام موقعك ، وليس مجرد النظر في كم هو جميل. تخيل معدل الارتداد لأحد المواقع التي مرت عبر كل رابط كخدمة هاتفية تلقائية عبر خيارات! MMN هو نفس الشيء! "الماوس فوق 1 لـ: Home '،' Mouse over 2 for: About '… you get the idea. يجب أن تمر عبر كل رابط واحد للعثور على ما تريد ، وبحلول الوقت الذي وصلت فيه إلى نهاية الملاحة ، كنت قد نسيت ما جئت من أجله! وهذا ينطبق أيضًا على تعليقات الموقع ، التي تبرز بشكل أساسي ، عادةً مع تغيير اللون ، حيث يكون المستخدم على الموقع ، من خلال الملاحة.
الملاحة هي البوابة المألوفة إلى محتوى جديد ومثير للاهتمام. في حين أنني كنت أخبرك من قبل بالتزام الاتفاقيات من أجل الإلمام ، ولإبقاء معدل الارتداد الخاص بك منخفضًا قدر الإمكان (توفير المحتوى الخاص بك جيدًا) ، هناك عدد قليل من عناصر التنقل المستخدمة التي يجب عليك تجنبها.
الجاني الرئيسي هو القائمة المنسدلة اللعين ، أعظم خطيئة إذا لم يكن لديك واجهة جوال منفصلة. غالبًا لا يمتد إلى عمليات البحث في محرك البحث ، وهو أمر سيء للاستخدام إذا كان غير متوقع من قبل المستخدم. وهم يرون الروابط العليا (الأم) ويقومون باختيارهم على أساس الخيارات المتاحة لديهم ، ثم فجأة يوجد عدد من الصفحات الأخرى. لا تجلب مواقع الأطفال المتداخلة إلى تنقلك الرئيسي ، فهذا أمر فوضوي. يساهم هذا في نقطة عامة ، حيث أن العديد من الصفحات تضعف نتائجك ، وبالتالي تؤثر سلبًا على تحسين محركات البحث المرتبطة بالزيارات. إذا كنت بحاجة إلى مزيد من الصفحات أكثر مما يمكنك احتوائه على شريط التنقل القياسي ، فستكون لديك محتوى سيئ ، مطول ، وسيتأثر كنتيجة لذلك.
إذا لم تكن قد خمنته بالفعل ، فإن الاحتفاظ بعدد العناصر في نظام الملاحة الخاص بك أمر بالغ الأهمية. الاكتظاظ واضح بشكل خاص في قوائم التنقل في الشريط الجانبي ، حيث يعتقد المصممون أنه يمكنهم تمديده إلى أجل غير مسمى لأن المستخدم معتاد على التمرير عموديًا. الآن بافتراض أن القائمة يمكن التعرف عليها بسهولة كما ذكرنا سابقًا ، فإن وجود عدد أقل من العناصر يجعلها أسهل في حفظها على المدى القصير ، مما يعني أن موقعك أكثر قابلية للاستخدام بالنسبة للمستخدم العادي ، حيث يمكنهم تذكر صفحاتك الرئيسية وروابطك الرئيسية.
غالبًا ما يقتبس أن الذاكرة قصيرة المدى يمكن أن تحتوي على 7 عناصر فقط ، لمدة تصل إلى 20 ثانية ، مما يعني أنه يجب عليك تقييد التنقل إلى 7 عناصر أو أقل. في حين أن هذا له منطق سليم ، وأكره أن أؤيد الملاحة مع المزيد من العناصر ، إذا كان لديك ارتباطات محددة جدا بموقعك ، يمكنك أن تنقذ أكثرها دراية إلى مناطق أقل أهمية من الشريط (والتي سأشرحها لاحقا في) ، كما يتوقع المستخدمون ، ويعرفون أن هناك من دون الحاجة إلى النظر بجدية.
في هذا ، عمر جوجل ، ونحن جميعا نعرف مدى أهمية تحسين محركات البحث هو ؛ وبواسطة "تحسين محركات البحث الجيدة" لا أقصد التضحية بالمحتوى والموقع للحصول على ترتيب أعلى للبحث ، لأن ذلك سيء جدًا. لا يعد تحسين موقعك لبرامج الزحف على محركات البحث دائمًا حول استخدام أكبر عدد ممكن من الكلمات الرئيسية أو أي شيء من هذا القبيل ، فقد يكون الأمر بسيطًا مثل عدم استخدام الأزرار في التنقل. استخدم دائمًا روابط للملاحة الخاصة بك ، إنه اختيار تصميم جيد على المدى الطويل ، ويمكن لمحركات البحث اكتشافه. كما سيجعل موقعك أكثر قابلية للاستخدام (طالما أنه مصمم جيدًا). المستخدمون الذين يعانون من ضعف البصر على سبيل المثال ، الذين يرفعون حجم النص ، سيستفيدون بشكل خاص من هذا ؛ وكذلك على مستخدمي الجوال الانتظار فترة أطول لتحميل صور الأزرار ، ثم الانتظار أكثر بعد النقر عليها عند تحميل حالة التحديث! إن التصوير من استخدام صور الأزرار كملاحة ، باستخدام الصور الفعلية دون ترجمة هي فكرة سيئة. لا ينصح بهذا النوع من التنقل مطلقًا ، ويجب دائمًا استخدام النص ، وكما هو مذكور في العديد من المرات أعلاه ، بتنسيق قياسي.
وأخيرًا ، نصل إلى أكثر الأسئلة المثيرة للجدل والنفسية من جميع نصائح التنقل ، وهي الترتيب! غالبًا ما يُقال ، بمنطق منطقي إلى حد ما ، أن الروابط الأولى والأخيرة على شريط التنقل القياسي تعطى الأولوية العليا للعقل الباطن ، ولهذا السبب تستخدم العديد من المواقع لافتة كصفحة ارتباط الصفحة الرئيسية / المقصودة هذه الأيام ، بدلاً من ذلك من وجود رابط الصفحة الرئيسية التقليدية في بداية الملاحة. الشيء مع رابط Home-present دائماً هو أنه غالباً ما يتم إغفاله من مجرد توقع أنه سيكون موجوداً. إنها لا تحدث إلا اختلافًا بسيطًا في تجربة تصفح المستخدم العادي سواء كانت كذلك أو لا ، ولذلك لا يتم حسابها حقاً كوصلة "أولية" إذا قررت وضع أحدها هناك.
وبغض النظر عن ذلك ، سيعرض المستخدمون بشكل طبيعي الروابط من اليسار إلى اليمين ، بافتراض أنهم غربيون وقراءتهم بتلك الطريقة ، حيث من المرجح أن يفعل غالبية المستخدمين لديك. هذا يعني أن الروابط ذات التأثير الفردي الأقل ستكون تلك الموجودة في منتصف قائمة التنقل ، ومع ذلك يمكن أن يكون لها تأثير جماعي قد يكون له تداعيات في كيفية إدراك المستخدم اللاشعوري لتجربة موقعك. هذا هو مزيد من التفاصيل في مقالتي على سرد القصص مع التصميمات الخاصة بك ، حيث أشرح كيف يروي الترتيب الذي تضع فيه عناصر القائمة الخاصة بك قصة حول تطور مستخدم من خلال موقعك. هذه النظرية هي في الغالب تكهنات ، ومع ذلك فمن المنطقي أن وجود رابط للدعم مباشرة بعد تخزين / منتجات واحدة في قائمتك يمكن أن يستنتج كل من الإخفاق في التسليم على منتجاتك ، وأن هذا الدعم ضروري ويستخدم بشكل كافٍ لضمان مكان على حسابك الرئيسي قائمة الإبحار.
في حين أن كل هذه النصائح ذات صلة بمعظم المواقع التقليدية ، وستحسن قابلية الاستخدام للمستخدم العادي ، لا تأخذ هذه النصائح كإنجيل. جميع المواقع والتصاميم مختلفة ، وقد يستفيد البعض من تجاهل بعض الإرشادات المذكورة أعلاه. قبل كل شيء ، اجعل موقعك قابلاً للاستخدام أولاً وثانياً ، وسوف ينخفض معدل الارتداد ، ويمكنك البناء على ما لديك.
ألقِ نظرة على تصفح المواقع الأخرى وحاول أن تفكر في ما يجعلها تعمل ، لا تعمل ، أو حتى تجعلها غير قابلة للاستخدام. يأخذ RockPaperShotgun ، على سبيل المثال. أنه يحتوي على شريط التنقل ، نعم ، وكان من المعيار منذ حوالي 10 سنوات! إنه يعمل ، ولكن شكله الأساسي وروابطه المتعددة يجعله يشعر بأنه ثانوي للغاية ، ويشعر الموقع وكأنه شيء مفقود من الحفرة الكبيرة بجوار شعار العنوان ، حيث سيذهب شريط التنقل ؛ يمكن ترقية إلى تصميم tabbed تحسين هذا.
أو خذ Google.com ، مثال واضح بالطبع ، هذا واحد مختلف قليلا ، لأن لديهم الملاحة راية مستمرة لشبكة من المواقع. ستلاحظ أن رابط YouTube (الرابط الوحيد الذي لا توجد به قائمة البانر) لا يزال موجودًا في المنتصف. وهذا يرجع إلى استخدام YouTube كموقع مستقل بدلاً من أن يكون جزءًا من شبكة Google ، لذا يتم هبوطه إلى النقطة الأقل أهمية على الشريط. علامة التبويب "المزيد" في النهاية هي في نهاية الأمر بحيث تبدو وكأنها امتداد إلى الشريط الأصلي ، دون أن تسد العناصر البانر الرئيسي. الآخرين الذين ربما عملتم بها لنفسك. يستخدم زر البحث الذي يستخدم الأول نفس المنطق مثل زر "الصفحة الرئيسية" ، ويعتبر ارتباط الصور هو الثاني الأكثر استخدامًا ، مما يعني أنك تحتاج إلى الحد الأدنى من الماوس والعين للسفر من أجل النقر عليه. بمجرد البدء في تقسيمها ، من المحتمل أن تبدأ في معرفة مدى التفكير الذي وضعته Google في هذا الأمر ، ويمكنك معرفة سبب كونها واحدة من أبرز المبدعين في مجالات التصميم عبر الإنترنت.
يمكنك إلقاء نظرة ومعرفة ما إذا كان بإمكانك معرفة سبب وضع بقية الروابط في مكانها ، ثم التفكير في ما إذا كانت هناك أي تحسينات يمكنك إجراؤها في التنقل.
هل تلتزم بالنصائح هنا؟ هل تفضل الملاحة على مستوى واحد أو القوائم الشاملة؟ اسمحوا لنا أن نعرف في التعليقات.