طی یکی دو سال اخیر شاید خیلی واژه هایی مثل ui و ux و یا معادل های فارسی اون یعنی رابط کاربری و تجربه کاربری رو شنیده باشید. خب احتمالا از هر کسی هم یک تعریفی شنیدید ، بیاید یک بار برای همیشه و به طور جامع بررسی کنیم این مفاهیم رو.

میخوایم ببینیم ui و ux چیست؟

وقتی بحث طراحی سایت حرفه ای مطرح میشه اسم افراد مختلفی مطرح میشه ، شما نیاز به فرانت اند ( front end ) ، بک اند ( back end ) و متخصص seo و مختص به بحث ما نیاز به طراح ui /ux داریم.
قبل از این که به هر کدوم از مفاهیم بپردازیم تصاویر زیر رو مشاهده کنید.

اول از همه بگیم که ui و ux دو چیز کاملا مجزا از هم بوده و بنا به دلایلی ui زیر مجموعه ux هستش پس اول به تعریف تجربه کاربری بپردازیم.

راحتی بیشتر با ux بهتر

تجربه کاربری ( user experience ) یا به اختصار ux به زبان خیلی ساده یعنی افزایش راحتی استفاده از محصول برای کاربر و ایجاد رضایت برای کاربر ، تجربه کاربری عاملی هست که باعث میشه فرد از محصول لذت ببره. امروزه ux بیشتر در مورد فضای دیجیتال و اپلیکیشن ها و سایت و وب اپ ها استفاده میشه اما مفهوم تجربه کاربری رو در هر جا که محصول باشه شما میتونید به چشم خودتون ببینید که البته به صورت اختصاصی در خارج از فضای دیجیتال به این تجربه ، CX/customer experience یا تجربه مشتری گفته میشه.
شما اگه یک فرد مسلط به مفاهیم ux در فضای دیجیتال باشید ناخداگاه این قدرت رو پیدا میکنید که در خارج از فضای وب و اپلیکیشن هم باعث افزایش لذت از محصول بشید.
برگردیم به ux در فضای دیجیتال، تجربه کاربری شامل ۵ بخش میشه که شامل موارد زیر هستش :
● کاربر پذیری : شما باید محصول خودتون رو جوری طراحی کنید که کاربر به راحت ترین شیوه ممکن بتونه با اون کار بکنه.
● طراحی محصول : ایجاد نمونه ها و طرح های بسیار ساده از محصول
● نویسندگی تاثیر گذار : شاید یک جمله در ارائه محصولتون بتونه نظر مشتری رو عوض کنه پس باید تا حد ممکن به جملاتتون فکر کنید
● از دید کاربر بررسی کردن : شما باید سلیقه و رفتار خودتون رو کنار بذارید و رفتار کاربران ( user behaviour ) در مواجهه با محصول رو ملاک خودتون قرار بدید و به توسعه و بهبود محصول بپردازید
تحلیل: حال با پشت سر گذاشتن مراحل قبل وظیفه شما تولید نمونه اولیه و تست کردن اون هستش تا بتونید محصولتون رو توسعه بدید.

در شروع پروژه طراح تجربه کاربری چه کاری میکند ؟

خب ۵ شاخه ای که بررسی کردیم با چی شروع میشه ؟ فرضا وظیفه یک پروژه ux به دوش شما افتاد، گام های شما با در نظر گرفتن ۵ شاخه بالا چی باید باشه ؟

۱_شناسایی و برنامه ریزی

• شناسایی و بررسی نقاط قوت و ضعف محصولات رقیب با استفاده از شاخه های ux
• تحلیل رفتار کاربران در مواجه با‌محصولات رقیبان
• مشخص کردن محتوای محصول خودتان و ایجاد استراتژی صحیح برای معماری اطلاعات (information Architecture ) به اختصار IA
• تلاش برای بهبود IA

۲_تولید، توسعه و بهبود محصول

• وایر فریمینگ ( wireframing ) : ساختار کلی سایت و ساده محصول که شروعی برای طراحی رابط کاربری هستش.
• نمونه سازی ( prototyping ) : در این بخش رفتار و تعامل کاربر در مواجهه با محصول در نظر گرفته میشه و اینکه ارتباط بخش های مختلف سایت چگونه هستش.
• تست محصول
• توسعه محصول

۳ـ هماهنگی با ui و بررسی

• محصول از نظر ux با ui هماهنگی داشته باشه
• هماهنگی با طراح ui ( متاسفانه یا خوشبختانه امروزه به خصوص در ایران ، قالبا طراح ui و ux یک فرد هست )
• خارج نشدن از مسیر و اهداف پروژه
• تحلیل و تفسیر نظر ها و آمار ها

نمایش محصول نهایی با Ui

در متن اشارات بسیار به طراحی رابط کاربری / user interface یا به اختصار ui شد ، همان طور که گفته شد طراحی رابط کاربری بخشی از طراحی تجربه کاربری هستش چون با المان هایی که طراح اون ها رو طراحی و دیزاین میکنه کاربر با محصول تعامل میکنه و با محصول و عملکرد هاش آشنا میشه.
به زبان ساده محیط گرافیکی و ظاهر و استایل محصول نتیجه تلاش طراح رابط کاربری هستش.
به این نکته توجه داشته باشید که ui بد باعث ux بد میشه. چرا ؟ چون اگر المان ها درست طراحی و دیزاین نشود باعث گیجی و گمراهی کاربر شده و اگر محصول از زیبایی عمومی برخوردار نباشه هم از لذت محصول کم میکنه.
برای همسن پیشنهاد میشه که طراح ui با مفاهیم ux هم آشنا باشه.

شروع یک پروژه برای طراح رابط کاربری

• طراحی و دیزاین رابط کاربری بر اساس شخصیت برند
• طراحی و دیزاین بر اساس کاربران و نه سلیقه شخصی
• ایجاد نقشه مسیر و راهنمایی برای حرکت کاربر در هنگام کار با محصول. استفاده از هاور ( hover ) در طراحی خود . برای مثال وقتی کاربر با نشانگر خود بر روی یک دکمه رفت رنگ آن دکمه عوض شود.
• استفاده از حرکت و انیمیشن تا جایی که به سایر موضوعات طراحی محصول مانند کد نویسی لطمه وارد نشود.
• هماهنگی با طراح تجربه کاربری.

سعی شد که در این مقاله به طور کامل مباحث اولیه ui و ux مطرح شود و به شما دیدی خارج از محصولات دیجیتال بدیم و شما رو با cx آشنا کنیم امیداوریم که برای شما مفید بوده باشه. در پایان هم میتونید به صورت خلاصه مطالب رو در اینفوگرافیک زیر مشاهده کنید.

اگر در مورد یو آی و یو ایکس سوالی داشتین داخل کامنت ها میتونین بپرسین 🔥