UI و UX در طراحی وب سایت چیست؟

 مقدمه

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

جهت سفارش طراحی سایت اختصاصی کلیک نمایید

به صورت بسیار ساده UI که مخفف User Interface design می باشد بخشی از طرح می باشد که زمانی که کاربر در حال رویت وب سایت می باشد آن را مشاهده می نماید و UX که مخفف User Experience design می باشد به تجربه کاربر از رویت وب سایت گفته می بشود.

UX چیست؟

User Experience - UX شامل رفتار، حالت و احساست کاربر در مورد استفاده از یک محصول و یا سیستم خاص گفته می شود. تجربه کاربر شامل جنبه های عملی، تجربی، موثر ، معنی دار و جنبه های با ارزش اثر متقابل انسان و کامپیوتر و محصول می باشد، که شامل درک کاربر از جنبه های مختلف سیستم شامل کاربرد، سادگی در استفاده و بهره وری می باشد. بر اساس تعریف ISO عنوان user experience شامل کلیه عواطف، اعتقادات، مزیت ها، پاسخ های فیزیکی و روانی، رفتارها و اجراها قبل از زمان استفاده، در زمان استفاده و بعد از آن اطلاق می گردد.

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

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

چند مثال برای UX

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

UI چیست؟

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

چند مثال برای UI

• چگونگی ظاهر منو.
• هماهنگی دکمه سرچ با رنگ اصلی سایت.
• چگونگی طراحی باکس مربوط به بنرهای تبلیغاتی وب سایت.

تفاوت بین UI و UX

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

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

UX مخفف User Experience می باشد که بسیار وسیع تر از UI می باشد و به تجربه و احساس کاربر زمانی که از محصول شما استفاده می نمایند گفته می شود. به عنوان مثال زمانی که شما از سایت دارکوب محصولی را سفارش می دهید و آن بسیار سریع تحویل شما می گردد به این معناست که UX خوبی وجود داشته است.

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

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

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

در پایان

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