[ad_1]
تخيل أن أحد العملاء يتصفح موقعك الغني بالمحتوى ويجد بالضبط ما يحتاج إليه في ثوانٍ. هذه هي قوة الملاحة البديهية. قم بإنشاء تجربة مستخدم إيجابية من خلال قوائم منظمة جيدًا وبنية واضحة.
إليك سبب أهمية التنقل في موقع الويب وكيفية تحسين تصميم التنقل لموقع الويب الخاص بك.
ما هو التنقل في الموقع؟
يشير التنقل في موقع الويب إلى مكونات واجهة المستخدم – القوائم والأزرار والروابط، على سبيل المثال – التي تتيح للمستخدمين التنقل في موقع الويب والوصول إلى محتواه. تسهل بنية التنقل الجيدة على الزائرين العثور على ما يبحثون عنه بالضبط، بغض النظر عن عدد الصفحات الموجودة في موقعك.
لماذا يعد التنقل عبر موقع الويب مهمًا؟
يؤدي التنقل المصمم بشكل سيء إلى حدوث احتكاك. وبدون التنقل الواضح والبديهي، يمكن أن يشعر الزوار بالإحباط والإحباط، مما يؤثر على معدلات التحويل. من ناحية أخرى، يعمل التنقل الفعال على جذب العملاء وتشجيعهم على التفاعل مع المحتوى الموجود على موقعك لفترة أطول. يمكن أن يولد التنقل البديهي مشاعر إيجابية حول علامتك التجارية.
يساعد التنقل في موقع الويب أيضًا محركات البحث على فهم بنية موقع الويب ومحتواه، مما يعزز ظهوره وتصنيفه.
ما هي قائمة التنقل في موقع الويب؟
قائمة التنقل في موقع الويب هي قسم في صفحة الويب يحتوي على قائمة من الروابط. عادةً ما تكون هذه روابط داخلية لصفحات الموقع الأساسية. على سبيل المثال، قد تحتوي إحدى العلامات التجارية للملابس على روابط لفئات مختلفة، مثل الفساتين أو الأحذية. يمكنك عادةً العثور على قوائم التنقل في رؤوس الصفحات أو الأشرطة الجانبية لسهولة الوصول إليها.
أنواع قوائم التنقل في موقع الويب
هناك أنواع مختلفة من قوائم التنقل في موقع الويب لتوجيه الزائرين عبر موقعك. فيما يلي بعض خيارات النمط:
شريط التنقل الأفقي
يتم تشغيل شريط التنقل الأفقي أفقيًا أعلى رأس صفحة موقع الويب، وغالبًا ما يظل ثابتًا أثناء قيام المستخدم بتغيير الصفحات. ويعرض الأقسام والفئات عالية المستوى، مثل صفحات المدونة وجهات الاتصال وحول الصفحات. وقد يشتمل أيضًا على شريط بحث لمساعدة الزائرين في العثور على ما يبحثون عنه بدقة.
قائمة التنقل في الشريط الجانبي العمودي
تظهر قائمة تنقل الشريط الجانبي الرأسي على الجانب الأيسر أو الأيمن من صفحة الويب. يعد هذا خيارًا جيدًا إذا كان لديك العديد من الفئات والصفحات المختلفة التي تريد تضمينها في القائمة؛ تتيح قوائم التنقل في الشريط الجانبي الرأسي للمستخدم عرض المزيد من الروابط عن طريق التمرير لأسفل الصفحة بأكملها، وهي حركة أكثر طبيعية من الانتقال إلى يمين الشاشة لرؤية المزيد من المعلومات.
قائمة التنقل المنسدلة
يمكنك العثور على قائمة منسدلة ضمن قائمة التنقل الأفقية أو قائمة الشريط الجانبي. عندما ينقر الزائر على تسمية القائمة، تظهر قائمة فرعية متداخلة لتكشف عن خيارات إضافية. إنها طريقة فعالة للحفاظ على مساحة الصفحة مع توفير المزيد من المسارات للمستخدم.
القائمة الضخمة
القائمة الضخمة هي أحد أشكال القائمة المنسدلة، وهي عبارة عن لوحة كبيرة تظهر عند المرور فوق عنصر القائمة في شريط التنقل الرئيسي. تستخدم مواقع الويب التي تحتوي على قدر كبير من المحتوى والفئات نمط القائمة هذا. تعد القوائم الضخمة رائعة في دمج خيارات التنقل في تخطيط واحد. مع هذا الخيار، هناك خطر حدوث فوضى، ولكن إذا قمت بتجميع العناصر بشكل واضح ومنطقي، فيمكنك توجيه المستخدمين إلى الصفحات التي يريدون رؤيتها.
قائمة الملاحة همبرغر
تحظى قائمة الهامبرغر بشعبية كبيرة على مواقع وتطبيقات الأجهزة المحمولة، وهي تشبه البرجر، وهي عبارة عن كومة من ثلاثة أسطر. عندما ينقر المستخدم على الهامبرغر، تنبثق لوحة مخفية وتعرض خيارات القائمة. تتيح لك هذه القائمة الموفرة للمساحة توفير المزيد من الروابط لأحجام شاشات محدودة.
قائمة التنقل في التذييل
تكمل قائمة التذييل رأس صفحتك. تظهر أفقيًا في الجزء السفلي من موقع الويب، ويمكن أن تتضمن صفحات (مثل معلومات عنا أو جهة الاتصال) لا يمكن احتواؤها في قائمتك الأساسية أو التي تريد جذب المزيد من الاهتمام إليها.
نصائح لتصميم التنقل في الموقع
للحصول على تجربة مستخدم إيجابية، تأكد من توافق بنية التنقل في موقع الويب الخاص بك مع توقعات العملاء وأنماط الاستخدام. فيما يلي بعض أفضل ممارسات التنقل في موقع الويب الأكثر فائدة:
ادرس أنماط جمهورك
إن فهم كيفية تنقل جمهورك على موقع الويب الخاص بك يمكن أن يعزز تجربتهم. قم بتشغيل تقرير تدفق المستخدم (الذي يوضح المسارات التي يتخذها المستخدمون أثناء تنقلهم في موقعك) للتعرف على أنماط حركة مرور موقع الويب ورحلات المستخدم. يمكنك استخدام Google Analytics للقيام بذلك؛ ضمن قسم السلوك، يمكنك معرفة المسارات التي يسلكها المستخدمون وأين ينزلون باستمرار، مما قد يشير إلى عدم وضوح التنقل.
خطط لبنية قائمة معقولة
إن البنية المحسنة لموقع الويب تعني أن الزوار يصلون إلى وجهاتهم بأقل عدد ممكن من النقرات. يمكنك تحقيق ذلك إذا كنت:
- قم بتسوية بنية التنقل. قد يؤدي وجود مستويات كثيرة جدًا في قائمتك إلى إرباك الزائر. تسوية البنية تعني أن فئات الموقع الأكثر أهمية تصل إلى القائمة الرئيسية في رأس الصفحة، بينما تنتقل صفحات الفئات الرئيسية إلى طبقة واحدة أدناه. في الطبقتين الثالثة والسفلية توجد صفحات ويب مفردة فقط.
- العب في توقعات العملاء. ليست هناك حاجة لأن تكون مبتكرًا للغاية بشأن وضع القائمة. يتوقع العملاء الاتفاقيات القياسية. على سبيل المثال، تظهر أقسام المستوى الأعلى في قائمة أفقية في رأس الصفحة. قد يؤدي وضعها في مكان آخر إلى إرباك توقعات العملاء.
- الاستفادة من قائمة التذييل. إذا قام الزائر بالتمرير إلى أسفل الصفحة الرئيسية، فحاول إشراكه من خلال قائمة تذييل مصممة بعناية. نظرًا لعدم وجود نفس القيود الموجودة في الجزء العلوي من الصفحة، حيث تكون المساحة مرتفعة، يمكنك تضمين المزيد من الخيارات، مما يسمح لهم بالتعمق أكثر في موقع الويب الخاص بك.
تجميع روابط التنقل وترتيبها بشكل منطقي
المجموعات العشوائية من الروابط يمكن أن تحبط الزوار. كن متعمدًا بشأن كيفية طلب الروابط. إذا كنت تريد دفع الأشخاص إلى صفحة معينة، ضع هذا الرابط أعلى قائمة القائمة. على سبيل المثال، للتخلص من المخزون، ضع مبيعاتك لفترة محدودة في أعلى القائمة لتشجيع المستخدمين على زيارة تلك الصفحة.
تصميم لشاشات مختلفة
قم بتصميم تصميم الويب الخاص بك ليناسب أحجام الشاشات المختلفة، بما في ذلك الأجهزة المحمولة. من المتوقع أن تصل التجارة الإلكترونية عبر الهاتف المحمول إلى 710 مليارات دولار بحلول عام 2025. ويعطي تصميم الهاتف المحمول الأولوية لتحسين مواقع الويب للشاشات الأصغر حجمًا من خلال البدء بإصدار الهاتف المحمول قبل التوسع إلى شاشات أكبر.
يمكنك أيضًا إنشاء أنماط قائمة مختلفة لأجهزة مختلفة. على الرغم من أن قوائم الهامبرغر القابلة للطي تعمل بشكل جيد للهواتف، إلا أنه يمكنك اختيار شريط قوائم أفقي لمستخدمي سطح المكتب حتى يتمكنوا من رؤية الفئات ذات المستوى الأعلى دون الحاجة إلى القيام بأي نقرات إضافية.
أمثلة على التنقل في موقع الويب
يمكنك إنشاء بنية قائمة قابلة للاستخدام بطرق مختلفة. وهنا ثلاث طرق:
منزل الشاطئ
يوجد أسفل رأس الصفحة الرئيسية لـ The Beach Home شريط تنقل أفقي يحتوي على تسميتين تقليديتين — حولنا والاتصال بنا — وتسميات وصفية أخرى لفئات المنتجات الرئيسية. ترتبط علامة TBH Life بموقع خارجي، وهي صفحة استشارية للديكور الداخلي مصممة لتشعر وكأنك لا تزال على نفس الموقع.
يتضمن التذييل أيقونات الوسائط الاجتماعية Facebook وInstagram. تستخدم عناصر القائمة مساحة بيضاء واسعة لتحسين إمكانية القراءة. في نسخة الهاتف المحمول من موقع الويب، يظهر رمز قائمة الهامبرغر ليكشف عن التسميات التي تظهر أفقيًا على نسخة سطح المكتب من موقع الويب.
الجماعية في الهواء الطلق
تتميز لعبة Collective Outdoors بقائمة منسدلة. من خلال الأسهم التي تشير إلى الأسفل بجوار عدد قليل من تسميات القائمة، يعرف الزائرون أنهم يتوقعون قائمة فرعية. عند تمرير مؤشر الماوس فوق فئات المستوى الأعلى، سترى أيضًا صورة تمثل هذا القسم – على سبيل المثال، أريكة خارجية لفئة “المقاعد”. تتضمن قائمة Collective Outdoors قدرًا كبيرًا من المساحة البيضاء للمساعدة في تقديم قائمة تحتوي على العديد من الخيارات وصورة الفئة المصاحبة.
جينز تي سي بي
يختار متجر الويب الرسمي TCB Jeans تصميمًا بسيطًا للرأس — قائمة همبرغر، وأيقونات لحسابات المستخدمين، وعربة التسوق. يؤدي النقر على الهامبرغر إلى فتح قائمة شريط جانبي عمودي منزلق تحتوي على عناصر لـ “الصفحة الرئيسية” و”المنتج” و”كيف نقيس” و”نبذة عنا” والمزيد. تحتوي فئة المنتجات على علامة زائد بجوارها للإشارة إلى وجود قائمة منسدلة.
الأسئلة الشائعة حول التنقل في موقع الويب
كيف أقوم بإنشاء قائمة التنقل في موقع الويب؟
أولاً، قم بتخطيط قائمة التنقل الخاصة بك. حدد الأقسام عالية المستوى في موقع الويب والتسلسل الهرمي للفئات التي ستحتاج إليها. قم بمحاذاة الفئات بشكل حدسي مع كيفية تنقل الزائرين للمحتوى. قرر ما إذا كنت ستحتاج إلى قوائم فرعية. بعد ذلك، قم بتنفيذ وتخصيص قائمة التنقل الخاصة بالموقع باستخدام القوالب المضمنة في أداة إنشاء مواقع الويب.
ما هو تصميم التنقل الأكثر استخدامًا في تطوير الويب؟
يعد شريط التنقل الأفقي هو تصميم التنقل الأكثر شيوعًا. يظهر في الجزء العلوي من رأس موقع الويب، مع روابط للأقسام الرئيسية أو الفئات المدرجة جنبًا إلى جنب. هذا التصميم المجرب والحقيقي سهل المسح ومألوف ويمكن الوصول إليه على أجهزة مختلفة.
لماذا يعد التنقل عبر موقع الويب مهمًا؟
يقوم التنقل الواضح بتوجيه الزائرين بشكل فعال إلى الصفحة الصحيحة، مما يعزز التفاعل والتحويلات. وبدون ذلك، قد يضيع زوار موقع الويب ويتجولون، مما يقلل التحويلات.
[ad_2]