زهرا حسامی
زهرا حسامی
خواندن ۴ دقیقه·۱ سال پیش

10 اصل اساسی طراحی UI

سلاااااااااااااااااااام?

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

10 اصل اساسی طراحی UI

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

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

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

4. روشمند و سازگار باشد
در طراحی رابط کاربری بهتره که طراحی ساده و همسان باشد. حتی اگر چیزی خراب بود بهتره نگهشداری و تلاشی برای تغییرش ندهی مگر اینکه واقعا لازم باشه. گاهی اوقات حتی اگر تغییری بهتر بنظر بیاد اگر کاربران به اون عادت نداشته باشن باعث گیج شدنشون میشه و این به کسی کمک نمیکنه.
بهتره که طراحی نه تنها با سیستم خودمون بلکه با استانداردهای رایج در این حوزه همخوانی داشته باشه.


5. از پیچیدگی غیر ضروری بپرهیذید
همیشه سعی کنید که کمترین تعداد مراحل و صفحات را داشته باشید. از اشیائی مانند bottom sheets و modal windows برای نمایش اطلاعات به شکل فشرده استفاده کنید.
وظایف مشابه را با هم گروه بندی کنید. نه تنها بر اساس موضوع بلکه به نحوی که عملی باشد.
و مهم تر از همه اطلاعات مهم در صفحاتی باشند که کاربران انتظار دارند آنجا پیدا کنند. بهتر است صفحات و محتوای آنها را بر اساس یک دسته بندی منطقی سازماندهی کنید.

یکی از اصول مهم در طراحی، سه کلیک (Three Click Rule) است. به معنای این است که کاربران باید با سه کلیک به هدف خود برسند. و مهم تر از همه این است که کاربران نباید اطلاعاتی که قبلا وارد کرده‌اند را دوباره وارد کنند. که این امر کاربر را خیلی عصبی می‌کند. و آنها را از استفاده برنامه منصرف می‌کند. به خصوص اگر به دلیل یک اشتباه کوچکی باشد.

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

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

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


9. اولویت بندی وظایف
هر موردی که در هر صفحه قرار دارد باید کاملا ضروری برای تجربه کاربری باشد. و هر چیز اضافی در طراحی اولیه حذف بشود.
در واقع مهمه که وظایف مختلف در رابط کاربری بر اساس اهمیتشون مشخص بشن. مثلا اگر میدونید کاربرا بیشتر بدنبال کار x هستن اون رو بهتر و قابل دسترس‌ تر از کار z بگذارید این میتونه به سادگی با تغییر اندازه دکمه ها و متن ها انجام بشود.

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

امیدوارم که مطالب براتون مفید باشه??

طراحی uiرابط کاربریuxui ux
ui/ux | Web Design | Html | Css | Tailwind
شاید از این پست‌ها خوشتان بیاید