کسی که می خواهد یو ای یک سایت را بزند لازم است تا نکات بسیار مهمی که در این زمینه تخصیی هستند را دریابد و بداند و سپس با استفاده از این نکات می تواند یک یو آی خوب را طراحی کند ، در این مطلب ما چند تا از مهم ترین نکات را در اختیار شما عزیزان قرار داده ایم اما با این حال نکات دیگری هم وجود دارد . شاید وقتی ایم کزلب را می خوانید به این فکر بیافنیتد که این نکات ساده چه اهمیتی می تواند داشته باشد اما در حقیقت باید بیان کنیم که همین نکات ساده می تواند تاثیر بسیار بزرگی بر زیبایی و جذابیت یو آی یک سایت شود و همین عامل می تواند مخاطبان را به سمت خود جذب کند .
در واقع طراحی یو آی که عده ای نیز آن را با نام رابط کاربری می شناسند را می توان یکی از مهم ترین کار ها در طراحی اپلیکیشن و سایت می باشد که باید به ان توجه ویژه ای داده شود . اگر قصد دارید یوآی طراحی کنید این مطلب را تا انتها بخوانید .
1. چیزهای اضافه را حذف کنید
حتما برای شما هم پیش آمده که هنگام ثبت نام در یک سایت با لیستی بلند بالا و پر از فیلد‌های غیر ضروری مانند تاریخ تولد، کد پستی و .. مواجه شده اید. امروزه کاربران وب فارسی علاقه ای به این لیست‌های بلند بالا ندارند و به دنبال وب سایت‌هایی هستند که در کوتاه ترین زمان، به مقصود خود برسند. از این رو بهتر است که در طراحی UI یک وبسایت، موارد اضافه حذف شود تا کار برای کاربران به راحت ترین شکل ممکن تبدیل شود.
2. پیش بینی اشتباهات
انسان ها اشتباه می کنند، اما نباید (همیشه) مجبور شوند از عواقب آن رنج ببرند. دو راه برای کمک به کاهش تاثیر خطاهای انسانی وجود دارد:
-جلوگیری از اشتباهات قبل از وقوع آن
-راه هایی برای حل اشتباهات و خطاها پس از اتفاق افتادنشان
شما بسیاری از تکنیک های جلوگیری از اشتباه را در تجارت الکترونیک و طراحی فرم می بینید. تا زمانی که شما تمام فیلد ها را پر نکنید، دکمه ها غیر فعال باقی می مانند. فرم ها تشخیص می دهند که آدرس ایمیل به درستی وارد نشده است.Pop-upها از شما میپرسند آیا واقعا میخواهید سبد خرید خود را رها کنید. این پیام های هشدار و تایید برای ادامه دادن در نظر گرفته میشود ..
پیش بینی اشتباهات اغلب کمی خسته کننده تر از تلاش برای درست کردن آن ها بعد از وقوع است. دلیل آن این است که با کلیک بر روی دکمه « Next » یا « Submit » احساس رضایت بخشی حاصل می شود.
3. شناخت کاربران با بازخورد FeedBack
طراحی رابط کاربری UI | تکنیک های مهم در طراحی رابط کاربریدریافت بازخورد از کاربران یکی از تکنیک های مهم در طراحی رابط کاربری UI و از مزیت های اصلی پروژه های طراحی سایت است. دریافت این بازخورد ها به روش های مختلفی صورت می گیرد. شما می توانید.از یک فرم برای دریافت نظرات کاربران در مورد سایت استفاده کنید.
ولی مشکل اینجاست.که کاربران قادر به گرفتن اشکالات فنی شما نیستند. ولی بازهم نظرات آنها مهم است، چرا که خوب یا بد بودن کارتان را تعیین می کنند.
با توجه به میزان زمانی که کاربر در سایت شما می ماند.می توان فهمید که طراحی رابط کاربری UI شما چگونه است. اگر یک کاربر به محض وارد شدن به سایت از آن خارج شد.به این معناست که رابط کاربری خوب نبوده و نتوانسته نظر کاربر را جلب کند.و یا محتوای قرار داده شده کاملاً با چیزی که کاربر نیاز دارد.متفاوت است.
4. پایداری و سادگی در استفاده
ویژگی و مشخصه ی یک رابط خوب ، سادگی آن است. در اینجا منظور از سادگی کم کردن جزئیات و سادگی ظاهری نیست. منظور و هدف از بیان کلمه ی “سادگی” قابل دسترس بودن و آسان بودن محیط سایت برای استفاده ی کاربر است. کاربران باید به آسانی امکانات و بخش های مختلف سایت شما را پیدا کنند و برای استفاده از آن ها احتیاج به نقشه نداشته باشند!
برای انجام این کار می توانید از رنگ، تایپوگرافی، سلسله مراتب بصری و مجموعه سازی و … استفاده کنید که در قسمت های بعدی هر کدام از آن ها را به صورت جداگانه توضیح خواهیم داد.
یک رابط باید کاملا یکدست و هماهنگ باشد. این به آن معناست که هر بخش از طراحی شما نباید راه خودش را برود و همه ی قسمت ها باید با یکدیگر هماهنگ باشند تا احساس راحتی را هنگام استفاده در کاربران ایجاد کند.
5. روانشناسی رنگ ها
روانشناسی رنگ ها چه از جنبه اجتماعی و چه از دید احساس القایی خود رنگ بر ذهن کاربر از اهمیت به سزایی برخوردار است. طراحان نرم افزار هلو نیز مطابق با روانشناسی رنگ ها و جدید ترین متد طراحی اقدام به استفاده مفهومی از رنگ پرداخته اند. در میان رنگ ها، رنگ سفید با توجه به محبوبیت اجتماعی که نزد ایرانیان از دیدگاه القای حس شادی دارد در کنار رنگ آبی که ایجاد کننده حس صداقت و آرامش است ترکیبی آرامش بخش و مورد اطمینان در دید اولیه نزد کاربر ایجاد می کند. لازم به ذکر است استفاده از این ترکیب رنگ در یکی از محبوب ترین و پرکاربرد ترین نرم افزار ها یعنی word از مجموعه نرم افزار های office نیز صورت پذیرفته است .
6. انتخاب آیکن منحصر به فرد، گامی مهم در طراحی رابط کاربری موفق
یکی از کارهایی که یک طراح رابط کاربری باید در تمام مراحل کار در نظر داشته باشه، خروجی کاملا منحصر به فرد و در عین حال زیبا و کاربرپسند هست. اگه با دقت به رابط کاربری فیسبوک و گوگل نگاه کنین، کاملا متوجه خواهید شد که سایت ها و اپلیکیشن های معتبر از ایکن های منحصر به فرد استفاده میکنن. در طراحی رابط کاربری اپلیکیشن های اندروید باید سعی کنین از آیکن با شکل های منحصر به فرد با رنگ و متناسب با نام و لوگوی برند و نام تجاری تون استفاده کنین. طراحی رابط کاربری باید به گونه ای باشه که کاربر با اولین نگاه به اون، نام برندتون رو بخاطر بیاره.
7. نقاط کلیک را متناسب با انگشتان طراحی کنید.
دسترسی به اهداف لمسی کوچکتر سخت تر از اهداف بزرگتر است. هنگام طراحی رابط کاربری موبایل، بهتر است مکان های هدف را به اندازه کافی بزرگ کنید تا ضربه زدن به آن به راحتی امکان پذیر باشد.
دکمه ها یا کنترل هایی ایجاد کنید که اندازه آن بین 7-10 میلی متر باشد، به طوری که بتوان به راحتی با انگشت به آن ضربه زد. چنین اهدفی به انگشت کاربر اجازه می دهد تا کاملاً روی آن قرار گیرد. بهتر است هنگام ضربه توسط کاربر لبه های هدف قابل مشاهده باشند. این عمل بازخورد بصری واضحی برای کاربر فراهم می کند تا آنها بدانند دقیقا به هدف ضربه می زنند.
8. تعادل (Balance)
تعادل از مهمترین اصول طراحی رابط کاربری است. هر یک از عناصر موجود در یک طرح شامل تایپوگرافی، رنگ ها، تصاویر، اشکال، الگوها و … وزن بصری دارند. بعضی از عناصر سنگین بوده و چشم را به سمت خود جلب می کنند، در حالی که سایر عناصر سبک تر هستند. نحوه قرار گرفتن این عناصر در یک صفحه باید حس تعادل ایجاد کند.
دو نوع اصلی تعادل وجود دارد: متقارن و نامتقارن. طراحی متقارن عناصر دارای وزن برابر را در دو طرف یک خط مرکزی فرضی قرار می دهد. تعادل نامتقارن از عناصر با وزن های متفاوت استفاده کرده و اغلب آنها را در اطراف خطی فرضی که در مرکز طرح نیست، قرار می دهد.
