تفاوت UI و UX چیست؟

تا چند سال پیش خودمان هم تعریف دقیقی از ui ux نداشتیم به همین دلیل نشستیم به تحقیق و خروجی تحقیق و تجربه‌ی ما، مقاله‌ای شد که اینجا در مورد UI UX و تفاوت این دو نوشتیم.

اگر کمی با دنیای طراحی، مخصوصا طراحی وب آشنا باشید، بارها  به عبارت Ui و Ux  برخوردید. دو سرواژه‌ای که همیشه کنار هم می‌آیند. اما معنی این‌ها چیست؟ اگر از ده نفر بپرسید UI و UX چیست؟ ده جواب مختلف می‌شنوید. بیشتر افراد، کسانی که ظاهر یک سایت یا وب اپلیکیشن را طراحی می‌کنند “UI UX کار” می‌نامند. اما این واقعا تعریف درستی است؟ اصلا UI UX کار داریم؟

UI و UX چیست؟

ما بحث را به محیط وب و اپلیکیشن محدود می‌کنیم ولی UI و UX در همه‌ی شرکت‌ها کاربرد دارند. هرجایی که محصول و کاربر ( مخاطب) داشته باشد، حتما با دو مفهوم طراحی تجربه کاربری و طراحی رابط کاربری سر و کار دارد.‌
در مورد اینکه ui ux چیست؟ شاید بعضی‌ها فکر کنند این دو در اصل یکی هستند یا هر دو وظایف یک نفر( شغل) هستند، یک چیزی مثل html و css که همیشه در کنار هم می‌آیند و  هر دوی این‌ها را طراح وب استفاده می‌کند. اما اصلا اینطور نیست. حتی در شرکت‌های کوچک هم طراح تجربه کاربری به عهده یک نفر و طراحی رابط کاربری به عهده فردی دیگر است. چون این‌ها خیلی با هم فرق دارند!

در این ویدئوی کوتاه که بخشی از دوره وبمستران هوشمند همیارآکادمی است. در مورد ui و ux و تفاوت این دو تا کامل توضیح داده شده:

Ux چیست؟

به صورت خلاصه UX مخفف کلمه User Experience و به معنی تجربه کاربری است. طراح تجربه کاربری، سعی دارد تجربه کاربر از کار با یک سایت، محصول یا خدمات را بهبود دهد. یعنی من اگر طراح تجربه‌ی کاربری جایی باشم، باید تمام مسیرهایی که مخاطب به ما می‌رسد را بشناسم، تمام سناریوهایی که ممکن است برای مخاطب پیش بیاید را حدس بزنم و سعی کنم کاربر در تمام این مسیرها تجربه‌ای ایده‌ال داشته باشد و صد البته که در کنار این تجربه به اهدافی که مد نظر ما است برسد ( یعنی کاربر را به سمتی که می‌خواهیم هدایت کنیم). همین‌طور که می‌بینید این کار عملا نوعی تحقیق و بررسی است و خروجی‌اش می‌شود یک سری پیشنهاد و راه‌کار که به بخش‌های دیگر شرکت داده می‌شود. بهبود ux می‌تواند تاثیر زیادی روی درآمد کسب و کار ما داشته باشد، در مقاله‌ی ترفندهای UX برای بهبود فروشگاه اینترنتی بیشتر به این موضوع اشاره کردیم.

Ui چیست؟

در سمت دیگر  UI مخفف کلمه User Interface و به معنی رابط کاربری است. طراحی رابط کاربری یعنی طراحی بخش‌های از محصول دیجیتال که کاربر آن را می‌بیند و از آن استفاده می‌کند. طراح رابط کاربری عملا با طرح‌های گرافیکی و پیاده کردن این طرح‌ها در سایت سر و کار دارد. یعنی بخشی از این کار را گرافیستی که طرح سایت یا اپلیکیشن را می‌زند به عهده دارد و بخش دیگر را برنامه‌نویس front end که طرح نهایی را پیاده‌سازی می‌کند.

تفاوت طراحی تجربه کاربری ux و طراحی رابط کاربری ui

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

سه روش برای افزایش کیفیت بخش وبلاگ

