UI/UX چیست؟

USER EXPERIENCE

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

در طراحی سایت و نرم افزار UX به توانایی ادراک کاربر از سایت و کیفیت ارائه آن گفته می شود. طراحان ‘تجربه کاربری’ وظیفه ایجاد محتوای با کیفیت و معتبر بودن یک محصول یا وب سایت را دارند.

مثال‌هایی از UX

• در منو چه گزینه‌هایی قرار داده شوند.
• باکس جستجوی کجای صفحه قرار بگیرد.
• بنرهای تبلیغاتی کجای صفحه سایت باشند.

USER INTERFACE

رابط کاربری شامل المان‌های دیداری یک محصول می‌شود، به عنوان مثال در یک وبسایت یا اپلیکیشن، تمام تصاویر به کار رفته، رنگ‌بندی‌ها، طراحی ظاهری دکمه‌ها و… می‌توانند در بردارنده‌ی مفهوم UI باشند.

طراحان رابط کاربری یا UI Designer‌‌ ها وظیفه‌ی ایجاد یکپارچگی و زیباسازی ظاهری یک محصول، برنامه یا وبسایت را بر عهده دارند.

مثال‌هایی از UI

• ظاهر منو چگونه است؟
• رنگ دکمه‌ی جستجو با رنگ اصلی سایت هماهنگ باشد.
• باکس مربوط به بنر‌ها تبلیغاتی چگونه طراحی شوند؟

پس تا به اینجا با مفاهیم کلی این ۲ آشنا شدیم، مورد اساسی دیگری که باید بدانیم تفاوت این ۲ است:

یو آی/یو ایکس چه تفاوتی باهم دارند؟

اگر بخواهیم UI/UX را به زبان ساده توضیح دهیم ما هر روز به نوعی با این دو واژه در ارتباط هستیم. همچنین اگر بخواهیم بگوییم ui و ux چه تفاوتی باهم دارند؟ باید برای شما مثال بزنیم تا بهتر متوجه شوید.

تعاریف زیادی راجع به این دو واژه وجود دارد که در این جا با بیان ساده و قابل درک به شناخت آن ها می پردازیم.به عنوان مثال زمانی که شما برای خرید یک لپ تاپ مراجعه می کنید، فاکتورهای مختلفی مدنظر دارید:

• طراحی ظاهری لپ تاپ ، رنگ ، اندازه صفحه نمایش و اندازه ی فیزیکی دستگاه ، بخشی از طراحی ui محصول می باشد.
• کانفیگ دستگاه از قبیل : نحوه کار با لپ تاپ ، سرعت دستگاه در اجرای نرم افزارها (ram) و میزان حافظه دستگاه (hard)، سرعت پردازنده (cpu) و در کل احساسی که به ما در زمان کار کردن با لپ تاپ منتقل می شود، طراحی ux محصول می باشد.

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

گرچه این دو مفهوم معنایی مجزا دارند اما در طراحی این دو مکمل هم هستند و به کمک هر دو مورد می‌توان طراحی زیبا و کاربردی داشت. ممکن است با وب‌سایتی مواجه شده باشید که از نظر ظاهر بسیار جذاب به نظر برسد اما موقع کارکردن با آن نظرتان به کلی در مورد سایت تغییر کند! مثلا اگر بخواهید یک مقاله‌ی مشخص از آن سایت را بیابید ولی دکمه‌ی جستجو را پیدا نمی‌کنید! آن وقت است که ارزش UX طراحی مهم به نظر می‌رسد.

وظایف و مسئولیت ها:

• طراحان UI/UX هر دو نقش کلیدی در چرخه عمر توسعه محصول دارند.
• طراحان UX کار خود را بر تجربه ای که کاربر با یک محصول دارد متمرکز می کنند. هدف این است که محصولاتی کاربردی، در دسترس و لذت بخش بسازیم. در حالی که اصطلاح UX اغلب برای محصولات دیجیتال به کار می رود، می توان آن را برای محصولات و خدمات غیر دیجیتال (مانند قهوه جوش یا سیستم حمل و نقل) نیز به کار برد.
• وظایف یک طراح  شامل موارد زیر باشد: انجام تحقیقات کاربر برای شناسایی اهداف، نیازها، رفتارها و نقاط دردناک مرتبط با تعامل محصول
• توسعه پرسونای کاربر بر اساس مشتریان هدف
• ایجاد نقشه های سفر کاربر برای تجزیه و تحلیل نحوه تعامل مشتری با یک محصول
• ساخت وایرفریم‌ها و نمونه‌های اولیه برای بررسی ظاهر محصول نهایی
• انجام تست کاربر برای تایید تصمیمات طراحی و شناسایی مشکلات
• همکاری با سهامداران، طراحان رابط کاربری و توسعه دهندگان

طراحان رابط کاربری بخش‌های گرافیکی برنامه‌های موبایل، وب‌سایت‌ها و دستگاه‌ها را ایجاد می‌کنند – عناصری که کاربر مستقیماً با آنها تعامل دارد. بر خلاف UX که می تواند تقریباً برای هر محصول یا خدماتی اعمال شود، اصطلاح UI منحصراً برای محصولات دیجیتال به کار می رود. یک طراح رابط کاربری به دنبال این است که اپلیکیشن‌ها و وب‌سایت‌ها را هم از نظر بصری جذاب کند و هم برای پیمایش آسان. وظایف متداول یک طراح رابط کاربری عبارتند از: