ui چیست؟ تفاوت UI و UX + بررسی یک نمونه واقعی

شما را نمی‌دانم اما من با دیدن ظاهر یک وب سایت، به طور کامل در مورد آن قضاوت می‌کنم. یعنی اگر وب سایتی را ببینم که فونت متن آن بسیار درشت است، ترکیب رنگ بدی دارد و از عکس‌های بی‌کیفیتی استفاده کرده، سریعاً قضاوت می‌کنم که تیم معتبری پشت این سایت فعالیت نمی‌کند.

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

این چیزی که تا اینجای مطلب در موردش صحبت کردم، ظاهر یا همان UI (رابط کاربری) است! فکر می‌کنم همین اول مقاله متوجه شدید که UI یک وب سایت چقدر روی موفقیت آن تاثیر دارد!

UI چیست؟

UI مخفف واژه User Interface یا همان «رابط کاربری» است. به طور خلاصه، تمامی ظاهر وب سایت شما، از فونت و رنگ متن، رنگ پس‌زمینه و... گرفته تا تصاویر و دکمه‌ها، همه و همه جزو  رابط کاربری یا همان UI وب‌سایت محسوب می‌شود.

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

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

تاریخچه UI

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

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

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

UI همه چیز است؟

چند ماه پیش به یک اصطبل بزرگ اسبدوانی رفتم. داخل اتاقک‌های نگهداری اسب‌ها، چند اسب زیبا نظر من را جلب کردند. در نهایت با یک وسواس خاص یکی از آنها که رنگ مشکی متفاوتی داشت را برای سواری انتخاب کردم. می‌دانید چه چیزی باعث شد او را انتخاب کنم؟ UI خوبی که داشت! اما بعد از اینکه سوارش شدم، تازه فهمیدم که:

UI همه چیز نیست!

این اسب به معنای واقعی خر بود (!) و هیچ کدام از فرمان‌هایی که به او می‌دادم را اجرا نمی‌کرد. در اصل انگار اصلاً متوجه من نبود. می‌دانید چه چیزی باعث شده که من از سواری این اسب ناراحت باشم؟ UX بدی که داشت!

UX به معنای تجربه کاربری است. یعنی تجربه‌ای که شما در استفاده از یک وسیله یا در زمان کار با یک وب سایت به دست می‌آورید. مثلاً زمانی که وارد یک سایت می‌شوید و سرعت پایینی دارد، وقتی برای پیدا کردن منو آن باید 5 دقیقه تمام کل صفحه را بگردید، زمانی که برای باز شدن یک برگه باید 10 بار کلیک موس را فشار دهید و... اینها همه UX یا همان تجربه کاربری بد و نامناسبی است که یک سایت دارد. (نمونه‌های آن را بیشتر در سایت‌های دولتی ایرانی می‌بینید)!

باید به این نکته دقت کرد که هر چقدر UI روی نظر کاربران تأثیر داشته باشد، به همان اندازه هم UX برای‌شان مهم است. بنابراین به هیچ عنوان قرار نیست UI را فدای UX وب سایت کنید.

نمونه UI خوب

هیچ مقاله و مطلب آموزشی بدون نمایش یک نمونه خوب کامل نمی‌شود! پس بیایید حالا که با UI آشنا شدیم، با هم یک نمونه سایت با UI و البته UX خوب را هم بررسی کنیم:

سایت نوین، یکی از معتبرترین وب سایت‌های سطح وب در زمینه آموزش بازاریابی دیجیتال و موفقیت کسب و کار است. نظر بقیه را نمی‌دانم ولی به نظر خودم، نوین این موفقیت فوق العاده‌اش را مدیون 3 چیز است:

• محتوای آموزشی به شدت کاربردی
• رفتار متفاوت نیروها
• و در نهایت یک UI شگفت انگیز

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

در ضمن این وب سایت یک سری محتوای کاربردی در زمینه آموزش طراحی ui و همینطور طراحی تجربه کاربری منتشر کرده که فکر می‌کنم برای علاقه‌مندان به این حیطه، بسیار مفید باشد. همچنین می‌توانید با شرکت در دوره طراحی ui آکادمی نوین، همین حالا یادگیری را شروع کنید و به یک طراح حرفه‌ای رابط کاربری تبدیل شوید. قبل از هرچیزی پیشنهاد می‌کنم فصل اول این دوره را از آدرس novin.com/academy/ui-design-course/ به رایگان دانلود و مشاهده کنید.

کلام آخر

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

‌توجه: مطالب منتشرشده در بخش رپورتاژ آگهی توسط شرکت‌های ثالث تهیه شده و جنبه تبلیغاتی یا بیانیه خبری دارند. این مطالب فقط جهت بازنشر در اختیار ما قرار گرفته و لذا شهرسخت‌افزار مسئولیتی در قبال محتوای آن ندارد.