لوگوی توپُر دیزاین سیستم سنّت

بردکرام

بردکرام* یکی از کامپوننت‌های مهم راهبری، شامل مجموعه‌ای از لینک‌های راهنما است. این لینک‌ها برای کمک به کاربر در درک موقعیت فعلی خود در سایت و درک ساختار سلسله مراتبی آن کنار هم قرار گرفته‌اند. لینک‌های بردکرام با رعایت سلسه مراتب صفحات سایت، مسیری کاملاً مشخص برای کاربر فراهم می‌کند تا به صفحه یا صفحات لایه‌های بالاتر دسترسی داشته باشد.

کاربرد

کامپوننت بردکرام اغلب در محصولاتی به‌کار می‌رود که به دلیل حجم زیاد محتوا ساختار سلسه مراتبیِ عمیق (۳ یا بیش تر از ۳ لایه) دارند. در این محصولات بردکرام موقعیت فعلی کاربر را در ساختار نشان می‌دهد و دسترسی او به لایه‌های بالاتر را فراهم می‌کند.
در محصولاتی با ساختار سلسله ‌مراتبی مسطح (عمقی کمتر از ۳ لایه) از بردکرام استفاده نمی‌شود.
بردکرام معمولاً بالا و در سمت راست صفحه، یعنی زیر هدر و بالای عنوان صفحه قرار می‌گیرد.

اجزای تشکیل‌دهندهٔ بردکرام

اجزای تشکیل‌دهندهٔ بردکرام

انواع

بردکرام براساس موقعیت

نمایی از بردکرام براساس موقعیت

بردکرام براساس ویژگی

نمایی از بردکرام براساس ویژگی

آناتومی

اینجا می‌توانید ابعاد بردکرام، فاصله‌ها، حاشیه‌ها، اندازهٔ متن و حالت چندمرحله‌ای و تک‌مرحله‌ای را ببینید.
بردکرام چند مرحله‌ای
بردکرام تک‌مرحله‌ای

رفتار

در راهنمای زیر رفتار کامپوننت در کاربردهای مختلف دیزاین توضیح داده شده است.
درست

"عنوان صفحهٔ فعلی" در بردکرام تنها موقعیت فعلی کاربر را نشان می‌دهد و‌ بدون لینک نمایش داده می‌شود.

نادرست

محتوای بردکرام در یک خط نمایش داده می‌شود. برای نشان‌دادن محتوای کامل بردکرام آن را دو یا چند خط نکنید.

نادرست

در بردکرام از آیکون استفاده نمی‌شود.

نادرست

بردکرام برای نمایش تاریخچهٔ مسیر پیموده‌شدهٔ کاربر استفاده نمی‌شود.

نادرست

بردکرام جایگزین مسیر راهبری اصلی (navigation bar) نمی‌شود.

نادرست

برای جلوگیری از تکرار در بردکرام از قراردادن لینک به صفحات بالامرتبه‌ای مانند "خانه یا صفحهٔ اصلی"، که در منوی اصلی قراردارند، بپرهیزید.

درست

در موبایل‌ وب می‌توان تنها یکی از صفحه‌های والد، ترجیحاً نزدیک‌ترین لایه به صفحهٔ فعلی نمایش داد.

درست

در موبایل‌ وب می‌توان همهٔ لینک‌های بردکرام را نشان داد. در این حالت بردکرام می‌تواند اسکرول افقی شود. برای جلوگیری از طولانی‌شدن بردکرام، هر یک از لینک‌ها با عرض حداکثر ۲۰۰ پیکسل نمایش داده می‌شود و باقی آن حذف شده و به شکل سه‌نقطه نشان داده می‌شود.