با سلام خدمت دوستان در این مقاله قصد داریم برای آن دسته از دوستانی که تفاوت UI با UX ( رابط کاربری و تجربه کاربری ) را نمی دانند، به شکل مختصر توضیح دهیم. پس بدون معطلی بریم سر اصل داستان.
رابط کاربری یا User Interface :
به طور کلی هر وسیله، اشیاء یا چیزی که انسان را در رسیدن به نیازش کمک کند، رابط کاربری نامیده می شود.(مثل: کنترل تلویزیون یا موس).
اما اگر منظور از UI در بحث طراحی سایت باشد، به مجموعه ی دکمه ها، منو، ساید بار، فونت نوشته ها، باکس مطالب مرتبط، تصاویر صفحات و در کل هر آنچه که در ظاهر سایت می بینید و می توان آن ها را با استفاده از نرم افزار هایی همچون فتوشاپ طراحی کرد، یا آن ها را با استفاده از کدهای HTML و CSS به وجود آورد، رابط کاربری وبسایت ها می گویند.
تجربه کاربری یا User Experience :
به طور کلی احساسی که از کار کردن با رابط های کاربری به انسان دست می دهد را، UX می نامند.
به عنوان مثال: احساسی که شما از کارکردن با سایت دیجی کالا و یا اپلیکیشن اسنپ به شما دست می دهد، تجربه کاربری نامیده می شود. این تجربه می تواند خیلی خوب و خوشایند برای شما باشد یا می تواند خیلی بد باشد. این حس به عوامل زیادی بستگی دارد.
تفاوت UI با UX در فرم ثبت نام :
فرض کنید می خواهید در یکی از دو سایت زیر ثبت نام کنید. کدام سایت شانس بیشتری برای عضویت شما دارند؟
قطعا سایت سمت چپ با داشتن تنها ۲ فیلد نام و ایمیل شانس خیلی بیشتر نسبت به رقیب خود که تعداد بیشماری فیلد، برای یک ثبت نام ساده را دارد.
UI سایت سمت چپ: یک فرم ساده و شیک با دکمه ای که رنگ آن متفاوت است.
UI سایت سمت راست: یک فرم طولانی که برای دکمه Submit آن باید اسکرول کرد.
UX سایت سمت چپ: یک ثبت نام راحت که در کمتر از ۱۰ الی ۱۵ ثانیه انجام می شود.
UX سایت سمت راست: یک فرم ثبت نام طولانی که برای پرکردن آن چند دقیقه وقت لازم است و باید با حصوله آن را پر کرد.
نتیجه: نمی توان در یک مقاله ۳ دقیقه ای تمام مفاهیمی که درباره ی رابط کاربری و تجربه کاربری هستند را بیان نمود. این مقاله یک درک کوچک از این دو مفهوم بزرگ را به کسانی می دهد که هیچ اطلاعی درباره ی UI و UX نداشتند. شما می توانید برای درک بیشتر سری مقاله های مقایسه تصویری بین رابط های کاربری را مطالعه کنید.
شاد و پیروز باشید.