كيفية استخدام التنقل عبر مسار التنقل بالطريقة الصحيحة
نشرت: 2017-01-07تأخذنا فتات الخبز إلى الحكاية الخيالية القديمة التي ربما قرأتها في سنوات رياض الأطفال. يُجبر طفلان هانسيل وجريتل على مغادرة منزلهما في الغابة عندما قرر هانسيل وضع أثر من فتات الخبز لتتبع طريق عودتهما إلى المنزل. على الرغم من أن فتات الخبز تأكل من قبل الطيور المزعجة في الغابة ، إلا أنها تمكنت من ترك انطباع بعد سنوات عديدة من كتابة القصة.
في تصميم الويب ، تخدم فتات الخبز غرضًا مشابهًا لما كان يدور في ذهن هانسيل. تعمل مسارات التنقل بمثابة تنقل ثانوي ضمن التنقل في موقع الويب الخاص بك لمساعدة الزوار على الشعور بالاطمئنان من ضياع طريقهم بعد الانتقال من صفحة إلى أخرى. مثل الحكاية الخيالية القديمة ، تساعد في إظهار المستخدم أين هبطوا وما هو آخر موقع لهم.
بمجرد دمج مسارات التنقل في الهيكل الهرمي لموقع الويب ، يمكن للمستخدمين التعمق في فئات المنتجات والعودة إلى حيث بدأوا دون الانتقال إلى جنون زر "رجوع".
تعمل مسارات التنقل أيضًا كعنصر تحكم رسومي لمساعدة الزوار الأقل خبرة على التنقل في مواقع التجارة الإلكترونية. بالنسبة لمثل هذه المواقع ، يجب تصميم الهيكل الداخلي بذكاء. مع فتات الخبز ، يصبح من الضروري لمنصات التسوق عبر الإنترنت ليس فقط توفير سهولة الاستخدام لزوارها ، ولكن أيضًا منع العملاء المحتملين من التخلي عن صفحاتهم نتيجة للضياع.
التنقل التنقل
فتات الخبز وسيلة فعالة لإرشاد الزائرين من خلال تحديد مواقعهم الحالية والأماكن التي زاروها في طريقهم. إنها بمثابة أداة مساعدة بصرية داخل التسلسل الهرمي للموقع. ولكن فيما يتعلق بتجربة مستخدم العميل ، تساعدهم مسارات التنقل في الإجابة على هذه الأسئلة الثلاثة.
أين أنا؟
تُبقي فتات الخبز المستخدمين على اطلاع دائم بمكان وجودهم على الموقع عند بدء رحلتهم.
إلى أين يمكنني الذهاب؟
إنه بمثابة مساعدة للمستخدمين من خلال اقتراحهم إلى أين يذهبون بعد ذلك. نظرًا لأن الهيكل قد تم وضعه بالفعل أمامهم ، لم يعد المستخدمون بحاجة إلى البحث والعثور على الفئات أو أقسام الموقع.
هل يجب أن أذهب إلى هناك؟
تساعد فتات الخبز في تعزيز تصفح أفضل وإظهار قيمة المحتوى للمستخدم. على سبيل المثال ، إذا وصل أحد العملاء إلى صفحة ويب بحثًا عن منتج ، فقد يجد منتجات أخرى يمكن أن تكون مطابقة لاحتياجاته. يساعد هذا في تقليل معدل الارتداد لموقع الويب.
فوائد
يخفض الإجراءات
من أجل الوصول إلى صفحة ذات مستوى أعلى ، تساعد فتات الخبز في تقليل عدد. من الإجراءات المطلوبة من قبل زائر الموقع للوصول إلى هناك. يمكن للزائر ببساطة استخدام مسارات التنقل للعودة إلى الوراء بدلاً من استخدام زر "رجوع" باستمرار أو التنقل الأساسي لموقع الويب.
يتطلب مساحة صغيرة
لا يتطلب الأمر سوى سطرًا أفقيًا مملوءًا بروابط نصية. هذا يسهل بنية تصميم الويب الصحية من خلال شغل مساحة صغيرة والسماح للعناصر الأخرى على موقع الويب بالتنفس. يساعد هذا أيضًا في الحصول على سرعات تحميل أفضل لموقع الويب.
يعرف كل مستخدم كيفية تشغيل فتات الخبز
إنه سهل الفهم ولا يتطلب أي معرفة فنية للتفاعل معهم. يشرح النص مكان وجود المستخدم وما يمكن أن يذهب إليه. إنه نظام ملاحة توضيحي ذاتي شامل لفهم كل مستخدم.
متى تستخدم فتات الخبز؟
يعد إنشاء خريطة موقع لعرض بنية التنقل في موقع الويب الخاص بك أحد أفضل الوسائل لتحديد ما إذا كان موقع الويب الخاص بك يمكنه الاستفادة من مسارات التنقل. يمكنك بعد ذلك التحليل عن طريق التجربة واختبار ما إذا كان التنقل في مسارات التنقل يساعد المستخدمين من خلال محتوى موقع الويب الخاص بك أم لا.
- من الأفضل استخدام فتات الخبز عندما يكون هناك محتوى أكبر بكثير يحتاج إلى التنظيم ضمن فئات وبنية خطية نظيفة. في معظم مواقع التجارة الإلكترونية ، يتم استخدام نفس المعيار لتجميع مجموعة كبيرة ومتنوعة من المنتجات في فئات منطقية.
- يجب عدم استخدام فتات الخبز لمواقع الويب التي تغيب عن أي تسلسل هرمي منطقي لتجميع المحتوى أو المنتجات.
متى يجب تجنب استخدامها
عندما تكون مسارات التنقل ضرورية لهيكل موقع الويب ، فهناك أيضًا حالات يجب تجنبها. عندما يكون هناك موقع ويب يتكون من بنية ذات مستوى واحد دون أي إشارة واضحة إلى التجميع ، فمن الأفضل أن يتجنب الموقع إضافة مسارات التنقل. كما ذكرنا أعلاه ، يمكن أن يكون الرسم التخطيطي أو خريطة الموقع مفيدة جدًا في تحديد بنية التنقل في موقع الويب.
فتات الخبز مفيدة فقط إذا كانت مدعومة من خلال التنقل الأساسي. تعمل فتات الخبز كعضلات ، في حين أن التنقل الأساسي هو الهيكل العظمي الذي يربطها ببعضها البعض. بدون حركتهم الكاملة ، لا يمكن أن يعمل التسلسل الهرمي لموقع الويب بشكل منتج.
أنواع فتات الخبز
هناك ثلاثة أنواع من فتات التنقل يجب أن تعرفها ، الموقع والمسار والسمة.
1. الموقع القائم
تُستخدم فتات التنقل القائمة على الموقع لعرض الهيكل الأساسي للموقع. إنها تتيح للمستخدمين التنقل في مواقع الويب التي تحتوي على مستويات متعددة ومسارات محتوى شاملة. هذا النوع من مسارات التنقل مفيد للغاية للزوار الذين يهبطون على موقع ويب من مصدر خارجي ويدخلون إلى مستوى أعمق من المحتوى. على سبيل المثال ، إذا كنت تبحث عن نوع معين من المنتجات وقمت بالنقر فوق نتائج البحث التي تعرضها Google ، فستجد نفسك بين العديد من الفئات بمجرد دخولك إلى صفحة الويب. ستساعدك مسارات التنقل على تحديد موقعك والتنقل إلى الاحتمالات في الهيكل الهرمي. تعد مواقع الويب التي تحتوي على مستويات عميقة من المحتوى مناسبة جدًا لمسارات التنقل المستندة إلى الموقع. المثال المثالي هو موقع ئي باي.

