عنوان مقاله :

تفاوت UI و UX در طراحی

دسته بندی :
تاریخ انتشار : ۲۹ اردیبهشت ۱۳۹۴
گردآوری و تالیف : حسام موسوی

کارمو با طراحی گرافیکی شروع کردم و حدود 2 سال طراحی گرافیکی میکردم بعد به طراحی وب علاقه پیدا کردم و همراه طراحی وب عاشق کدنویسی شدم به PHP | sass | css | Jquery | javaScript تسلط کامل دارم . در بین فریم ورک های PHP اول با CodeIgniter کار کردم اما به laravel علاقه مند شدم و دارم بطور حرفه ای دنبالش میکنم . امید من اینکه بتونم کاربرهای ایرانی رو به دنیای بیرون متصل کنم تا بتونن از فناوری های تازه آگاهی داشته باشن

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

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

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

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

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

  • سس گوجه فرنگی 

بهترین راه برای نشون دادن تفاوت بین UI و UX با یه مثاله . مثال ما هم سس گوجه فرنگیه . (عجب این چه مثالیه باز) ! عجله نکنید فقط دقت کنید . 

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

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

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

نتیجه 

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

دیدگاه های مخاطبین

ثبت دیدگاه شما
  • jahan

    با یه مثال ساده چقد خوب توضیح دادین!!
    احسنت به شما
    تشکر

    • admin

      مرسی از نظرتون

  • ebrahim

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

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

پیشنهاد میکنیم این مطالب رو هم مطالعه کنید :