مبانی طراحی رابط کاربری

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

 

انتخاب عناصر رابط کاربری

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

 

عناصر رابط کاربری شامل موارد زیر هستند، اما تنها به این ها محدود نمی شوند:

کنترل های ورودی: دکمه ها، تکست فیلدها (text field)، چک باکس ها (checkbox)، دکمه های رادیویی (radio button)، لیست های کشویی (dropdown list)، لیست باکس ها (list box)، تاگل ها (toggle)، فیلد تاریخ (date field)

مؤلفه های هدایتی: بردکرامب (breadcrumb)، اسلایدر (slider)، فیلد جستجو (search field)، صفحه بندی (pagination)، تگ ها (tag)، آیکون ها

مؤلفه های اطلاعاتی: تولتیپ (tooltip)، آیکون ها، نوار پیشرفت (progress bar)، نوتیفیکیشن ها، مسیج باکس ها (message box)، پنجره های مدال (modal window)

کانتینرها: بخش های آکاردئونی

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

مبانی طراحی رابط کاربری

بهترین روش ها برای طراحی رابط کاربری

همه چیز از شناخت کاربران شما نشأت می گیرد، از جمله درک اهداف، مهارت ها، ترجیحات و گرایش های آن ها. هنگامی که درباره کاربر خود اطلاعات کسب کردید، زمان طراحی رابط کاربری خود به موارد زیر توجه داشته باشید:

رابط کاربری ساده باشد.

بهترین رابط ها برای کاربر تقریباً قابل مشاهده نیستند. آن ها از عناصر غیرضروری اجتناب می کنند و زبانی که روی لیبل ها و برای پیام رسانی استفاده می کنند واضح و مشخص است.

سازگاری ایجاد کنید و از عناصر مشترک UI استفاده کنید.

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

در طرح بندی صفحه هدفمند باشید.

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

از رنگ و ساختار به طور استراتژیک و هدفمند استفاده کنید.

شما می توانید در طراحی رابط کاربری با استفاده از رنگ، نور، کنتراست و ساختار، توجه را به سمت آیتم ها یا به سمت دیگری جلب کنید.

برای ایجاد سلسله مراتب و وضوح از تایپوگرافی استفاده کنید.

 در طراحی کاربری نحوه استفاده از طرح حروف یا typeface را با دقت بررسی کنید. اندازه ها، فونت های مختلف و نحوه چیدمان متن به افزایش قابلیت اسکن پذیری و مرور اجمالی و خوانایی آن کمک می کند.

اطمینان حاصل کنید که سیستم آنچه اتفاق می افتد را منعکس می کند. همیشه کاربران خود را از موقعیت مکانی، اقدامات، تغییر وضعیت یا خطاها مطلع کنید. استفاده از عناصر مختلف UI برای منعکس کردن موقعیت و در صورت لزوم، مراحل و اقدامات بعدی، می تواند احساس ناکامی و ناامیدی را برای کاربر شما کاهش دهد.

به پیش فرض ها فکر کنید

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

 

منبع:

www.usability.gov

 

Read More
Would you like to receive notifications on latest updates? No Yes