راه های تماس :
1 ابتدا با شناسه کاربری خود وارد سایت شوید
2 روی کلید سبز رنگ بالای سایت کلیک کنید
3منوی ارسال پست جدیدرا کلیک کنید .
  • ساعات مجاز برای تماس : 10 تا 16
  • روزهای کاری : شنبه تا 4شنبه
  • ایمیل : data(@)rastchin.com
 
اگر مشکل شما همچنان برقرار است یا سوالات دیگری دارید می توانید با تلگرام ما در ارتباط باشید
 

تفاوت طراحی UX و UI به زبان ساده

5
1 1 1 1 1
رتبه 5.00 (2 رای)

شاید در مقالات یا صحبت های دیگران شنیده باشید که می گویند فلان محصول طراحی UX خوبی داره یا فلان سایت طراحی UI افتضاحی داره! آیا این یک زبان مخصوص است که ما ازش سر در نمی یاریم!؟ یا این آدما فقط از این اصطلاحات استفاده میکنن که به نظر خاص بیان!!؟
در این مقاله معنی این 2 اصطلاح رو توضیح خواهیم داد و می پردازیم به اینکه کدام مورد درآمد بیشتری داره. در اواسط مقاله هم یک کلیپ کوتاه با زیر نویس فارسی وجود داره که توضیحات تکمیلی رو در اختیارتون قرار میده.


orange توضیح کلمات اختصاری
کسانی که حرف هاشون رو شنیدید در حقیقت در مورد دو حرفه صحبت می کنند که چند دهه است باب شده اما تئوری اش به چند قرن پیش بر می گردد و در دنیای تکنولوژی بهشون UX و UI گفته میشه. UX  خلاصه شده طراحی مبتنی بر تجربه کاربر (user experience) و UI خلاصه شده عبارت طراحی بر مبنای رابط کاربری (user interface) است. هر دو مهم هستند و در ارتباط با یکدیگر، اما کاری که انجام میدهند با هم متفاوت است و مربوط میشه به بخش های مختلف طراحی. طراحی UX بیشتر تحلیلی است و به حیطه تکنیکی کار مربوط میشه و طراحی UI بیشتر به ظاهر می پردازه.

اگر بخواهیم مثالی از این 2 در دنیای برنامه نویسی داشته باشیم :
یک محصول رو بعنوان یک انسان در نظر بگیرید. استخوان ها کدهایی هستند که ساختار اصلی رو تشکیل میده. اندام ها بیانگر طراحی UX هستند که داده های ورودی رو برای بقای عملکرد بدن اندازه گیری و بهینه می کنند و طراحی UI بیانگر ظاهر بدن، حس ها و واکنش ها است.

نیاز به توضیح بیشتری دارید؟! خوبه بدونید راحول وارش نی یکی از پایه گذاران سایت foster.fm میگه :

رابط کاربری و تجربه کاربری دو مورد از گیج کننده ترین اصطلاحات حیطه طراحی هستند که اغلب به اشتباه استفاده میشن. رابط کاربری بدون تجربه کاربری مثل این میمونه که یک نقاش، رنگ ها رو روی بوم بدون فکر پرتاب کنه و تجربه کاربری بدون رابط کاربری مثل ساختن یک مجسمه کاغذی بدون کمک فریم است.

تجربه ما در استفاده از یک محصول ابتدا با UX شروع میشه و  سپس با UI ادامه پیدا می کنه.در ادامه قصد داریم این 2 اصطلاح رو دقیق تر توضیح بدهیم

 

طراحی UX ؟
ویکی پدیا:  طراحی UX  یعنی انجام مراحلی که برای افزایش رضایت مشتری و وفادار ماندن مشتری به محصول صورت می پذیرد مانند راحتی استفاده. ممکنه این سوال برای شما پیش بیاد که در این تعریف صحبتی از تکنولوژی و دیجیتال نشده پس این تعریف هنوز مبهمه. خب باید بدونید که مثل دیگر تخصص ها، نمیشه همه مراحل یک حرفه رو در چند کلمه بیان کرد! همچنین قسمتی از ابهام این تعریف برمیگرده به اینکه این موضوع نسبتا تازه هست.

