arrow-down arrow-left arrow-right circle dot-circle frame i-dribbble i-facebook i-instagram i-lookup i-see i-tumblr i-twitter i-vimeo menu-arrow menu-line-arrow square studiometa
مجله لیموشیرین
دسته بندی این مقاله
logo
تفاوت ui و ux چیست؟

تفاوت ui و ux چیست؟

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

تفاوت ui و ux و تعریف آن ها

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

UI چیست؟

در رابطه با تفاوت ui و ux لازم است بدانید UI مخفف عبارت User Interface Design است. این عبارت به معنای طراحی رابط کاربری می باشد. هر چیزی که شما در ظاهر یک سایت یا یک اپلیکیشن مشاهده می کنید به طراحی ui مرتبط می باشد. به عنوان مثال دکمه ها، لیست ها، فونت ها و ... همه به مربوط به این نوع طراحی هستند. طراح رابط کاربری ui تلاش می کند تا ظاهر سایت را به گونه ای طراحی و پیاده سازی کند که ظاهر سایت در بهترین حالت خود شکیل و هماهنگ باشد. کسانی که در تیم گرافیکی طراحی سایت هستند طرح گرافیکی سایت را آماده می کنند و سپس برنامه نویس فرانت اند این طرح را پیاده سازی می کند. طراحی رابط کاربری یک مسئله ی بسیار مهم است. هنگامی که شما وارد یک سایت یا اپلیکیشن می شوید اگر رنگ ها همخوانی نداشته باشند و یا عناصر در جای مخصوص خود نباشند، ممکن است ظاهر سایت برای شما زننده باشد و به سرعت سایت را ترک کنید. این که یک منو از سایت چگونه طراحی شود؟ رنگ دکمه ثبت نام با رنگ زمینه و اصلی سایت هماهنگ باشد و تبلیغات مورد نظر با چه قالبی پیاده سازی شوند، همگی به طراحی رابط کاربری ui مرتبط هستند.

UX چیست؟‌

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

تفاوت ui و ux در چیست؟

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


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

تفاوت ui و ux و پیوستگی آن ها

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

مقالات مرتبط
نظر شما درباره این مقاله