مقدمات پایه طراحی رابط کاربری
طراحی رابط کاربری یا UI که مخفف User Interface است، بر پیش بینی کارهایی که کاربران ممکن است بخواهند انجام دهند و اطمینان از اینکه رابط دارای عناصری است که دسترسی، درک و استفاده از آنها برای کاربران آسان است، تمرکز دارد.
UI مفاهیم مختلفی را از طراحی تعاملی، طراحی بصری و معماری اطلاعات، گرد هم می‌آورد؛ به این معنا که یک رابط کاربری می‌تواند مجموعه‌ای از دستورها یا تصویر‌ها باشد.
مفهوم رابط کاربری
در مباحث فناوری اطلاعات به هر آنچه که از طریق فعل و انفعال با آن، بتوان با صفحه نمایش (کامپیوتر، موبایل و...) ارتباط برقرار کرد رابط کاربری گفته می‌شود.
انتخاب عناصر رابط کاربری
کاربران با عناصر رابطی کار می کنند که به طریق مشخصی عمل می کنند، بنابراین باید سعی کنید در انتخاب عناصر رابط و چیدمان آنها بطور سازگار و قابل پیش بینی عمل کنید. انجام این کار به تکمیل کار، کارایی و رضایت شما کمک می کند.
عناصر رابط شامل موارد زیر می شوند:
کنترل های ورودی: دکمه ها ، فیلد های متنی، چک باکس‌ها، دکمه های رادیویی، لیست های کشویی، لیست‌های جعبه‌ای،toggle ها و فیلد تاریخ
مولفه‌های ناوبری: breadcrumb، اسلایدر، فیلد جستجو، صفحه بندی، برچسب ها، آیکون ها
مؤلفه های اطلاعاتی: راهنمای ابزار، نمادها، نوار پیشرفت، اعلان ها، جعبه پیام، modal windows
کانتینرها :accordion
مواقعی وجود دارد که چندین عنصر ممکن است برای نمایش محتوا مناسب باشد. وقتی این اتفاق می افتد، باید در نظر بگیرید. به عنوان مثال، بعضی اوقات عناصری که می توانند به شما در صرفه جویی در فضای صفحات وب سایت کمک کنند، کاربر را از لحاظ ذهنی مجبور می‌کند که آن عناصر را حدس بزند و این نکته‌ی مثبتی نیست.
بهترین روش ها برای طراحی رابط کاربری
همه چیز ناشی از شناخت کاربران شما است؛ از جمله درک اهداف، مهارت ها، ترجیحات و تمایلات آنها. پس از اینکه از کاربر خود شناخت پیدا کردید، هنگام طراحی رابط کاربری خود حتماً موارد زیر را در نظر بگیرید:
-
رابط کاربری خود را ساده نگه دارید
بهترین رابط ها تقریبا برای کاربر نامرئی هستند. آنها از بکاربردن عناصر غیرضروری اجتناب می کنند و زبانی که از آن بر روی برچسب ها و پیام رسانی استفاده می‌کنند نیز روشن و واضح است.
-
ایجاد سازگاری و استفاده از عناصر رابط کاربری رایج
با استفاده از عناصر رایج در رابط کاربری خود، کاربران احساس راحتی بیشتری می کنند و قادر به انجام سریع تر کارها هستند. همچنین ایجاد الگوهایی در زبان، چیدمان و طراحی در کل سایت برای بهره وری و کارایی بهتر سایت، بسیار مهم است. وقتی کاربری نحوه انجام یک کار در سایت را یاد گرفت، باید بتواند از آن مهارت در قسمت های دیگر سایت نیز استفاده کند.
-
در طرح صفحه بندی هدفمند باشید
روابط مکانی بین آیتم‌های موجود در صفحه را در نظر بگیرید و ساختار هر صفحه را بر اساس اهمیت آیتم‌ها بسازید. قرار دادن دقیق و صحیح آیتم‌ها می تواند به جلب توجه کاربران به مهم‌ترین بخش های اطلاعات موجو در سایت کمک کند و همچنین می تواند خوانایی آنها را نیز بالا ببرد.
-
از رنگ و بافت استراتژیک استفاده کنید
شما می توانید با استفاده از رنگ، نور، کنتراست و بافت مناسب، توجه کاربر را به سمت سایت خود جلب کنید و یا با استفاده نادرست از این موارد، کاربران را از خود دور کنید.
-
برای ایجاد سلسله مراتب و وضوح از تایپوگرافی استفاده کنید
نحوه استفاده از تایپوگرافی را با دقت در نظر بگیرید. اندازه های مختلف، فونت ها و تنظیم متن برای کمک به افزایش خوانایی سایت حائز اهمیت است.
-
اطمینان حاصل کنید که سیستم هر آنچه اتفاق می افتد را گزارش می‌دهد
همیشه کاربران خود را در جریان مکان‌ها، اقدامات، تغییر وضعیت یا خطاها قرار دهید. استفاده از عناصر مختلف رابط کاربری برای برقراری ارتباط و در صورت لزوم، انجام مراحل بعدی مربوط به طراحی رابط کاربری، باعث می‌شود کاربران از بازدید سایت شما خسته یا ناامید نشوند.
-
به پیش فرض ها فکر کنید
با دقیق فکر کردن و پیش بینی اهداف کاربرانی که به سایت شما سرمی‌زنند، می توانید پیش فرض‌هایی ایجاد کنید که بار روی دوش کاربر را کاهش دهد یا به عبارتی استفاده از سایتتان را برای کاربر راحت‌تر نماید. این مسئله به ویژه هنگامی اهمیت پیدا می‌کند که بخواهید یک رابط کاربری برای برای فرم وب سایت که حاوی فیلدهای مختلف برای پرشدن است، طراحی کنید.
بیشتر بخوانید:
