نشانگرهای پیشرفت در رابط کاربری

نکات طراحی نشانگر های پیشرفت در طراحی رابط کاربری

نشانگرهای پیشرفت، کاربرا رو گام به گام راهنمایی می‌کنن، کارهای بزرگ مثل پر کردن یه فرم رو به بخش‌های کوچکتر تقسیم می‌کنن و اونا رو تشویق به تموم کردن هر مرحله می‌کنن. از دیدگاه روانشناسی، نشانگرهای پیشرفت به طور قابل توجهی به کاهش رها کردن کار کمک می‌کنن. وقتی مردم می‌بینن که هنگام شروع یه کار چند مرحله پیش رو دارن، احتمال بیشتری داره که اون رو تموم کنن.

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

موقعیت فعلی رو نشون بدین

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

مرحله فعلی باید از نظر بصری با مراحلی که کاربرا قبلاً تموم کردن و مراحلی که باقی موندن، متفاوت باشه. یه راه مؤثر برای رسیدن به این هدف، تمایز رنگیه. استفاده از یه رنگ متمایز برای مرحله فعلی، اون رو از مراحل تموم شده و باقی مونده جدا می‌کنه.

مراحل باقی مونده رو نشون بدین

مراحل باقی مونده روی یه نشانگر پیشرفت به کاربرا اطلاع می‌ده که چند مرحله دیگه پیش رو دارن و اونا رو برای حرکت به جلو تشویق می‌کنه. اونا معمولاً غیرفعال (خاکستری کم رنگ یا هر رنگ ملایم دیگه) به نظر می‌رسن و وقتی کاربرا بهشون می‌رسن، حالتشون به فعال تغییر می‌کنه. نکته‌ی حرفه‌ای! مطمئن بشین که مراحل غیرفعال کنتراست کافی دارن و خوانا هستن.

مراحل تموم شده رو نشون بدین

برجسته کردن مراحل تموم شده روی یه نشانگر پیشرفت به کاربرا کمک می‌کنه با نشون دادن اینکه کجا هستن، چی رو تموم کردن و چند مرحله باقی مونده، فرآیند رو مشاهده کنن.

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

نشانگرهای پیشرفت چرخ فلکی

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

نشانگرهای عمودی

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

وقتی از یه نشانگر عمودی استفاده می‌کنین، آخرین به‌روزرسانی‌ها و اطلاعات وضعیت رو که تو یه خط مستقیم از بالای صفحه به پایین صفحه لیست شدن، می‌بینین. این کار پیگیری فرآیند رو به روشی واضح و سرراست آسون می‌کنه. نکته‌ی حرفه‌ای! مطمئن بشین که نشانگر عمودی همیشه هنگام اسکرول کاربرا قابل مشاهده است.

از تعداد معقولی از مراحل استفاده کنین

تقریباً غیرممکنه که فرم‌ها رو سرگرم‌کننده یا هیجان‌انگیز نشون بدیم. و هر چی یه فرم مراحل بیشتری داشته باشه، احتمال اینکه کاربرا فرآیند رو رها کنن بیشتره. اون رو کوتاه نگه دارین — یه مجموعه حداکثر ۵-۷ مرحله معمولاً بیشتر از حد کافی برای تموم کردن یه کاره. فقط دیدن اینکه فرم خیلی طولانی نیست روی نشانگر پیشرفت می‌تونه کاربرا رو تشویق کنه که هر مرحله رو طی کنن و اون رو تموم کنن.

از برچسب‌های مرحله برای بهبود تشخیص استفاده کنین

تلاش کنین مراحل رو روی نشانگر پیشرفت خودتون برچسب‌گذاری کنین — این تشخیص رو بهبود می‌بخشه. اگه حواس کاربرا پرت بشه، اگه با برچسب‌های مفید روبرو بشن، زمان کمتری طول می‌کشه تا به یاد بیارن قبلاً چیکار می‌کردن.

به علاوه، عناوین به اسکن‌پذیری اضافه می‌کنن و به کاربرا کمک می‌کنن به سرعت بفهمن کجا هستن و انتظار می‌ره اونجا چیکار کنن.

اگر به دنبال ورود به دنیای طراحی محصول هستید، با مارجین یک بار برای همیشه و اصولی این مهارت را یاد بگیرید.

مشاهده دوره جامع طراحی محصول

آخرین تکنیک‌ها، ترفندها و مطالب آموزنده طراحی محصول را در اینستاگرم مارجین ببینید.

5 دیدگاه

در بحث‌‌ پیرامون این مقاله شرکت کنید!

دیدگاهتان را بنویسید