تفاوت طراحی ui و ux در طراحی سایت

تفاوت طراحی ui و ux در چیست ؟ بار ها برای شما پیش آمده با سایت ها یا نرم افزار هایی سر و کار داشته اید که محیط کاربری بسیار زیبایی دارند اما کار کردن با آن ها دشوار است و به راحتی نمی توانید نیاز خود را در آن ها بر طرف نمایید یا بر عکس دسترسی به تمام امکانات سایت کاملا روان و آسان است اما زیبایی محیط آن چنگی به دل نمی زند!

تفاوت طراحی ui و ux در اینجا نمایان می شود. تا پایان مقاله همراه ما باشید تا این موضوعات بیشتر برای شما روشن شود.

Ui سایت چیست

Ui کوتاه شده ی کلمه ی انگلیسی user Interface (به معنای تجربه ی کاربری) است.

تمام احساساتی که کاربر در حین استفاده دارد مربوط به ux می باشد. این احساسات ناشی از زیبایی بصری و کانسپت فرهنگی، هنری، ملیتی و تمام این اصول در کنار یکدیگر است.

پس برای پیاده سازی آن نیاز به یک طراح گرافیک و یک برنامه نویس که این طرح ها را پیاده سازی کند، (اصطلاحا برنامه نویس front-end ) داریم.

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

چند نمونه از موارد طراحی ui

چه هماهنگی میان طراحی آیکون ها و رنگ غالب صفحه با محتوا وجود دارد؟

باکس های تبلیغاتی در کجا و به چه شکل قرار گرفته اند؟

ظاهر منو چگونه است و در کجا قرار گرفته؟

بنر ها و تصاویر سایت چه پیامی را به مخاطب القا می کند؟

پویا نمایی ها یا همان انیمیشن های سایت هماهنگی و زیبایی دارند؟

استفاده از المان های زیبایی شناختی بیش از حد مزاحمتی برای کاربر ایجاد نمی کند؟

Ux سایت چیست

Ux کوتاه شده ی عبارت user experience به معنای “تجربه ی کاربری” می باشد.

به این معنا که تا چه حد آسودگی استفاده از امکانات و کارایی سایت رعایت شده.

در این موضوع ما به تجربه ی کاربر در دسترسی به بخش های مختلف و تعامل ایشان با قسمت های مختلف سایت می پردازیم.

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

این که چگونه کاربر مسیری را که ما برای رسیدن به اهدافمان ترسیم می کنیم، دنبال کند و مثلا تبدیل به مشتری ما شود یا به خدمات ما تمایل بیشتری پیدا کند.

چند نمونه از موارد طراحی ux

داخل مگا منو ها و منو ها چه صفحاتی قرار گرفته اند؟ کدام یک از آن ها ثابت و کدام یک کشویی است؟

قسمت جستجو با چه سایزی و کجای صفحه قرار گرفته؟

دسترسی به بنر های تبلیغاتی آسان است؟

بنر های مربوط به دسته بندی ها در کجای صفحه قرار گرفته؟

فراخوان ها به چه شکل در صفحه قرار می گیرند و آیا رسایی کافی را دارند؟

طراحی Ui تنها زیر مجموعه ای از طراحی ux

UI تنها زیر مجموعه ای از چک لیست بزرگ UX به حساب می رود.

کل یک سایت طراحی شده را می توان UX نامید که برای جذب، تاثیرگذاری و در پایان تبدیل بازدید کننده به مشتری، به کار گرفته شده.

و UI (که جنبه ی ظاهری قضیه است و اهمیت بالای دارد)، در زیر مجموعه آن قرار می گیرد و برای تامین اهداف UX به کار گرفته می شود.

توجه کنید که این دلیل بر کم اهمیت بودن ui نیست. به طور مثال فروشگاه زنجیره ای بزرگی را تصور کنید که دسترسی همه به آن آسان است اما برای جلب توجه همشهریان از تابلو ها و دکور زیبا (ui) استفاده نکرده!

مثال هایی بیشتر برای روشن شدن تفاوت طراحی ui و ux سایت

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

احتمالا تفکیک این دو قضیه برای شما چالش برانگیز شده.

در ادامه ی این مقاله مثال های واضح تری برای شما ذکر می شود.

در ابتدا دوباره یاد آوری می کنیم که ui به زیبایی و ظاهر سایت می پردازد اما ux به کارایی و همچنین نرخ تبدیل کاربر به مشتری توجه دارد
به مثال تصویری زیر دقت کنید.

این تصویر منو فیلتر محصولات سایت دیجی کالاست.

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

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

و اما اینکه چه آیکون ها و پویا نمایی هایی در این فیلتر ها استفاده شود تا هم از لحاظ زیبایی و هم از لحاظ جذب کاربر به استفاده از فیلتر مربوط به مساله ی طراحی ui می باشد.
متفاوت اما جدایی‌ناپذیر!

طراحی ux و طراحی ui در سایت

هرچند طراحی سایت با ux و طراحی ui ، معنایی متفاوتی دارند، اما در یک پروژه ی طراحی، این دو مکمل هم هستند.

و با به کارگیری دقیق هر دو مورد می‌توان طراحی زیبا و کاربردی داشت و به هدف مورد انتظار شما، رسید.

ممکن است با ‌سایتی مواجه شده باشید که از نظر ظاهر بسیار جذاب به نظر برسد اما موقع کارکردن با آن نظرتان به کلی در مورد سایت تغییر کند!

به طور مثال در یک فروشگاه اینترنتی موبایل، به دنبال گوشی هواوی honor 8c هستید، اما با وجود اینکه در تبلیغات مشاهده کرده اید، نمی توانید صفحه ی این محصول را پیدا کنید!

آن وقت است که اهمیت طراحی ux در سایت، خود را نشان می دهد.

شاید نقطه ضعف همین وبسایتی که مثال زدیم، استفاده ی غیر منطقی از المان های زیبایی شناختی در طراحی ui باشد که دسترسی به خدمات را دشوار تر کرده.

به همین دلیل است که می گوییم این دو زمینه کاملا به هم وابسته اند.

نتیجه: با وجود تفاوت UI و UX در معنی، این دو به شکل مکمل هم پیاده سازی می شوند.

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

نویسنده: عرفان لطیفی