اگه تا حالا به یک اپلیکیشن یا سایت خوب دقت کرده باشی، حتماً دیدی که بعضی المانها همهجا تکرار میشن.
نه اینکه طراحها ایده جدید نداشته باشن، نه!
این المانها امتحان خودشون رو پس دادن و کاربر باهاشون احساس راحتی میکنه.
تو این پست، قراره چند تا از مهمترین المانهای UI رو با هم مرور کنیم که بدونشون طراحیت ناقصه.
---
دکمهها قلب تعامل توی هر رابط کاربری هستن. کاربر روی اونها کلیک میکنه، لمس میکنه و حتی گاهی ازشون فرار میکنه!
نکته مهم: رنگ، متن و اندازهی دکمه باید واضح باشه و حس «دعوت به اقدام» رو القا کنه.
مثال: دکمه "خرید" قرمز یا نارنجی در فروشگاههای آنلاین.
---
همون جایی که کاربر اطلاعاتش رو وارد میکنه. از ثبتنام گرفته تا جستوجو، فرمها همهجا هستن.
نکته مهم: فرم کوتاه و ساده باشه، چون هیچکس عاشق پر کردن فرم طولانی نیست.
---
این یکی رو قبلاً مفصل گفتیم، ولی یادآوری کنیم: کارتها تکههای مرتب محتوا هستن که باعث میشن صفحهت تمیز و قابل اسکن باشه.
نکته مهم: فاصله و سایه ملایم، کارت رو شیکتر میکنه.
---
مثل نقشهی راه برای کاربره. هر وقت گم شد، برمیگرده سراغ نوار ناوبری.
نکته مهم: ساده، واضح و همیشه در دسترس باشه.
---
همون بخش جذابی که چند آیتم (مثل تصویر، محصول یا کارت) رو کنار هم نشون میده و میتونی با حرکت افقی یا عمودی بینشون جابهجا بشی.
نکته جالب:
توی جامعه طراحی (و حتی بین کارفرماها) خیلیها به اشتباه به کروسل میگن اسلایدر. در حالی که این دو فرق دارن:
اسلایدر :معمولاً یک آیتم رو در هر لحظه نشون میده و تمرکز روی همون یک محتواست.
کروسل: میتونه چند آیتم رو همزمان نشون بده و کاربر آزادانه اسکرول کنه یا با فلشها جابهجا شه.
مثال: بخش «محصولات پیشنهادی» دیجیکالا یا «Stories» اینستاگرام.
---
برای دستهبندی محتوا در یک صفحه عالی هستن. به جای لود شدن صفحه جدید، فقط بخش مورد نظر عوض میشه.
نکته مهم: عنوان تبها باید کوتاه و گویا باشه.
---
UI پر از المانهای جذابه، ولی هنر واقعی اینه که بدونی کجا و چطور ازشون استفاده کنی.
همیشه یادت باشه: کاربر باید بدون فکر کردن، با رابط کاربری ارتباط بگیره.
