در این مقاله قصد داریم به معرفی مهمترین اصول طراحی UI یا user interface بپردازیم. طراحی UI روی عناصر رابط کاربری تمرکز دارد و می‌توان گفت زیرمجموعه‌ای از طراحی تجربه کاربری (UX) است. اگر می‌خواهید یک طراح رابط کاربری باشید باید با این اصول به خوبی آشنا باشید.
اگر تصور می‌کنید که هر وب‌سایتی مجموعه‌ای از صفحات است که به روش دلخواه طراح وب ساخته شده، در اشتباه هستید. ممکن است این چنین وب‌سایت‌هایی هم وجود داشته باشند اما در اصل یک وب‌سایت مجموعه‌ای از صفحات است که با اصول تجربه‌ی کاربری و شناخت مخاطب ساخته شده و اهدافی مثل برقراری ارتباط با مخاطب دارد.
اگر هنوز با مفاهیم اولیه این حوزه آشنایی ندارید، توصیه می‌کنم از مقالات زیر کمک بگیرید:
طراحی روتین و طبیعی، به طرحی گفته میشود که کاربر را مجبور نمی‌کند تا دانسته‌های قبلی و روال معمول خود را کنار بگذارد. در این نوع طراح برای استفاده از هر بخش نیازی به توضیحات اضافه و طولانی نخواهید داشت، چرا که استفاده از عناصر به طور مرسوم و طبیعی به کار گرفته شده‌اند.
همچنین به جهت حفظ این اصل، بهتر است از تصاویر و علائم آشنا استفاده کنید. به کارگیری تصاویر شناخته شده و معنادار برای کاربر می‌تواند مانند یک پل ارتباطی عمل کند.
۲- طراحی دوستانه و خودمانی!
معمولاً کاربران کار با بخشهای مختلف را به کمک روش آزمون و خطا می‌آموزند. شما به عنوان یک طراح UI باید طراحی وب‌سایت را طوری انجام دهید که این فرصت تست را به کاربر بدهید.
بهتر است سیستمی که در وب‌سایت شما طراحی میشود به گونه‌ای باشد که جلوی آزمون و خطای کاربر را نگیرد. در واقع سیستم وب‌سایت باید از شرایطی که منجر به خطا میشود جلوگیری کند و با خطاهای احتمالی سازگار باشد.
۳- اصل شفافیت و سادگی
یکی از مهمترین اصول طراحی UI همین سادگی و روال قابل درک طراحی است. در یک طرح رابط کاربری هدفمند، باید دلیل قرار گیری هر آیتم در هر موقعیت مشخص باشد. هر بخش برای کاربر قابل شناسایی و پیش‌بینی باشد و منجر به سردرگمی و گیجی مخاطب نشود. در واقع کاربر باید روی اینکه چه کاری انجام می‌دهد تمرکز کند نه روی اینکه چگونه انجام دهد!
یک طرح واضح و ساده به کاربر این اطمینان و میل را می‌دهد که می‌تواند با این رابط کاربری به خوبی کار کند و مانع از خروج او خواهد شد.
هیچگاه در طراحی، از طرح‌های شلوغ و گیج‌کننده استفاده نکنید. همانطور که می‌دانید سبک‌های جدید هم به سمت طراحی‌های فلت و مینیمال رو آورده‌اند که به خوبی از این اصل پیروی می‌کنند.
۴- طراحی نامرئی
شاید در تصور عموم این اصل کمی عجیب به نظر برسد. بسیاری از طراحان معتقدند که باید آیتم‌های بیشتری در دید کاربر باشد تا بتوانند دسترسی آسان‌تری داشته باشند. اما این دیدگاه چندان صحیح نیست! وجود عناصر و آیتم‌های مختلف باعث میشود که تمرکز از نقطه‌ی اصلی وب‌سایت برداشته شود.
اگر هدف وب‌سایت شما فروش چند محصول مشخص است، دیگر نمایش دادن محتوا‌های مختلف مقالات، اخبار، آخرین محصولات فروخته شده و باکس‌های دیگر فقط باعث میشود که توجه مخاطب از روی بخش مربوط به محصولات مدنظر، کمتر شود.
بهتر است بخشهای مهمتر در کانون توجه کاربر باشند و سایر بخش‌ها را می‌توان در گزینه‌های دیگر تب‌ها، صفحات و بخش‌هایی که کمتر دیده می‌شوند قرار دهید.
۵- طراحی مرحله‌ای
فرض کنید شما در وب‌سایت خود نیاز دارید در حین ثبت‌نام اطلاعاتی از کاربر دریافت کنید. دریافت این اطلاعات به صورت یکباره و یکجا خسته‌کننده به نظر می‌رسد و می‌تواند باعث خروج کاربر شود. بهتر است مراحلی که وابسته به کاربر است را اولویت بندی کنید و در وهله‌ی اول مهمترین موارد را از کاربر بخواهید.
برای نمونه در مثال بالا نیاز نیست یک فرم چند صفحه‌ای پیش‌روی مخاطب خود قرار دهید! می‌توانید در ابتدا فقط چند فیلد مهمتر مثل نام و شماره تماس را از او بخواهید. سپس بعد از انجام ثبت نام در بخش ویرایش اطلاعات کاربر، فیلدهای بیشتری قرار دهید تا کاربر مشخصات خود را تکمیل کند.
دو اصل کلی در طراحی رابط کاربری
اگر بخواهیم اصول طراحی رابط کاربری را در ۲ اصل خلاصه کنیم می‌توانیم آنها را در ۲ مورد زیر بیان کنیم:
۱- به کارگیری آسان
استفاده از هر بخش برای کاربر ساده باشد و نیاز به توضیح اضافی نداشته باشد. کاربر بداند هر دکمه برای چه کاری تعبیه شده، دسترسی به بخشهای سایت چگونه امکان پذیر است و مفهوم توضیحات درج شده برای مخاطبان سایت قابل درک باشد.
۲- جلوه‌های بصری
طراحی رابط کاربری به گونه‌ای باشد که طرح کلی هماهنگ، چشم نواز و جذاب باشد. به گونه‌ای کاربر از کارکردن با آن لذت ببرد. از مهمترین مواردی که می‌توان در این حوزه به آن اشاره کرد:
رعایت نسبت طول و عرض آیتم‌ها
چیدمان منطقی بخش‌ها
رعایت تناسب رنگ
هماهنگی رنگ و اندازه دکمه‌ها
جمع بندی: در این مقاله سعی کردیم چند اصل مهم از مهمترین اصول طراحی UI را بیان کنیم. قطعاً برای تبدیل شدن به یک طراح UI حرفه‌ای، لازم است بیشتر مطالعه کنید، به طراحی‌های برتر توجه کنید و تمرین فراوان داشته باشید.
دیدگاهتان را بنویسید
You must be logged in to post a comment.