ردیف انتخابی

ردیف انتخابی در میان ردیف‌ها اصلی‌ترین کامپوننت برای راهبری میان قسمت‌ها مختلف محصول است و با اطلاعاتی که نمایش می‌دهد مسیر پیش‌روی کاربر را شفاف و قابل پیش‌بینی می‌کند.

کاربرد

ردیف‌های انتخابی راهبری در بخشی از فرایند، انتخاب بین گزینه‌های یک موضوع، دریافت اطلاعات بیشتر دربارهٔ یک موضوع و همچنین دسترسی به صفحاتی را فراهم می‌کنند که عنوان آن‌ها نیاز به توضیحات بیشتری دارد و یک دکمه یا کامپوننت لینک‌دار برای عنوان آن‌ها کافی نیست. در حالتی که این کامپوننت برای کاربر تعامل‌پذیر نباشد، وضعیت آن غیرفعال می‌شود. ردیف انتخابی می‌تواند ویژگی‌های (یا گزینه‌های) متفاوتی به‌‌شرح زیر داشته باشد:

ردیف انتخابی ساده

ردیف انتخابی که با متن عنوان کاربر را از هدف تعاملی و راهبری این کامپوننت آگاه می‌کند. در این ردیف زیرعنوان، عنوان را کامل و شفاف می‌کند.

ردیف انتخابی با فِلِش

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

ردیف انتخابی آیکون‌دار

آیکون‌ها ابتدای ردیف انتخابی قرار می‌گیرند و عنوان را شفاف‌تر می‌کنند. توصیه می‌کنیم در صورت امکان از آیکون‌های SVG و یا از آیکونْ فونتِ طراحی‌شده با قواعد سنّت استفاده کنید.

ردیف انتخابی با نشانگر

در ردیف انتخابی با نشانگر برای جلب توجه کاربر از کامپوننت‌های نشان و نشانگر استفاده می‌شود تا تغییرات رخ‌داده در بخشی از رابط کاربر را درک کنند یا از کمیت تغییرات آگاه شوند. اگر تغییرات آنلاین اتفاق بیفتند، همان لحظه در رابط کاربر ظاهر می‌شوند در غیر این صورت از قبل در محل مورد نظر قرار می‌گیرند.
کامپوننت نشان برای جلب توجه کاربر و به دو شکل متنی یا بدون متن (نشانگر) استفاده می‌شود. نشان متنی یا شامل عددی است که کمیت تغییر را نمایش می‌دهد و یا شامل کلماتی که وضعیت بخش مورد نظر در رابط کاربر را توصیف می‌کند. مانند «جدید!» و یا ورژن یک تغییر مثل «v1.0.1». مشخصات بیشتر کامپوننت نشانگر را اینجا بخوانید.