interfaces.prjctr | tykhonko week | 5 поширених UX помилок навігації по домашній сторінці та категоріяхЗгі...

5 поширених UX помилок навігації по домашній сторінці та категоріяхЗгідно з дослідженням Baymard Institute у цьому розрізі 76% сайтів мають посередній або поганий перформанс.Як не опинитися в їхніх рядах?🔹91% сайтів використовують продукти зі спільними рисами як окремі категорії.Наприклад, в American Eagle «Квіткові сукні» — це підкатегорія «Суконь». Тобто користувач не може переглянути «Всі сукні» або, наприклад, список з «Квітковими сукнями» та «Мінісукнями».🔹70% сайтів неправильно застосовують фільтр «Знижка»Сайти часто дають можливість переглянути товари, на які діє знижка. Натомість при великому каталозі товарів, це посилає в кілометровий список непотрібних товарів — там і чайники, і столи, і красиві столові серветки. Тому важливо додавати «Знижку» як додатковий фільтр, яким можна обрати товари серед конкретної категорії, на які у той самий час діє знижка.🔹63% сайтів не розміщують пряме посилання на продукти, зображені на «надихаючих зображеннях»Юзер відкриває сайт, бачить гарні лайфстайл зображення, помічає конкретні класні товари, натискає… І не потрапляє нікуди або переходить на загальний каталог товарів. Це викликає фрустрацію у користувачів, яким сподобався товар з цього зображення. Деякі сайти вирішують це, формуючи каталоги з усіх товарів на віжуалі або посилаючи на 1 з зображених товарів.🔹61% сайтів не мають або мають малозрозумілі іконки підкатегорійПризначення проміжної сторінки з категоріями — відправити юзера до потрібної йому підкатегорії якомога легше. Ця задача ускладнюєтся, коли список важко сканується очима. Популярна причина: велика кілкість одноманітних надписів, які не супроводжуються візуально.Під час тестування учасникам було набагато легше користуватися сайтами, де категорії мають як назви, так і іконки.🔹91% сайтів не підсвічують поточне місцезнаходження користувача в головному менюНавіть коли breadcrumbs реалізовані досконало, користувачі часто покладаються на основне меню, щоб швидко зрозуміти, де вони знаходяться, або щоб запевнити себе, що вони знаходяться там, де вони думали, що знаходяться.На щастя, є просте та бюджетне рішення — виділіть поточне місцезнаходження користувача в головному меню за допомогою іншого стилю: кольору, підкреслення, тощо.• Більше знань і практичних UX навичок — на курсі UX Design Medium.