معنای UI و UX چیست؟ بررسی تفاوت این دو در طراحی

UI IX  چیست؟

Ui  و UX  مبحث گسترده ای است که در این مقاله به صورت کامل بیان میشود علاوه بر توضیح این موارد تفاوت هر دوی آنها نیزگفته میشود.دو اصطلاحی است که بین طراحان وب یا اپلیکیشن تکرار می‌شود.

ممکن است شما هم با سایت یا اپلیکشنی کار کرده باشید که ظاهر خوب و جذابی داشته باشد اما کارکردن با آن بسیار دشوار و سخت باشد این بخش به UI UX  سایت یا اپلیکشن ارتباط دارد.

Ui  مخفف کلمه User Interface به معنای رابط کاربری و UX مخفف User Experience به معنای تجربه کاربری میباشد.

UI  چیست؟

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

طراحی در رده اول مهم ترین بخش میباشد و افراد با سایت هایی که ui  ضعیف دارند، ارتباط برقرار نمیکنند.به طور خلاصه طراحی ui باعث یکپارچگی و زیباسازی در طراحی وبسایت میشود.کار قسمت ui  بر عهده گرافیست و برنامه نویس فرانت اند است.

UX  چیست؟

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

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

سری ابزار لازم برای طراحی ui ux

1-قلم و کاغذ برای طراحی اولیه و کشیدن اسکچ ایده

2-فتوشاپ و الستریتور دو ابزاری که به صورت رسمی برای طراحی ui ux  نیست اما بیشتر طراحی ها با کمک این دو اپلیکیشن طراحی میشود.

3-Sketch این برنامه فقط برای سیستم عامل مک طراحی شده است اما طراحی ui با آن برای طراح ها تجربه ای فوق العاده است این برنامه به قدری قدرتمند است که طراحان برای استفاده از آن به تنهایی سیستم مک تهیه میکنند.

4-Adobe xd شرکت ادوبی برای خالی نکردن میدان و نباختن به  sketch این برنامه را طراحی کرد که بسیار کاربردی میباشد.

اما در بخش برنامه نویسی دست برنامه نویس بازتر بوده و با استفاده از ابزارهای مختلفی میتواند طراحی را با استفاده از کد های html css  پیاده کند.

مثال UI UX

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

تفاوت UX   و UI

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

UI UX  مکمل یک دیگر هستند هر دو به جای خود مهم هستند و در صورتی که هر دوی آنها رعایت شود باعث ایجاد نرخ تبدیل میشود.

مثال قوطی سس

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

وقتی این اتفاق افتاد یکی از شرکت های تولید خوراکی دست به ساخت یک قوطی به شکل سر و ته زد که ظاهر پهن و سری پهن داشت و قابلیت این را داشت که تا آخرین مقدار سس از قوطی خارج شود این در حالی بود که ظاهر قوطی جذابیت قبل را نداشت اما تجربه کاربری آن و رضایت مندی کاربران بالا رفته بود و استفاده از آن لذت بخش بود. یعنی یک تجربه کاربری خوب. پس با دقت به این موضوعات میتوان به ایده های بسیاری دست یافت.

نتیجه

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

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