2. مسار قائم
تعد مسارات التنقل هذه مهمة للتنقل في مسار تاريخ موقع الويب. تُظهر مسارات التنقل القائمة على المسار بشكل أساسي كل مسار يزوره المستخدم للوصول إلى موقعه الحالي. عادةً ، يتم إنشاء روابط مسارات التنقل هذه ديناميكيًا. بينما يمكن أن تكون المكونات الإضافية القائمة على المسار مفيدة للمستخدمين الذين يقضون وقتًا طويلاً في تصفح مواقع الويب ، إلا أنها غالبًا ما تكون محيرة لغالبية المستخدمين. نظرًا لأن معظم الزائرين يتصفحون وفقًا لتقديرهم الخاص ، ينتقلون من صفحة إلى أخرى. يعمل زر "رجوع" في المتصفح على حل معظم احتياجاتهم لتغيير مسارهم. هذا يجعلها غير مجدية بشكل خاص لأولئك الزوار الذين يصلون إلى صفحة الموقع الموجودة بالفعل في عمق الموقع.
3. على أساس السمة
تستفيد مواقع التجارة الإلكترونية إلى أقصى حد من مسارات التنقل القائمة على السمات. إنها تساعد في سرد الفئات وفقًا للصفحة أو المنتج المحدد. هذا النوع من فتات الخبز مفيد للغاية في تشجيع المستخدمين على فهم علاقة المنتجات ببعضها البعض. على سبيل المثال ، إذا كان موقع الويب يبيع الجينز ، فسيستخدمون فتات الخبز القائمة على السمات لمساعدة العملاء على التنقل من الجينز العادي أو النحيف أو الجينز الضيق.
أفضل الممارسات للتنقل عبر مسار التنقل
عند تصميم التنقل التفصيلي ، تأكد من متابعة الأشياء في الاعتبار. يعد التنقل عبر مسار التنقل وسيلة مساعدة إضافية لتحسين تجربة المستخدمين على موقعك.
تجنب العناصر المكررة
إذا كنت ترغب حقًا في إضافة فتات الخبز إلى موقع الويب الخاص بك ، فيمكنك القيام بها بالطريقة الصحيحة. أولاً ، تحتاج إلى التخلص من أي عناصر مكررة قد تأتي بين مسار فتات الخبز. للأسف ، لقد رأيت هذا في العديد من مواقع الويب ذات التصنيف الأعلى حيث تقع نفس الصفحات في فئات متعددة أو مستويات المحتوى المعروضة. هذا لا يربك الزائر فحسب ، بل ينعكس أيضًا بشكل سيء على موقع الويب الخاص بك.
التوافق مع تحسين محركات البحث
فتات الخبز ليست مجرد عناصر تحكم في التنقل للزائرين ، ولكنها أيضًا أصول رائعة لممارسة تحسين محركات البحث لديك. يمكنك استخدام الكلمات الرئيسية داخل فتات الخبز لتحسين ترتيبك على محركات البحث. يوصى باختيار الأسماء الملائمة لكبار المسئولين الاقتصاديين لفئات موقع الويب الخاص بك بحيث يمكن لمحركات البحث إدراجها بسهولة في مسارات التنقل في نتائجها.
استخدم فتات الخبز كوسيلة تنقل بديلة
بينما تعد مسارات التنقل مصدرًا ممتازًا لمساعدة المستخدمين على التنقل من نقطة إلى أخرى ، فمن المهم التعامل معها كمصدر ثانوي فقط. تعد Breadcrumbs ميزة إضافية لتحسين قابلية استخدام الزائر ولا يمكن بأي حال من الأحوال أن تحل محل بنية التنقل الأساسية للموقع.
من غير المجدي ربط الصفحة الحالية في التنقل في مسار التنقل
على الرغم من أن إظهار الموقع الحالي للزائر على مسار التنقل أمر اختياري ، إلا أنه يجب عليك التأكد من أن الرابط الموضح في الهيكل الخطي غير قابل للنقر عليه أو النقر عليه. قد يتسبب ذلك في إرباك الزائر فقط لإظهار رابط الصفحة التي يتواجدون فيها حاليًا.
أضف فواصل
يعد استخدام الفواصل ممارسة رائعة لإعطاء نظرة نظيفة وملموسة للتنقل في فتات التنقل. يمنع النص من الاقتراب أكثر من اللازم إذا انتقل المستخدم إلى مستويات أعمق وأنشأ بنية ديناميكية يسهل فهمها والتفاعل معها.
يمكنك استخدام العلامة ›للدلالة على التسلسل الهرمي حيث يتم استخدامها عادةً في تنسيقات الفئات مثل الملابس› القمصان ›القمصان ذات الياقات الخ. تشتمل الرموز الأخرى على الأسهم (→) وعلامات التنصيص ذات الزاوية اليمنى (») والشرطات (⁄).
قدم حجم فتات الخبز وحشوها
أثناء تصميم فتات الخبز ، يجب مراعاة حجم الحشو والحجم المستهدف. يجب أن يكون التباعد بين مسار التنقل والآخر ملحوظًا وإلا فقد لا يتمكن الزائرون من استخدامها بفعالية. في الوقت نفسه ، تأكد من أن حجم فتات الخبز لا يضر بالعناصر الأخرى الموجودة حولها حتى يظل التنقل الأساسي غير متأثر.
لا تركز أبدًا على تصميم فتات الخبز أكثر مما هو مطلوب
لا تستخدم أبدًا الألوان الزاهية أو الخطوط الفاخرة لتمثيل فتات الخبز الخاصة بك. على الرغم من أهمية مسار التنقل للمستخدمين بعد وصولهم إلى الصفحة ، إلا أنه لا ينبغي أن يكون أول ما يخطر ببالهم. قد تؤدي إضافة بريق إلى التنقل التفصيلي إلى تجاهل المستخدم للتنقل الأساسي لموقع الويب. يمكن أن يؤدي ذلك إلى تشتيت انتباه المستخدم عن النية الحقيقية لدخول الصفحة ويؤدي إلى فقدان تحويل محتمل للمخزن. جوجل هو أفضل مثال عندما يتعلق الأمر بذلك. نظرًا لوجود العديد من مستويات المحتوى الذي تم البحث عنه ، فإنه يعرض مسار تنقل بسيطًا خالٍ من أي خط أو لون خيالي بحيث يمكن للمستخدمين تحديد موقع فتات التنقل والتفاعل معها بسهولة.
أي نوع يجب تجنبه؟
إنها حجة متنازع عليها حول استخدام مسارات التنقل المستندة إلى الموقع / السمات أو مسارات التنقل القائمة على المسار لعرض التسلسل الهرمي للموقع. إنها قاعدة أساسية مفادها أن مسارات التنقل يجب ألا تُظهر سجل المستخدم ، ولكن التسلسل الهرمي للموقع. في تقييمنا ورأينا ، ربما لا يجب أن تهتم بفتات التنقل القائمة على المسار بعد الآن. أولاً ، لا يساعد في UX لأنه قد يتسبب في حدوث ارتباك للزائرين بسبب عدم وجود التسلسل الهرمي الظاهر بين المستويات المختلفة. هذا هو سبب تفضيل مسارات التنقل القائمة على الموقع والسمات على فتات التنقل القائمة على المسار.
افكار اخيرة
فتات الخبز مهمة مثل أي عنصر آخر على موقع الويب. الآن بعد أن سمحت التكنولوجيا بتخزين كميات أكبر من البيانات وسرعات إنترنت أسرع ووقت تحميل أسرع ، يمكن عرض التنقل بشكل أكثر شمولاً على مستويات أعلى من التسلسل الهرمي دون بذل جهد. بمساعدة فتات الخبز ، لن ينتج موقع الويب الخاص بك تجربة مستخدم أفضل فحسب ، بل سيحقق أيضًا مبيعات أكبر من عملائه. التنقل الأكثر سلاسة وبساطة يعني سهولة الوصول إلى صفحات المنتج وإعاقة عملية سداد أقل.