سیما بهراد
سیما بهراد
خواندن ۳ دقیقه·۳ سال پیش

بررسی رابط کاربری سایت هتل هما بر اساس متد Heuristics و قوانین شایندرمن

متد Heuristics برای شناسایی مشکلات Usability در طراحی رابط کاربری است مزیتی که نسبت به روشهای user testing دارد این است که در مراحل اولیه مانند وایرفریم هم میتواند از مشکلات کاربردپذیری جلوگیری کند و در هزینه کاهش محسوسی ایجاد نماید .

ارزیابی اکتشافی
ارزیابی اکتشافی

قوانین شایندرمن (Ben Shneiderman) شامل مجموعه اصولی است که به عنوان راهنمایی برای یک طراحی تعاملی مناسب است و کاربرد پذیری را مورد سنجش قرار میدهد .

قوانین شایندرمن
قوانین شایندرمن

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

تصویر زیر نمای کلی از صفحه اول سایت هما است .

homahotels.com
homahotels.com

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

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

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

همچنین این بخش در موبایل خوانایی ندارد و با توجه به اینکه امروزه بخش عظیمی از مخاطبان از موبایل استفاده میکنند کاربران زیادی اطلاعات این بخش را از دست میدهند .

خوانا نبودن اطلاعات اسلایدر
خوانا نبودن اطلاعات اسلایدر

در بخش "چرا هتل " دو تصویر با کیفیت بسیار پایین بصورت fixed position نمایش داده میشود همچنین یک background image برای این بخش در نظر گرفته شده که باعث شلوغی صفحه شده است و هیچکدام از تصاویر کیفیت مناسبی ندارند و به درستی نمایش داده نمیشوند.

استفاده از تصاویر با کیفیت پایین و عدم نمایش صحیح
استفاده از تصاویر با کیفیت پایین و عدم نمایش صحیح

در بخش اخبار ، خبر ها بصورت کروسل وauto play نمایش داده میشود که بهتر است در صفحه المان های متحرک نداشته باشیم که باعث آزار بیماران شناختی و بیماران اوتیسم نشود .

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

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

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

بهتر است در صورت بروز هرگونه خطایی از سمت کاربر یا سیستم علت آن به صورت واضح و کوتاه برای کاربر توضیح داده شود .

به طور مثال در مواجه کاربر با صفحه 404 بهتر است علت خطا برای کاربر مشخص شود در سایت هما علت خطا برای کاربر مشخص نیست .

صفحه 404
صفحه 404

امروزه اکثر کاربران سایت بوسیله موبایل سایت ما را مشاهده میکنند به خاطر همین باید از کارکرد صحیح سایت در موبایل مطمئن شویم .

بهتر است بخشی با عنوان ارتباط آنلاین یا سوالات متداول به سایت اضافه شود .

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

امیدوارم هم برای من هم برای هما مفید باشه :))


ارزیابی اکتشافیکاربردپذیریرابط کاربری
UI/UX Designer ? من عاشق کارم هستم و اینجا تجربیات و تحقیقاتمو ثبت میکنم
شاید از این پست‌ها خوشتان بیاید