UI و UX

رویال کد > UI و UX
ui و ux چیست

رضا ذوالعلی

بهمن 30, 1398

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

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

UX چیست

UX یا User Experince Design چیست ؟

UX (تجربه کاربری ):

به معنی تجربه یا حسی است که یک سایت به کاربرش منتقل می کند در واقع فرایندی است که از طریق استفاده و کارایی آسان باعث بالا رفتن رضایت مشتری و یا کاربر از سایت می شود. UX گاهی به صورت UED یا UXD نیز نوشته می شود, بیشتر مربوط به مسائل تکنیکی و فنی سایت است. و تمرکزش روی بالا بردن کارایی یک سایت یا محصول است

ui چیست

UI یا User Interface Design چیست ؟

UI (رابط کاربری):

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

اهمیت استفاده درست از UX و UI

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

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

تفاوت ui و ux

تفاوت های اصلی بین UX و UI

در اینجا اشاره کوتاهی به تفاوت های بین UX و UI می کنیم:

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

سخن آخر در رابطه با UI و UX

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

خلاصه مقاله

دوران دانشگاه یکی استاتیدمون در طراحی سایت بسیار حرفه ای بود و هر زمان بچه ها سوالی در این زمینه داشتند از ایشون می پرسیدند بود و یکی از خصوصیات خوب این استادمون این بود که اصلا به دنبال تخصصی توضیح دادن نبود که فقط یه عده بفهمند چی میگه و همیشه به ساده ترین […]

اگر این مقاله برایتان مفید بود با دوستانان به اشتراک بگذارید:
لینک مقاله کپی شد
پیام بگذارید

آدرس ایمیل شما منتشر نخواهد شد

دیدگاه ها
  • حسین پور مرادی گفت:

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

    • رضا ذوالعلی گفت:

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

  • مهندس پورحسینی گفت:

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

    بنظرم مبحث رابط کاربری و تجربه کاربری بشدت گسترده هست و واقعا جا داره که یه مگاپست براش بسازید یا اینکه ۲۰-۱۰ تا مقاله در موردش بذارید.

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

  • سمیه رسولی گفت:

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

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

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

  • عیسی غفوری گفت:

    کاش یه مقاله جامع تر در مورد UI , UX در رویال کد قرار میدادید. من هرروز سایت تون رو بررسی میکنم و منتظر یه آموزش خوب در حوزه طراحی رابط و تجربه کاربری هستم.

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

    کاش یه مقاله بنویسید و در اون اصول اولیه طراحی رابط کاربری و طراحی تجربه کاربری رو به طور کامل توضیح بدین .

  • رسول مهدوی گفت:

    UI و UX مبحث بسیار گسترده ای هست که فکر کنم یه مقاله واسش کافی نیست. اما با همین مقدار کم هم تونستم یه دید کلی در موردش پیدا کنم و به اهمیتش پی ببرم.

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

    ولی مثلا یه سایت شرکتی، کاربرانش شاید خیلی به جزئیات توجه نکنن!

  • رضا شاه غلامی گفت:

    UX و UI بشدت مبحث مهمی در طراحی وب و اپلیکیشن ها هستن و اگر در اونها متخصص نباشید و قصد هم نداشته باشید که شخص متخصصی رو در مجموعه خودتون استخدام کنید، کلاهتون پس معرکه س!

    بنده، ۶ سال هست که در زمینه طراحی رابط کاربری و طراحی تجربه کاربری دارم فعالیت میکنم و تا حالا شاید بیش از ۵۰۰ تا پروژه موفق و ناموفق داشتم!

    هیچ چیز مهمتر از UX و UI نیست، هیچ چیز!
    کاربری که وارد سایتتون میشه، اگر بتونید با ظاهر جذابتون اون رو جذب کنید، دیگه کار تمومه!

    بعدش، این هنر مارکتینگ شماست که میتونید باهاش به اون بفروشید، همین!