سمانه رستمی‌پور
سمانه رستمی‌پور
خواندن ۳ دقیقه·۱ سال پیش

نکات برتر طراحی UI/ UX که هر طراح باید درباره آن بداند - بخش 1

ما چند نکته و ترفند برای کامل کردن طراحی‌های UX/UI شما آماده کرده‌ایم تا به شما کمک کنیم طرح‌های بهتری ایجاد کنید که مردم دوست دارند و از آن استفاده کنند و با آن‌ تعامل داشته باشند.

1) از متن روی تصاویر به روش درست استفاده کنید

هنگام طراحی اجزایی که حاوی متن روی یک تصویر پس‌زمینه هستند، مهم است که هنگام استفاده؛ مؤلفه مقیاس و خوانایی را در نظر بگیرید. برای مثال، متن روشن روی یک تصویر پس‌زمینه تیره‌تر ممکن است خوانا به نظر برسد، اما آیا وقتی از تصویر پس‌زمینه روشن‌تر استفاده می‌شود، خوانا به نظر می‌رسد؟ سناریوهای مختلفی باید در نظر گرفته شود، مخصوصاً در هنگام برخورد با محتوای تولید شده توسط کاربر، تا اطمینان حاصل شود که این مؤلفه بدون در نظر گرفتن پس‌زمینه مورد استفاده، به خوبی کار می‌کند. با فرض اینکه می‌خواهید متن در برابر هر تصویری که استفاده می‌شود قابل مشاهده و خوانا باقی بماند، چند گزینه وجود دارد که می‌توانید از آن‌ها استفاده کنید. می‌توانید همپوشانی را با یک لایه تار قرار دهید یا از تاری پس‌زمینه استفاده کنید.

2) لیست‌های جذاب‌تری ایجاد کنید

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

3) فیلدهای رمز عبور را به روش درست طراحی کنید

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

4) حالت‌های خالی نیز مهم هستند

حالت‌های خالی گاهی در طراحی ux/ui نادیده گرفته می‌شوند، اما ممکن است مزایای تجاری قابل‌توجهی داشته باشند و وقتی به خوبی انجام شوند، منجر به تجربه کاربر جذاب‌تری شوند. هنگام طراحی حالت‌های خالی از خلاقیت و تفکر استراتژیک استفاده کنید و از حالت‌های خالی بن‌بست خودداری کنید. در عوض، به کاربران، توصیه یا دعوت به عمل ارائه دهید. می‌توانید تصاویر و نمادها را نیز اضافه کنید تا پیام خود را تکمیل کرده و از فضای سفید موجود استفاده کنید.

5) تفاوت بین چک باکس‌ها، دکمه‌های رادیویی و ضامن‌ها را درک کنید

چک باکس‌ها در مقابل دکمه‌های رادیویی در مقابل سوئیچ‌های ضامن. این‌ها سه نوع متداول انتخابگر هستند که می‌توانید در طراحی ux/ui خود استفاده کنید. دکمه‌های رادیویی (Radio buttons) زمانی استفاده می‌شوند که فقط یک گزینه از مجموعه‌ای از گزینه‌ها انتخاب شود، در حالی که چک باکس‌ها زمانی استفاده می‌شوند که بتوان بیش از یک گزینه را از مجموعه‌ای از گزینه‌ها انتخاب کرد. کلیدهای جابجایی زمانی استفاده می‌شوند که فقط یکی از دو حالت ممکن (روشن/خاموش) قابل انتخاب باشد.



اعمال این تنظیمات کوچک در طرح‌های شما باعث افزایش رضایت کاربر از محصول شما می‌شود. هنگام طراحی یک رابط کاربری، یک تمرین خوب این است که طرح‌های خود را با کاربران نهایی خود آزمایش کنید. شما می‌توانید تست A/B را انجام دهید تا ایده‌های مختلف طراحی خود را آزمایش کنید و ببینید که چگونه آن‌ها با هم مقایسه می‌شوند. با انجام این کار ممکن است برخی از ترفندها و نکات جدید طراحی ux/ui را به تنهایی کشف کنید.

با The UI/UX Playbook نکات و ترفندهایی را برای ایجاد طرح‌های رابط کاربری که کاربران دوست دارند بیاموزید.




ux uiرمز عبورتجربه کاربرux designux
UI/UX Designer at EBCOM
شاید از این پست‌ها خوشتان بیاید