Breadcrumb
بردکرامب
Breadcrumb چیست؟
Breadcrumb یک الگوی ناوبری در طراحی رابط کاربریه که مسیر کاربر رو در ساختار یک وبسایت یا محصول نشان میده. این الگو معمولا بالای صفحه قرار میگیره و به کاربر کمک میکنه بفهمه الان در کدوم بخش قرار داره و راحتتر به صفحات قبلی برگرده.
نکات مهم درباره Breadcrumb
- نمایش مسیر صفحه: بردکرامب باید مسیر سلسلهمراتبی صفحه رو نشان بده تا کاربر بدونه از کجا به این صفحه رسیده.
- امکان بازگشت سریع: کاربر باید بتونه روی بخشهای قبلی مسیر کلیک کنه و سریع به اون صفحات برگرده.
- استفاده در ساختارهای عمیق: این الگو بیشتر در سایتهایی کاربرد داره که چندین سطح دستهبندی یا صفحات تو در تو دارن.
- جایگذاری قابل پیشبینی: معمولا بردکرامب در بالای محتوا و زیر هدر قرار میگیره تا کاربران راحت اون رو پیدا کنن.
- ساده و کوتاه بودن مسیر: متن هر بخش از مسیر باید کوتاه و واضح باشه تا کاربر سریع اون رو درک کنه.
مثالی از Breadcrumb
فرض کن در یک فروشگاه اینترنتی در حال دیدن کفشها هستی و بعد از چند تا کلیک، به صفحه یک جفت کفش ورزشی میرسی که ازش خوشت میآید. اما یادت نمیآید قبل از این صفحه چه کفشهای دیگری در سایت دیده بودی و میخواهی دوباره به صفحات محصولات برگردی و گزینههای دیگر رو هم ببینی.
اگه بالای صفحه یک مسیر بردکرامب مثل این وجود داشته باشه:
صفحه اصلی > پوشاک > کفش > کفش ورزشی
میتونی خیلی سریع روی «کفش» کلیک کنی و دوباره به لیست همه کفشها برگردی و محصولات دیگه رو بررسی کنی. اینجاست که Breadcrumb به کاربر کمک میکنه راحتتر در سایت جابهجا بشه.
مفاهیم مرتبط
- Navigation
- Information Architecture
- visual Hierarchy
دیدگاه کاربران