طراح تجربه کاربری بر اساس همین نیازها، پیشنهادها و درخواست‌هایی را ارائه می‌دهد. مثلا می‌گوید که در صفحه‌ی اول باید یک باکس جستجو باشد یا پایین صفحه دکمه‌ای برای ثبت نام قرار بگیرد و … بخشی از نیازها را باید تیم فروش، پشتیبانی یا بخش‌های دیگر برآورده کنند و بخشی دیگر به تیم طراحی سایت منتقل می‌شود از این همه نیاز و بررسی و … آن بخشی که به ظاهر وب یا اپلیکیشن مربوط است به طراح رابط کاربری سپرده می‌شود.

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

در ui و ux طراحی رابط کاربری تنها با بخش کوچکی از طراحی تجربه کاربری ارتباط دارد
طراحی رابط کاربری تنها با بخش کوچکی از طراحی تجربه کاربری ارتباط دارد

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

وظایف طراح تجربه کاربری UXd

  • مدیریت و بررسی رفتار کاربر
  • بررسی و انتخاب محتوا و متن‌های استفاده شده در سایت یا محصول و …
  • تمرکز روی اطلاعاتی که به کاربر داده می‌شود یا از او گرفته می‌شود
  • بررسی بخش مارکتینگ
  • و ….

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

تفسیر معروف‌ترین عکس ui/ix

اگر می‌خواهید بدانید ux بد چیست؟ این عکس را نگاه کنید
این عکس تفاوت سناریویی را نشان می‌دهد که ما انتظار داشتیم پیش بیاید با تجربه‌ای که کاربر انجام داده

شاید عکسی مثل تصویر بالا را جایی دیده باشید، این عکس معمولا به عنوان تفاوت ui و ux معرفی می‌شود. ولی در اصل اینطور نیست. فرض کنیم عکس بالا گوشه‌ای از یک سایت است. uxکار به صورت پیش‌فرض گفته که بسته به نیاز کاربر باید یک راه ایجاد کنیم. ui کار طرح این جاده را زده و خروجی (راه سنگ فرش) را ساخته. اما وقتی تجربه‌ی واقعی کاربران اتفاق افتاده، دیده شده که کاربر کار دیگری می‌کند. حالا uxکار باید نسبت به اولویت‌هایی که دارد طرح دیگری بدهد. مثلا اگر اولویت راحتی کاربر است، باید پیشنهاد بدهد مسیر را تغییر بدهند. یا اگر اولویت حفظ ظاهر یا چمن‌هاست، باید پیشنهاد استفاده از فنس را بدهد. دوباره که این مسیر تغییر کرد (بروزشد) طراح تجربه کاربری باز باید تجربه مخاطب را زیر ذره‌بین بگذارد و تحلیل کند تا نتیجه نهایی باز هم بهتر شود. یعنی این کار هیچ وقت قطع نمی‌شود. امیدوارم این مثال دقیقا نشان داده باشد که ux چیست؟ ui چیست؟ و این دو به چه دردی می‌خورند.

نظر برخی دانشجویان

اراده آهنین های همیار‌آکادمی

نظرات

  1. بازتاب: فرصت‌های شغلی که با یادگیری زبان PHP ایجاد می‌شود | توانا نت
  2. سلام و عرض ادب
    به عنوان یک طراح تجربه کاربری خوشحالم که شما به این مبحث توجه کردید و مطلبی در این مورد منتشر کردید. صد البته که بحث UX و UI خیلی فراتر از این‌هاست اما من میخوام فقط به یک نکته اشاره کنم، اگر شما کتاب The Elements of User Experience نوشته Jesse James Garrett رو مطالعه کنید، میبینید که UI کاملا بخشی از UX هست و این دو مفهوم به هیچ عنوان جدا و مستقل از هم نیستن. سطوح UX به ترتیب عبارتند از: Strategy , Scope , Structure , Skeleton , Surface که طراحی Visual Elements در سطح آخر یعنی Surface انجام میشه که در واقع همون UI یا رابط کاربریه…
    متاسفانه در حال حاضر اکثر سایت‌های ایرانی توجهی به استانداردها و اصول طراحی تجربه کاربری نشون نمیدن که امیدوارم این مساله به مرور زمان بهتر بشه.

    1. با سلام و احترام
      بله دقیقا. متاسفانه خیلی‌ها این دو مفهوم رو یکی می‌دونند یا تماما به طراحی رابط کاربری ui/ux می‌گن درحالی که بحث اصلی روی تعریف تجربه‌ی بهتر برای مشتری در تمام سطوح تماس کاربر با کسب و کار هست.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *