۱۰ اصل مهم در طراحی UI که باید بدانید
یک اصل مهم در طراحی UI این است که برای کاربر واضح و خوانا باشد و او مجبور نشود برای کار با اپلیکیشن یا سایت شما، بیش از حد درگیر یا سردرگم گردد. بیشتر کاربران تنها زمانی به رابط کاربری یک اپ یا سایت توجه میکنند که چیزی ایراد داشته باشد. پس در بهترین حالت اگر مشکلی دیده نشود، یعنی شما کار خود را به درستی انجام دادهاید.
با اینکه پروژه های متنوع و مختلفی در حوزه رابط کاربری ممکن است به شما پیشنهاد شود اما چند اصل مهم در طراحی UI وجود دارند که مشترکاً باید در تمامی شرایط به آنها توجه کنید. با خانه فتوشاپ همراه باشید تا با این اصول آشنا شوید.
۱۰ اصل مهم در طراحی UI
یک رابط کاربری موثر یعنی زمانی که تمام موانع از سر راه کاربر برداشته شود و یک تجربه کاربری خوب برای او ایجاد گردد. هدف شما باید ایجاد محیطی استاندارد و خلاقانه باشد که کار با آن با هیچ مشکلی برای مخاطب همراه نشود. وقتی صحبت از جزئیات یک پروژه طراحی UI باشد ممکن است این اصول دیگر کاربردی نداشته باشند. اما این چند اصل مهم در طراحی UI باعث می شوند انسجام طراحی شما حفظ شده و در تمام پلتفرم ها کاربری مناسبی داشته باشد.
-
طراحی رابط کاربری را ساده نگه دارید
فرایند طراحی UI بیشتر اوقات سرگرم کننده است. و باید هم باشد. اما باید همیشه نگاهی به اهداف مطرح شده داشته باشید. و رضایت فردی طراح باید همواره آخر لیست قرار بگیرد.
یک اصل مهم در طراحی UI این است که نباید فراموش کنید برای چه کسی طراحی میکنید و چرا. طراحی یک رابط کاربری خوب باید کاربردی باشد. هیچ وقت به دنبال تزئینی ساختن طراحی نروید. بیش از حد رسمی یا بر اساس نظر شخصی طراحی کردن هم میتواند به المان های جزئی منجر شود. و در نهایت المان هایی که برای کاربر مهم هستند را در حاشیه ببرد.
اگر بخشی از طراحی UI شما هیچ هدف کاربردی برای کاربر ندارد، نباید در طراحی شما هم جایی داشته باشد.
طراحی خود را بر اساس اصل گرایی یا ضرورت طراحی کنید. فقط المان های ضروری باید در طرح نهایی باقی بمانند. پس اگر بخشی را صرفاً برای رضایت خاطر خود اضافه کردهاید، حتماً در این تصمیم تجدیدنظر نمایید.
-
پیش بینی و پیش دستی کنید
اما از کجا بفهمیم چه چیزی برای کاربر لازم است؟ یکی از مراحل اولیه طراحی UI مطمئن شدن از این موضوع است که شما نیازهای کاربر را به طور کامل درک کردهاید. وقتی به این مهم قائل شدید در موقعیتی خواهید بود که بتوانید حرکت بعدی کاربر را پیش بینی نمایید.
حالا میتوانید دقیقاً همان ابزارها، اطلاعات و منابعی که کاربر نهایی شما نیاز دارد را در اختیارش بگذارید. و آن هم دقیقاً زمانی که آن را لازم دارد. به این صورت میتوانید رفتارهای کاربر را در برخورد با تغییراتی که در طراحی خود انجام می دهید، پیش بینی کنید.
-
کاربر را در صندلی راننده بنشانید!
کاربران باید کاملاً احساس کنند که کنترل همه چیز با آنهاست. فرقی نمی کند که این واقعاً درست باشد یا نه. به این معنا که باید کاری کنید تا رابط کاربری در پس زمینه باقی بمانند. فقط وقتی دیده شود که کاربر به آن نیاز دارد. و دقیقاً همان جایی که آنها انتظارش را دارند. اما نباید این احساس به آنها داده شود که مجبور به انجام کاری هستند یا شما به جایشان تصمیمی می گیرید. حتی اگر این دقیقاً همان چیزی باشد که در پشت صحنه در حال اتفاق افتادن است! 🙂
-
روشمند و یکپارچه عمل کنید
یک اصل مهم در طراحی UI این است که یکپارچه و منسجم باشید. آن هم نه فقط روی پلتفرم های شخصی بلکه در تمام استانداردهای حوزه کاری خود؛ در پروژه های طراحی رابط کاربری خوب، چرخ از اول اختراع نمی شود. بلکه آن را بهبود میدهند. ما همه از اختراع و ابداع استقبال می کنیم. اما در جایی که به آن نیاز باشد.
در واقع اگر مشکلی وجود داشته باشد میتوانید به جای رفع آن، سازوکار تازه ای جایگزین کنید. اما اگر این سازوکار تازه در راستای پیش زمینه ذهنی کاربر درباره آن نباشد، موفق نخواهد بود. پس آنها را سردرگم نکنید و یک خط منجسم را در پیش بگیرید.
این اصل مهم در طراحی UI شامل همه چیز میشود. از پترن ها گرفته تا ترمینولوژی. اگر در موضوعی شک و شبهه وجود دارد، قابل درک ترین و رایج ترین راه حل را انتخاب کنید.
-
از پیچیدگی های غیرضروری در طراحی UI پرهیز کنید
هدف شما در طراحی باید ساده سازی مراحل باشد. اطلاعات را طوری سازماندهی کنید که منطقی، خودکار و به اندازه کافی گویا باشند. به عبارت دیگر یک اصل مهم در طراحی UI این است که همیشه کارها را گروه بندی کنید و به بهترین شکل به کاربر ارائه دهید.
هیچ کس انتظار ندارد دوش حمام در آشپزخانه نصب شود، تلویزیون در دستشویی قرار گیرد یا کمد دیواری در حیاط باشد. پس شما هم همه چیز را در سایت یا اپلیکیشن خود در جای مورد انتظار قرار دهید. طوری صفحه را چیدمان کنید که از یک تاکسونومی منطقی پیروی کرده و واضح باشد.
همیشه کمترین تعداد مراحل و صفحات را در نظر بگیرید.
باید تا جایی که میتوانید تعداد صفحاتی که باید دیده شوند یا مراحلی که باید طی شوند تا کاری صورت گیرد را به حداقل برسانید. کاربر را مجبور نکنید بابت مطالعه هر اطلاعاتی یک کلیک انجام دهد. قانون ۳ کلیک را رعایت کنید. کاربر باید هر کاری که میخواهد انجام دهد یا هر اطلاعاتی که لازم دارد را نهایتاً با سه کلیک به دست بیاورد.
مهمتر از همه، هیچ وقت از کاربران نخواهید که اطلاعاتی که قبلاً وارد کردهاند را مجدداً وارد کنند. اگر با فرمی مواجه شوید که از شما بخواهد به خاطر وارد کردن اشتباه یک فیلد، دوباره همه اطلاعات را از اول پر کنید، قطعاً یک رابط کاربری شکست خورده پیش روی شماست.
-
راهنماهای شفاف را فراموش نکنید.
ششمین اصل مهم در طراحی UI به لی آوت تمیز و لیبل دهی واضح بخش های مختلف مربوط میشود. کار کردن با اپلیکیشن شما به هیچ طریقی نباید گیچ کننده به نظر برسد. حتی برای کاربرانی که برای بار اول با آن کار میکنند. در عوض باید تجربه ای جذاب و لذت بخش باشد که ناخودآگاه صورت می گیرد.
مطمئن شوید که معماری صفحات ساده، منطقی و همراه با راهنماهای شفاف باشد. کاربران نباید در هنگام تصمیم گیری برای زدن دکمه ای یا انجام کاری در نرم افزار یا اپلیکیشن دچار تردید یا دودلی شوند. یا نیاز داشته باشند برای انجام کاری، مراحل طولانی و اشتباه را بروند و برگردند.
توقع نداشته باشید که کاربر یادش بماند در نرم افزار چه مسیری را طی کرده تا به صفحه ای برسد. به جای اینکار سرنخ های بصری ایجاد کنید که اجازه میدهد هر زمان خواست بتواند مسیر خود را عوض کند.
-
تحمل اشتباهات را داشته باشید
بروز خط طبیعی است. کاربران ممکن نظر خود را وسط راه تغییر دهند. اگر تازه کار باشند ممکن است حتی از کاری که میخواهند انجام دهند هم اطمینان کامل نداشته باشند.
اما از این مساله برای مقابله با کاربر استفاده نکنید. کاری کنید که هر زمان نیاز داشت بتواند از کاری انصراف دهد. دکمه هایی برای بازگشت به عقب در نظر بگیرید. با اینکا نه تنها از هدررفت زمان و از دست رفتن اطلاعات پیشگیری میکنید بلکه به آنها اعتماد به نفس می دهید تا بتوانند هرچقدر میخواهند در اپلیکیشن یا سایت شما بچرخند و نگرانی نداشته باشند.
-
فیدبک های مرتبط بدهید
کاربر را از فرایندی که طی میکند باخبر کنید. آنها را از نتیجه کارهایی که انجام میدهند آگاه نگاه دارید. به آنها فیدبک های مناسب و مرتبط بدهید. اطلاعات وضعیت کاربر از موارد بسیار مهمی است که باید به او نشان داده شود. این اطلاعات میبایست همیشه در دسترس و به آسانی قابل درک باشد. کاربر باید کاملاً در جریان باشد که چه اتفاقی در حال افتادن است تا بتواند در صورت نیاز از آن جلوگیری کند.
-
عملکردها را اولویت بندی کنید
یکی از موانع رایج در طراحی به صورت مینیمال، ناتوانی در ایجاد یک ساختار درختی واضح است. همانطور که بالاتر اشاره کردیم، هرچیزی در صفحه می بینیم باید در راستای ایجاد یک تجربه کاربری مناسب طراحی شده باشد. آن هم فقط المان های ضروری. اما در این المان های ضروری هم بعضی اولویت بالاتری دارند. نهمین اصل مهم در طراحی UI این است که بتوانید این ساختار را به درستی اجرا کنید.
اگر می دانید که در فرایندی کاربر ابتدا باید مورد ایکس را ببیند و بعد مورد مورد ایگرگ، طراحی شما باید به گونه ای باشد که این اطلاعات طبق همین اولویت ها به او نمایش داده شود. این اهمیت و ساختار درختی میتواند به سادگی کوچک یا بزرگ طراحی کردن دکمه باشد.
-
رابط کاربری را دسترس پذیر طراحی کنید
تصور نکنید تمام کاربران مثل شما یا افرادی که می شناسید هستند. ممکن است افرادی با محدودیت های دانش فنی یا حتی توانمندی های جسمی مخاطب شما باشند.
اپلیکیشن ها توسط انواع افراد با بک گراندهای فرهنگی مختلف مورد استفاده قرار می گیرند. با اینکه نمی توانید برای همه جور آدم اپلیکیشن خود را مناسب طراحی کنید اما میتوانید بعضی کارها را انجام دهید. به طور مثال در بسیاری از کشورهای دنیا زبان نوشتاری از چپ به راست و بقیه راست به چپ است. بسته به نوع مخاطب خود این موضوع ساده را مدنظر قرار دهید تا بتوانید اولویت دکمه ها و ترتیب گزینه ها را به درستی بچینید.
یا رنگ هایی که به کار می برید برای افراد کوررنگ بایستی قابل تفکیک باشند. حتی معنای رنگ ها در فرهنگ های مختلف متفاوت هستند. پس بهتر است قبل از انتخاب هرکدام از این موارد نیم نگاهی به جامعه مخاطب خود داشته باشید تا بتوانید درک صحیحی از ماجرا به دست آورید.
تمام این موارد میتوانند به عنوان مهارت های نرم شما تلقی شوند. در کنار دانش طراحی رابط کاربری، شما نیاز به یادگیری یک نرم افزار طراحی UI هم دارید که بتوانید ایده های خود را به صورت گرافیکی در آن پیاده سازی کنید. نرم افزار ادوبی XD به طور خاص برای چنین کاری طراحی شده و شما عزیزان میتوانید برای یادگیری آن روی تصویر زیر کلیک کنید.
درباره سپیده خسروآبادی
از بچگی به هنر و گرافیک علاقه داشتم. تو دانشگاه رشته تکنولوژی نرم افزار رو انتخاب کردم و کم کم به سمت گرافیک کامپیوتری کشیده شدم. حالا سالهاست که نرم افزارهای محبوب این حوزه رو تدریس میکنم و درباره گرافیک مینویسم. با کلیک روی دکمه زیر میتونید نوشته های من رو دنبال کنید.
نوشته های بیشتر از سپیده خسروآبادی
دیدگاهتان را بنویسید