UIDex

إيه الفرق؟

مسار التنقّل أم مؤشّر الخطوات

الفارق هو ما يقيسه كلٌّ منهما. مسار التنقّل يقيس العمق داخل شجرة ثابتة لا علاقة لها بك: الصفحة تقع حيث تقع سواء زرتها أم لا. مؤشّر الخطوات يقيس تقدّمك أنت في مهمّة لها نهاية.

اسأل نفسك سؤالاً واحداً

لو فتحت الصفحة من نتيجة بحث مباشرة، هل يظلّ المؤشّر صحيحاً؟

RTLالسهم منعكس تلقائياً، جرّب تبديل اللغة من الأعلى

مسار التنقّل

Breadcrumbs
aria-current="page"

استخدمه لما

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

المدخل الكامل

الخطوة 2 من 4 · الشحن

RTLالخطوة الأولى تبدأ من اليمين، وعلامة الصح لا تنعكس

مؤشّر الخطوات

Steps / Stepper
aria-current="step"

استخدمه لما

إجراء له نهاية: إتمام شراء، أو تهيئة حساب جديد، أو نموذج طويل مقسّم. المؤشّر يتحرّك بتحرّك المستخدم.

المدخل الكامل

الخطأ الكلاسيكي

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

مقارنات أخرى