دن نرمن، یکی از موسسان Nielsen Norman Group Design Consultancy ، کسی هست که ابداع این اصطلاح رو در اواخر 1990 به او نسبت می دهند. به عقیده نرمن : تجربه کاربری (UX) همه جنبه های رابطه متقابل کاربر با سرویس های شرکت و محصولات رو پوشش میده.یعنی فارغ از اینکه واسط (UI) چه نوعی باشه میتونه روی همه چیز حتی چراغ های خیابان، ماشین و ... اجرا بشه. در طراحی UX از ابزارهای کمکی مثل تحلیل ساختار، آنالیز و بهینه سازی تجربه کاربر از محصولات استفاده میشه.

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

به زبان ساده طراح UX  کمی بازاریاب، کمی طراح و کمی مدیر پروژه است. نقش طراح UX پیچیده و چند بعدیست. اگر دقت کنید می بینید که واژه " آنالیز" دوبار تکرار شده. علت این است که با استفاده از روش آزمون و بهبود، اهداف تجاری و مالی شرکت را به نیازهای کاربر مرتبط کنیم تا در نهایت هر دو طرف رابطه، منتفع و راضی گردند.
پس طراحی UX ، مراحل بهبود کیفیت تعامل بین کاربر و شرکت  است و طراحی UX مسئول مستقیم تست تحقیقات، توسعه، محتوا و ساخت مدل اولیه است.اگرچه طراحی UX در تئوری یک کار غیر دیجیتال است اما بیشتر از هر صنعت دیگری در این صنعت استفاده شده.اگر به جامعه شناسی و علوم شناخت مردم علاقه دارید، UX زمینه خوبی برای فعالیت شماست اما اگر تمایل به جذابیت های بصری دارید طراحی UI رو امتحان کنید!

 

طراحی UI ؟
همانطور که دیدید طراحی UX ترکیبی از وظیفه هایی است که بر بهبود یک محصول و استفاده موثر و لذت بخش از اون محصول لازمه و طراحی UI تکمیل کننده این قضیه است. بیشترِ کار با ظاهر، حس و نحوه ارائه محصول است. جالبه بدونید گاهی شرکت ها طراح UI استخدام می کنند و وظایف کاملا متفاوت رو اشتباها به طراح می دهند. حتی اگر به آگهی های استخدامی طراح UI نگاهی بیاندازید می بینید که بیشتر از این تخصص تفسیر به طراحی گرافیک و برند شده!

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

در مورد "پیاده سازی همگام با توسعه دهنده" باید بدانید که این مورد مربوط میشه به گذشته و این مرز ها کم کم محو میشوند. چون طراح وب (طراح UI که قابلیت کد نویسی هم دارد) به تدریج جای طراحان رابط کاربری معمولی را خواهد گرفت.طراح رابط کاربری مسئول نشان دادن قدرت برند و ویژگی های بصری کالاست و در نتیجه طراحی رابط کاربری به کارهایی گفته میشود که بصورت ویژوال به کاربر برای استفاده از محصول کمک می کند.

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

 

orange مثالی رایج از تفاوت طراحی UI و UX در طراحی سس گوجه فرنگی هینز
به عنوان مثالی دیگر بهتر است از بسته بندی یک سس معروف صحبت کنیم که در فروشگاه های ایران نیز وجود دارد. شرکت هینز آمریکا بیش از 140 سال سابقه فعالیت دارد. بسته بندی سس این شرکت در ابتدا به شکل تصویر سمت راست بود و در سال 2003 به به تصویر سمت چپ تغییر کرد :

heinz ketchup bottle

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


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

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

بالا