جستجو برای:
  • صفحه نخست
  • آموزشگاه
  • مدرسین
  • نمونه کارها
  • مقالات
  • درباره دپارتمان آموزشی مادینا
  • نمونه مدرک
  • تماس با ما
دپارتمان تخصصی آموزشی مادینا
  • صفحه نخست
  • آموزشگاه
  • مدرسین
  • نمونه کارها
  • مقالات
  • درباره دپارتمان آموزشی مادینا
  • نمونه مدرک
  • تماس با ما
0

ورود و ثبت نام

بلاگ

دپارتمان تخصصی آموزشی مادینا > بلاگ > مقالات > UI/UX چیست؟

UI/UX چیست؟

1400-07-19
ارسال شده توسط مدیر2
مقالات
128 بازدید
آموزش ui و ux

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

UI‌ چیست؟


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

طراحی رابط کاربری به کمک گرافیست‌های سایت و برنامه‌نویس Front-end پیاده سازی می‌شود. طراحی رابط کاربری مهم است زیرا کاربر مستقیماً با آن ارتباط دارد و معمولاً افراد به وب‌سایت‌هایی با UI ضعیف، کمتر اعتماد می‌کنند.

مثال‌هایی از UI


  • ظاهر منو چگونه است؟

  • رنگ دکمه‌ی جستجو با رنگ اصلی سایت هماهنگ باشد.

  • باکس مربوط به بنر‌ها تبلیغاتی چگونه طراحی شوند؟
طراحی UI/UX

UX چیست؟‌

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

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

مثال‌هایی از UX

  • در منو چه گزینه‌هایی قرار داده شوند.
  • باکس جستجوی کجای صفحه قرار بگیرد.
  • بنرهای تبلیغاتی کجای صفحه سایت باشند.

در ادامه‌ی مقاله با ارائه مثال بیشتر به توضیح این مفهوم می‌پردازیم.

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

تفاوت UI/UX
تفاوت میان UI/UX

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

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

UI vs UX

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

دوره آموزش UI و UX

بعد از آشنایی با مفاهیم UI و UX مناسب دیدیم که یک دوره آموزش UI و UX عالی را نیز برای یادگیری اصولی طراحی تجربه و رابط کاربری معرفی کنیم، دوره‌های خارجی و ایرانی زیادی در این رابطه منتشر شده‌اند، که می‌توانید استفاده کنید، اما یکی از بهترین دوره‌ها دوره جامع آموزش UI و UX دپارتمان مادینا است، در این دوره شما از صفرتاصد با مفاهیم ui و ux آشنا می‌شوید، همچنین در این دوره نحوه طراحی رابط کاربری با نرم‌افزار Adobe XD را از صفرتاصد یاد می‌گیرید.
در این دوره بعد از آشنایی با مفاهیم اولیه، نحوه طراحی یک رابط کاربری حرفه‌ای را به صورت پروژه محور یاد می‌گیرید، یعنی بعد از تعریف یک پروژه که یک فروشگاه اینترنتی است، رابط کاربری آن را توسط نرم‌افزار Adobe XD به صورت کاملا عملی طراحی می‌کنید.

متفاوت اما جدایی‌ناپذیر!

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

نکته‌ی قابل توجه این است UI و UX دو بعد جدایی ناپذیر طراحی هستند. زمان‌های زیادی پیش می‌آید برای داشتن تجربه‌ی کاربری بهتر باید رابط کاربری و ظاهر را تغییر داد و هر تغییری در UI در تجربه‌ی کاربری تاثیر دارد.

نتیجه: با وجود تفاوت UI و UX در مفهوم اما این دو به صورت مکمل عمل می‌کنند. فقط با داشتن UX و UI مناسب می‌توانید نظر کاربر را جذب کرده و اهداف خود را در سایت به واقعیت برسانید.

 

 

برای دسترسی به سایر مقالات کلیک کنید

اشتراک گذاری:
برچسب ها: adobeweb designآموزش مجازیآموزش نرم افزارطراحیطراحی وبگرافیکنرم افزار
در اینستاگرام
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

سبک طراحی رابط کاربری

10 سبک برتر طراحی رابط کاربری در سال 2022

طراحی مد

بهترین نرم افزارهای طراحی مد در سال 2022

ترند گرافیک

10 سبک برتر طراحی گرافیک در سال 2022

نقشه کش صنعتی

هنرمند فنی کیست؟ چه کارهایی انجام میدهند؟

تفاوت فرمت jpg و jpeg

تفاوت فرمت تصویر jpg و jpeg چیست؟

طراحی صنعتی چیست؟

طراحی صنعتی چیست؟

قدیمی تر ورق کاری فلزات
جدیدتر تاریخچه طراحی لباس و نرم افزارهای مرتبط

دیدگاهتان را بنویسید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.

جستجو برای:
دسته‌ها
  • پادکست
  • طراحی و گرافیک
  • مد و لباس
  • مقالات
نوشته‌های تازه
  • 10 سبک برتر طراحی رابط کاربری در سال 2022
  • بهترین نرم افزارهای طراحی مد در سال 2022
  • 10 سبک برتر طراحی گرافیک در سال 2022
  • هنرمند فنی کیست؟ چه کارهایی انجام میدهند؟
  • تفاوت فرمت تصویر jpg و jpeg چیست؟
درباره ما

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

  • 09379456250
  • madina.department@gmail.com
فهرست سفارشی
  • نمونه کارها
  • تماس با ما
  • درباره دپارتمان آموزشی مادینا
  • آموزش نرم افزار تخصصی
  • قوانین و مقررات
اعتبار ما
logo-samandehi
©تمامی محتوای این وبسایت به ثبت رسیده و و با هرگونه تخلف برخورد قانونی صورت میگیرد.

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت