17 نوعًا من خيارات التنقل في المدونة والموقع الإلكتروني

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

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

لماذا يعد التنقل مهمًا جدًا بالنسبة إلى موقع الويب؟

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

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

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

خيارات التنقل

فيما يلي بعض خيارات التنقل الجديدة الحديثة التي يمكن أن تعمل مثل السحر لمدونتك أو موقع الويب الخاص بك:

التنقل التفاعلي

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

أشرطة التنقل اللاصقة

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

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

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

التنقل الثابت في الشريط الجانبي العمودي

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

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

التنقل العمودي المنزلق

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

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

Parallax Navigation

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

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

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

قائمة همبرغر

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

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

قائمة الوسائط المتعددة

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

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

جدول المحتويات

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

وأبرز مثال على ذلك هو ويكيبيديا التي استخدمت جداول المحتوى منذ إنشائها.

آخر الملاحة ذات الصلة

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

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

القوائم المنسدلة الضخمة

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

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

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

التنقل في صفحة واحدة

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

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

الملاحة العالمية

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

أحد أفضل الأمثلة على هذا النوع من التنقل هو Disney ، التي تمتلك قناة تلفزيونية وأفلامًا وحدائق ترفيهية وألعاب والمزيد. يعد التنقل الشامل أمرًا منطقيًا في هذه الحالة لأنه يلفت الانتباه إلى جميع منتجات ديزني. هذا التنقل أيضًا ليس شاملاً للتكتلات. يتم استخدامه أيضًا على شبكات مواقع الويب مثل تلك المملوكة لشركة Univision Communications ، بما في ذلك Jezebel و Deadspin و Lifehacker وروابط التنقل لجميع العلامات التجارية السبع التي كانت مملوكة سابقًا لشركة Gawker Media.

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

التنقل التنقل

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

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

في حالة مثال Amazon الخاص بنا ، ينتمي الكتاب إلى فئة "Genre Fiction" ، وهي جزء من قسم "Literature & Fiction" ويعود إلى قسم "Books" الرئيسي على موقع Amazon الإلكتروني.

ملاحة تذييل الدهون

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

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

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

قوائم Subnav سريعة الاستجابة

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

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

دائري للقصة العلوية

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

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

قائمة السحب للخارج

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

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

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

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

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