تفاوت UX و UI

تفاوت-UI-و-UX-

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

بطور کلی UX که مخفف عبارت User Experience design است به معنی تجربه کاربر از دیدن وبسایت و UI مخفف عبارت User Interface design است که قسمتی از طراحی سایت است که توسط کاربر قابل مشاهده است
اما به بررسی مختصر این دو مفهوم بپردازیم:

UX چیست

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

UI چیست

UI مخفف عبارت User Interface به معنی مدیریت رفتارهای ماشین توسط انسان است بطوریکه یک فرد عملکرد عملکرد وبسایت را در دست میگیرد به صورتیکه اطلاعات مورد نیاز خود را از سیستم بدست آورد.UI در زبان فارسی با عنوان نمای کاربری ،واسط کاربری یا رابط مطرح است.در طراحی UI تمامی المان های دیداری مورد نظر است به عنوان مثال تمامی عکس ها ،دکمه ها ،رنگبندی ها و … که جزو گرافیک سایت است در این معقوله قرار میگیرد.UI Designerها وظیفه ایجاد زیبایی و یکپارچگی یک وبسایت یا اپلیکیشن را بر عهده دارند.
مثال:
بگذارید تا تفاوت این دو مفهوم را در ذکر یک مثال کاربردی برایتان توضیح دهیم.فرض کنید که شما به یک مغازه مانتو فروشی میروید.یک مانتو را انتخاب و آن را پرو و سپس خریداری مینمایید.در ابتدا چیزی که نظر شما را به خود جلب میکند ظاهر مانتو است که شما را جذب و ترغیب به خرید مینماید که به UI مشهور است .اما پس از پرو لباس آن را از نظر راحتی و نحوه استفاده (پوشیدن) آن مورد بررسی قرار میدهید.اگر از استفاده از مانتو احساس خوبی به شما دست دهد اصطلاحا میگوییم که تجربه خوبی از استفاده از مانتو داشته اید که این مورد را به UX یا تجربه کاربری ارتباط میدهیم.
اما تفاوت مفهوم UX و UI در چیست؟
تا به اینجای مقاله حتما با تفاوت های UX و UI آشنا شده اید اما در ادامه به بررسی تفاوت های این دو مقوله خواهیم پرداخت.

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

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

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

کلاس آموزش حرفه ای asp.net

کلاس آموزش بوت استرپ

بهترین آموزشگاه کامپیوتر

آموزشگاه حرفه ای php