تفاوت UI و UX در طراحی چیست؟

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

تفاوت UI  و UX  در طراحی چیست؟

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

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

UX چیست؟

این واژه مخفف  user experienceمیباشد. طراحان تجربه کاربر یا در واقع همان  UX designerها تمام تلاش خود را میکنند تا بهترین صورت آشنایی برای یک کاربر با محصول و خدمتی را فراهم کنند. این موضوع فرمول یا قاعده خاصی ندارد و متناسب با هر مورد خاص راهکار و روش های متعدد و گوناگون و زمانبری موجود است. درواقع یک طراح کاربر تمام مشکلات و نیاز های کاربر از لحاظ کلامی و لغتی و همچنین از لحاظ کاربر پسندی و ظاهر گرافیکی آن بررسی می کند و سعی در حل آنها دارد تا در نهایت به بهترین تجربه کاربری یا همان best user experience  دست یابد..

 

طراحی UX

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

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

مثالی دیگر: اگر سایت یک پروژه ی فروشگاه است یکی از فاکتور های مورد مطالعه چگونگی ایجاد حس اطمینان در کاربران است.

تمام وظیفه ی طراح تجربه ی کاربری این است که کاربر حس خوبی از کارکردن با سایت یا برنامه داشته باشد.

5  نکته روانشناسی جهت خلق یک طراحی تعاملی فوق العاده

  1. اهمیت قائل شدن برای افراد به عنوان شعار برای کار شما
  2. طراحی ساده و قابل پیش بینی
  3. برقراری ارتباط احساسی
    1. قرمز: موجب ایجاد اشتیاق شده و شور و هیجان ایجاد می کند.
    2. نارنجی: به طراحی نوعی طراوت و شادابی می بخشد.
    3. سبز: به ترویج رونق فیزیکی و مالی می پردازد.
    4. بنفش: نوعی حس تجملی را تداعی می کند.
  4. طراحی با استفاده از محرک های ذهنی
  5. طراحی همراه با سادگی

از عناصر ساده شروع کنید:

  1. رنگ ها
  2. تایپوگرافی
  3. فاصله
  4. تعاملات جزئی

o        محصول نهایی UX :

Wireframes صفحه , storyboards و  sitemap

UI چیست؟

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

 

طراحی UI

برای شناسایی مناسبترین الگوهایی که به کار شما می‌آیند، من یک پروسه‌ی چهار مرحله‌ای پیشنهاد می‌کنم:

1.     مشکلات سایت خود را شناسایی کنید.

2.     در مورد الگوهایی که دیگر سایت‌ها برای حل مشکل خود بکار می‌گیرند، تحقیق کنید.

3.     الگوهایی را که این سایت‌ها استفاده میکنند بررسی کنید.

4.     مناسبترین الگوها و المان‌ها را به دقت بررسی کنید.

o        محصول نهایی UI :

طراحی رابط کاربری نهایی

تفاوت UI design، UX design؟؟

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

  1. راحت و آسان بودن کار با برنامه یا وبسایتی که UX design است.
  2. زیبایی و کاربر پسند بودن برنامه ای که UI design است.

مثلا اگر شما وارد فیسبوک شوید اگر تنظیمات شما روی فیسبوک فارسی باشد نمایه شما سمت راست است و اگر روی فیسبوک انگلیسی باشد نمایه شما سمت چپ است..این جزو UX design هست که درواقع برای کابرپسند بودن و توجه به نیازها و علاقه مندی های کاربران است.

رابط کاربری (user interface) و تجربه کاربری (user experience) دو مقوله اصلی مهم در یک پروژه هستند.

UI: به تعریف ساده یعنی محیطی که کاربر با آن سر و کار دارد مثلا دکمه ها، منو ها، کشوها، فضاها و

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

در آخر و در جمع بندی مقاله می توان گفت که مرز مشخصی بین UI وUX نیست و در خیلی از موارد این دو نقش را ادغام می کنند و به یک گروه یا فرد واگذار میکنند.

 



به مطلب ارائه شده امتیاز بدهید



Arun
طراحی سایت کارناوب

  • مطلب چه طور بود؟ سوالی در این باره دارید؟ در بخش نظرات مطرح نمایید.

خدمات طراحی سایت
مقالات طراحی وب سایت
اخبار کارناوب
نظر سنجی

به نظر شما به جز محتوای خوب چه چیزی بیشتر باعث می شود کاربران دوباره به سایت برگرند؟(11رای )


نمایش نتیجه ها




پروژه های در حال انجام

طراحی سایت گروه رویش

(25%)


طراحی سایت خرید فروش خودرو

(25%)


سئوی سایت بانه کالا

(50%)


طراحی اپلیکیشن دالینو

(55%)


سئوی سایت آناهید

(60%)


طراحی سایت فروشگاه سازه

(60%)


اپلیکیشن IOS کارناوب

(80%)


اپلیکیشن اندروید تولید ایرانی

(90%)


فروشگاه و اپلیکیشن هپی مپی

(90%)


بـاغ ویـلای پرند

(95%)