UX و UI: دو اصطلاحی که اغلب به جای هم استفاده می شوند، اما در واقع به معنای چیزهای بسیار متفاوت هستند. پس تفاوت دقیقاً چیست؟
همه ما مکالمات، قدم زدن در خیابان‌های امروزی پایتخت‌های فناوری جهان، بحث‌هایی درباره «UX» عالی یک محصول یا «UI» ضعیف یک وب‌سایت شنیده‌ایم. آیا این یک زبان مخفی است که هرگز با آن آشنا نخواهید شد؟ آیا این افراد فقط از زبان عامیانه استفاده می کنند تا باحال به نظر برسند؟
خوب، خوب، احتمالاً برای دومی بله، اما به بقیه یک نه قاطع. اگر مایلید بدانید که UX و UI دقیقاً به چه معنا هستند و تفاوت آنها چگونه است، به جای درستی آمده اید. در زیر خلاصه ای از مواردی است که در این مقاله به آن خواهیم پرداخت.
UX و UI چیست؟
اولین چیزها: UX و UI در واقع به چه معنا هستند؟ افرادی که شما آنها را استراق سمع کرده اید در واقع در مورد دو حرفه صحبت می کنند که علیرغم وجود چندین دهه و در تئوری قرن ها، توسط صنعت فناوری به عنوان طراحی UX و UI تعریف شده است.
طراحی UX به اصطلاح ” طراحی تجربه کاربری ” اشاره دارد، در حالی که UI مخفف “طراحی رابط کاربری” است. هر دو عنصر برای یک محصول بسیار مهم هستند و با هم کار می کنند. اما علیرغم رابطه حرفه ای آنها، نقش ها کاملاً متفاوت هستند و به جنبه های بسیار متفاوتی از فرآیند توسعه محصول و رشته طراحی اشاره می کنند.
طراحی تجربه کاربری (UX) چیست؟
طراحی تجربه کاربری اولین راه انسانی برای طراحی محصولات است. دان نورمن، دانشمند شناختی و یکی از بنیانگذاران مشاوره طراحی گروه نیلسن نورمن ، با ابداع اصطلاح “تجربه کاربر” در اواخر دهه 1990 اعتبار دارد. در اینجا او چگونه آن را توصیف می کند:
“تجربه کاربر تمام جنبه های تعامل کاربر نهایی با شرکت، خدمات و محصولات آن را در بر می گیرد.”
– دان نورمن، دانشمند شناختی و معمار تجربه کاربری
روشن است، درست است؟ خوب ممکن است فوراً متوجه شوید که علیرغم آنچه در مقدمه اشاره کردم، این تعریف هیچ اشاره‌ای به فناوری ندارد، هیچ اشاره‌ای به دیجیتال ندارد، و چیزهای زیادی در مورد آنچه که یک طراح UX واقعاً انجام می‌دهد به ما نمی‌گوید . اما مانند همه حرفه‌ها، نمی‌توان این فرآیند را تنها از چند کلمه استخراج کرد.
با این حال، تعریف دان نورمن به ما می گوید که، صرف نظر از میزان متوسط UX غیر دیجیتالی آن (و موارد زیادی وجود دارد!) UX Design شامل هر و همه تعاملات بین یک مشتری بالقوه یا فعال و یک شرکت می شود.
به عنوان یک فرآیند علمی می توان آن را برای هر چیزی به کار برد. چراغ های خیابانی، ماشین ها، قفسه بندی های Ikea و غیره.
UX و دنیای دیجیتال
با این حال، علیرغم اینکه یک اصطلاح علمی است، استفاده از آن از زمان پیدایش تقریباً به طور کامل در زمینه های دیجیتال بوده است. یکی از دلایل این امر این بود که صنعت فناوری در حوالی زمان اختراع این اصطلاح شروع به انفجار کرد.
در این مقاله می توانید همه چیز را در مورد تاریخچه جذاب طراحی UX بیاموزید .
اساساً، UX برای هر چیزی که میتوان تجربه کرد کاربرد دارد – چه یک وب‌سایت، یک دستگاه قهوه‌ساز یا بازدید از سوپرمارکت. بخش “تجربه کاربر” به تعامل بین کاربر و یک محصول یا خدمات اشاره دارد. بنابراین، طراحی تجربه کاربر ، تمام عناصر مختلفی را در نظر می گیرد که این تجربه را شکل می دهد.
طراحی UX شامل چه چیزی است؟
یک طراح UX به این فکر می کند که این تجربه چه احساسی در کاربر ایجاد می کند و چقدر آسان است که کاربر بتواند وظایف مورد نظر خود را انجام دهد. آنها همچنین بررسی و تجزیه و تحلیل وظایف را انجام می دهند تا ببینند که کاربران چگونه وظایف را در جریان کاربر انجام می دهند.
به عنوان مثال: فرآیند پرداخت هنگام خرید آنلاین چقدر آسان است؟ گرفتن آن پوست کن سبزیجات برای شما چقدر آسان است؟ آیا برنامه بانکداری آنلاین شما مدیریت پولتان را برای شما آسان می کند؟
هدف نهایی طراحی UX ایجاد تجربیات دلپذیر آسان، کارآمد، مرتبط و همه جانبه برای کاربر است.
ما به این سوال پاسخ خواهیم داد که “یک طراح UX چه کاری انجام می دهد؟” به طور کامل در بخش چهار. در حال حاضر، آنچه شما باید در مورد طراحی UX به طور خلاصه بدانید در اینجا آمده است:
- طراحی تجربه کاربری فرآیند توسعه و بهبود کیفیت تعامل بین کاربر و تمام جنبه های یک شرکت است.
- طراحی تجربه کاربر، در تئوری، یک عمل غیر دیجیتالی (علم شناختی) است، اما عمدتاً توسط صنایع دیجیتال استفاده و تعریف می‌شود.
- طراحی UX مربوط به تصاویر نیست. بر احساس کلی تجربه تمرکز دارد.
طراحی رابط کاربری (UI) چیست؟
علیرغم اینکه این یک زمینه قدیمی تر و کاربردی تر است، سوال “طراحی رابط کاربری چیست؟” به دلیل تنوع گسترده ای از تفسیرهای نادرست پاسخ دادن به آن دشوار است.
در حالی که تجربه کاربر مجموعه ای از وظایف متمرکز بر بهینه سازی یک محصول برای استفاده موثر و لذت بخش است، طراحی رابط کاربری مکمل آن است. ظاهر و احساس، ارائه و تعامل یک محصول.
اما مانند UX، به راحتی و اغلب توسط صنایعی که طراحان رابط کاربری را به کار می‌گیرند، اشتباه گرفته می‌شود – تا جایی که پست‌های شغلی مختلف اغلب به این حرفه به عنوان چیزهای کاملاً متفاوت اشاره می‌کنند.
اگر به آگهی‌های شغلی و شرح شغل برای طراحان رابط کاربری نگاه کنید ، بیشتر تعابیری از این حرفه را خواهید یافت که شبیه طراحی گرافیک است، که گاهی اوقات به طراحی برندینگ و حتی توسعه ظاهری نیز تسری پیدا می‌کند.
اگر به تعاریف “متخصص” طراحی رابط کاربری نگاه کنید، بیشتر توضیحاتی را خواهید یافت که تا حدی با طراحی تجربه کاربری یکسان هستند – حتی با اشاره به تکنیک های ساختاری یکسان.
پس کدام یک درست است؟ پاسخ غم انگیز این است: نه.
رابط کاربری و دنیای دیجیتال
پس بیایید یک بار برای همیشه رکورد را درست کنیم. برخلاف UX، طراحی رابط کاربری یک اصطلاح کاملا دیجیتالی است .
رابط کاربری نقطه تعامل بین کاربر و یک دستگاه یا محصول دیجیتالی است – مانند صفحه لمسی گوشی هوشمند یا صفحه لمسی که برای انتخاب نوع قهوه از دستگاه قهوه ساز استفاده می کنید.
در رابطه با وب‌سایت‌ها و برنامه‌ها، طراحی UI ظاهر، احساس و تعامل محصول را در نظر می‌گیرد. همه چیز در مورد اطمینان از این است که رابط کاربری یک محصول تا حد امکان بصری باشد، و این بدان معناست که هر عنصر بصری و تعاملی را که ممکن است کاربر با آن مواجه شود، به دقت در نظر بگیرید.
یک طراح رابط کاربری به نمادها و دکمه‌ها ، تایپوگرافی و طرح‌های رنگی ، فاصله‌گذاری، تصاویر و طراحی واکنش‌گرا فکر می‌کند .
طراحی UI شامل چه چیزی است
مانند طراحی تجربه کاربری، طراحی رابط کاربری نیز نقشی چند وجهی و چالش برانگیز است. مسئولیت انتقال توسعه، تحقیق، محتوا و طرح بندی محصول به تجربه ای جذاب، راهنما و پاسخگو برای کاربران است.
ما در بخش چهار به فرآیند طراحی UI و وظایف خاصی که یک طراح UI می تواند انتظار داشته باشد نگاه خواهیم کرد. قبل از اینکه تفاوت های اصلی بین UX و UI را در نظر بگیریم، بیایید به سرعت درباره طراحی رابط کاربری (UI) خلاصه کنیم:
- طراحی رابط کاربری یک عمل کاملا دیجیتالی است. تمام عناصر بصری و تعاملی یک رابط محصول را در نظر می گیرد – از جمله دکمه ها، نمادها، فاصله، تایپوگرافی، طرح های رنگی، و طراحی پاسخگو.
- هدف طراحی UI هدایت بصری کاربر از طریق رابط محصول است. همه چیز در مورد ایجاد یک تجربه بصری است که کاربر را ملزم به فکر کردن بیش از حد ندارد!
- طراحی UI نقاط قوت و دارایی‌های بصری برند را به رابط محصول منتقل می‌کند و مطمئن می‌شود که طراحی سازگار، منسجم و از نظر زیبایی‌شناختی دلپذیر است.
اکنون ما یک تعریف واضح از UX و UI داریم، بیایید تفاوت‌های کلیدی بین این دو را در نظر بگیریم.
2. تفاوت بین طراحی UX و UI چیست؟
یک تشبیه وجود دارد که من دوست دارم از آن برای توصیف بخش های مختلف یک محصول (دیجیتال) استفاده کنم:
اگر محصولی را مانند بدن انسان تصور کنید، استخوان ها نشان دهنده کدی هستند که به آن ساختار می دهند. اندام ها طراحی UX را نشان می دهند: اندازه گیری و بهینه سازی در برابر ورودی برای پشتیبانی از عملکردهای زندگی. طراحی UI نمایانگر لوازم آرایشی بدن است. ارائه آن، حواس و واکنش های آن.
اما اگر هنوز گیج هستید نگران نباشید! تو تنها نیستی!
همانطور که راهول ورشنی، یکی از خالقان Foster.fm می گوید:
«تجربه کاربر (UX) و رابط کاربری (UI) برخی از گیج‌کننده‌ترین و نادرست‌ترین اصطلاحات در حوزه ما هستند. یک UI بدون UX مانند یک نقاش است که بدون فکر روی بوم نقاشی می کشد. در حالی که UX بدون رابط کاربری مانند قاب یک مجسمه است که هیچ کاغذی روی آن وجود ندارد. یک تجربه محصول عالی با UX و سپس UI شروع می شود. هر دو برای موفقیت محصول ضروری هستند.»
اگر فضایی برای یک قیاس بیشتر دارید، داین میلر رابطه بین UX و طراحی UI را کاملاً خلاصه می کند:
«UI زین، رکاب و افسار است. UX احساسی است که شما می توانید اسب سواری کنید.”
—دین میلر، توسعه دهنده وب
درک این نکته مهم است که UX و UI دست به دست هم می دهند. شما نمی توانید یکی را بدون دیگری داشته باشید. با این حال، برای اینکه یک طراح UX باشید، نیازی به داشتن مهارت‌های طراحی UI ندارید، و برعکس، UX و UI نقش‌های جداگانه‌ای را با فرآیندها و وظایف جداگانه تشکیل می‌دهند!
تفاوت اصلی که باید در نظر داشت این است: طراحی UX تماماً در مورد احساس کلی تجربه است، در حالی که طراحی UI تماماً در مورد نحوه ظاهر و عملکرد رابط های محصول است.
یک طراح UX کل سفر کاربر را برای حل یک مشکل خاص در نظر می گیرد. چه قدم هایی برمی دارند؟ چه وظایفی را باید انجام دهند؟ تجربه چقدر ساده است؟
بیشتر کار آنها بر روی یافتن نوع مشکلات و نقاط دردناکی که کاربران با آنها روبرو می شوند و چگونه یک محصول خاص ممکن است آنها را حل کند متمرکز است. آنها تحقیقات گسترده ای در مورد کاربر انجام خواهند داد تا بفهمند کاربران هدف چه کسانی هستند و چه نیازهایی در رابطه با یک محصول خاص دارند.
سپس با در نظر گرفتن مواردی مانند معماری اطلاعات – یعنی اینکه چگونه محتوا در یک محصول سازماندهی و برچسب گذاری می شود – و چه نوع ویژگی هایی ممکن است کاربر به آن نیاز داشته باشد، سفر کاربر را در یک محصول ترسیم می کنند. در نهایت، آنها قاب‌های سیمی را ایجاد می‌کنند که طرح‌های اولیه محصول را مشخص می‌کند.
با ترسیم اسکلت محصول، طراح رابط کاربری وارد عمل می شود تا آن را زنده کند. طراح رابط کاربری تمام جنبه‌های بصری سفر کاربر، از جمله تمام صفحه‌ها و نقاط لمسی که کاربر ممکن است با آنها مواجه شود را در نظر می‌گیرد. به ضربه زدن روی یک دکمه، اسکرول کردن صفحه به پایین یا کشیدن انگشت روی یک گالری تصاویر فکر کنید.
در حالی که طراح UX نقشه سفر را ترسیم می کند، طراح UI روی تمام جزئیاتی که این سفر را ممکن می کند تمرکز می کند. این بدان معنا نیست که طراحی UI تماماً در مورد ظاهر است. طراحان رابط کاربری تأثیر زیادی بر در دسترس بودن یا نبودن یک محصول دارند.
آنها سؤالاتی مانند “چگونه می توان از ترکیب رنگ های مختلف برای ایجاد کنتراست و افزایش خوانایی استفاده کرد؟” یا “چه جفت رنگی کوررنگی را برطرف می کند؟” می‌توانید در راهنمای ما درباره طراحی UI برای دسترسی بیشتر بیاموزید .
امیدواریم اکنون شروع به دیدن این موضوع کرده باشید که طراحی UX و UI واقعاً دو چیز بسیار متفاوت هستند. به طور خلاصه:
- طراحی UX همه چیز در مورد شناسایی و حل مشکلات کاربر است. طراحی UI همه چیز در مورد ایجاد رابط های بصری، زیبایی شناختی و تعاملی است.
- طراحی UX معمولاً در فرآیند توسعه محصول در درجه اول قرار می گیرد و به دنبال آن UI قرار می گیرد. طراح UX، استخوان‌های خالی سفر کاربر را ترسیم می‌کند. سپس طراح UI آن را با عناصر بصری و تعاملی پر می کند.
- UX می تواند برای هر نوع محصول، خدمات یا تجربه اعمال شود. UI مختص محصولات و تجربیات دیجیتال است.
