4 اطلاعیه بروزرسانی و تخفیف‌های ویژه سایت :

UI و UX چیست؟ و تفاوت

1,363 آموزش تجربه کاربری (UX) , آموزش رابط کاربری (UI) محمد همتی یکشنبه ۲۲ مرداد ۱۳۹۶
1 Star2 Stars3 Stars4 Stars5 Stars
5 رای

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

UI و UX چیست؟

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

UI چیست؟ (خودمونی)

ابتدا در مورد UI توضیحی ارائه دهیم منظور ما از UI در طراحی سایت یا طراحی اپلیکیشن هست UI یعنی همین ظاهر سایت یا اپلیکیشن که توسط گرافیست (طراحی سایت یا اپلیکیشن در فتوشاپ) طراحی می شود. شخصی که گرافیک میدونه (منظور تسلط داشتن به نرم افزار فتوشاپ و طراحی سایت و اپلیکیشن در فتوشاپ) خودش نرم افزار رو باز میکنه و با استفاده از اطلاعاتی که کارشناس UX در مورد چیدمان المان داده است شروع به طراحی صفحات سایت یا اپلیکیشن میکند یعنی داره UI سایت یا اپلیکیشن رو طراحی میکند. این رو نیز بگویم UI سرنام کلمات User Interface design هست یعنی طراحی رابط کاربری ، به عنوان مثال در یک وبسایت یا اپلیکیشن، تمام تصاویر به کار رفته، رنگ‌بندی‌ها، طراحی ظاهری دکمه‌ها و … UI محسوب می شوند.

UX چیست؟ (خودمونی)

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

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

UX سرنام کلمات User Experience ، که به معنی تجربه کاربری هست.

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

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

UX چیست

UI چیست؟ (علمی)

ابتدا توضحی که در ویکی پدیا برای UI ارائه شده : رابط کاربر (به انگلیسی: User Interface) (به اختصار UI) یک میانجی بین انسان و ماشین است. واسط کاربر، بخش دیدنی و قابل لمس یک ابزار است که کاربر مستقیماً با آن سر و کار دارد. این اصطلاح را میانای کاربر، میانجی کاربر و رابط کاربر هم ترجمه کرده‌اند.

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

به طور کلی می توان گفت طراحی رابط کاربری یا UI سه بخش دارد :

  • Sense : شامل کنش و واکنش محصول در رابطه با ورودی کاربر و یا محیط های نمایش متفاوت است.
  • Skin : شامل نمایش بصری و گرافیکی محصول است.
  • Makeup :شامل دستورالعمل ها و نکات و راهنماهایی است که کمک می کند کاربر تجربه بهتری داشته باشد.

UX چیست؟ (علمی)

طبق تعریفی که در ویکی پدیا آمده است طراحی تجربه کاربر (UXD یا UED) فرایند بهبود رضایت مشتری و وفاداری او با بهبود قابلیت استفاده، سهولت استفاده و لذت های ارائه شده در تعامل بین مشتری و محصول است.

دُن نورمن، دانشمند علوم شناختی و موسس گروه مشاوره طراحی نیلسون نورمن درباره تجربه کاربری می گوید:
تجربه کاربری تمام جنبه های تعامل کاربر با شرکت، خدمات و محصولات شرکت را شامل می شود.

تفاوت بین UI و UX :

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

تفاوت بین UI و UX

ایجاد انواع فرم تماس

ایجاد انواع فرم تماس در وردپرس

1 رای 1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5
162
توضیحات بیشتر
افزونه PB SEO Friendly Images

سئو تصاویر وردپرس PB SEO Friendly Images

2 رای 2 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 5
80
توضیحات بیشتر
مشتریان بالقوه به مشتریان بالفعل

استراتژیها و تکنیکهای تبدیل مشتریان بالقوه به مشتریان بالفعل

2 رای 2 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 52 votes, average: 5٫00 out of 5
414
توضیحات بیشتر
پیاده سازی سایت شخصی
راه اندازی سایت فروشگاهی
وردپرس
قالب رستوران
قالب انفولد
قالب وردپرس خبر خوب
خدمات ویژه وردپرسی سفارش خدمات تعرفه‌ها
پشتیبانی ویژه وردپرسی سفارش خدمات
نظرات شما + ۲
  • ا​ی ۱+
    امیر یزدانی پنج شنبه ۲۶ مرداد ۱۳۹۶

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

    پاسخ دهید
    • م​ه ۰+
      محمد همتی پشتیبان سایت پنج شنبه ۲۶ مرداد ۱۳۹۶

      سلام آقای یزدانی عزیز
      ممنون از شما
      راسیتش من خودم دغدغه این مفاهیم رو دارم
      معمولا اکثرا مفاهیم اصلی رو دقیق متوجه نمیشن
      من هم سعی میکنم روز به روز مفاهیم رو ساده نویسی کنم و دقیق آموزش بدم

      پاسخ دهید
ارسال نظر ۲