Вообще владельцу сайта нужно пересмотреть рубрикатор. Для такой страницы https://deveducation.com/ три мелких блока даже после центрирования будут смотреться неестественно. Предлагаем добавить новую рубрику, увеличить картинки и выровнять все по центру.
UI аудит: чек лист по дизайну интерфейса
- Сигнал о том, что товар уже в корзине.
- Примерно такая же ситуация и в других странах.
- Такие проверки можно делать быстрее, если иметь для них заготовку чек-листа.
- Поведение пользователей.
- Также проверяем достоверность данных.
- Стоковые фото нужно стараться употреблять по-минимуму.
Особенно важно для ключевых разделов и страниц. Всем привет, меня зовут Илья Гордеев, я дизайн-менеджер направления b2b продуктов в X5 Tech. Как мы это виды юзабилити тестирования делали — расскажу в статье.
Регистрация на сайте, оформление заказа, корзина
Особенно это касается изображений с мелкими деталями – скриншотов и т.п. Удобство при оптовой покупке. При добавлении товара в корзину пользователь может сразу выбрать количество добавляемых товаров, а не вынужден несколько раз кликать по кнопке покупки. Использование отложенного фильтра. Дополнительные категории. На страницах разделов каталога есть ссылки на типы, серии товара, которые Локализация программного обеспечения ваши покупатели ищут чаще всего, но для которых не выделен отдельный раздел.
Универсальный чек-лист для проведения аудита
Стоковые фото нужно стараться употреблять по-минимуму. Картинки должны быть в высоком разрешении, желательно — в цветовой гамме сайта. Для значимых фотографий следует предусмотреть возможность увеличения при наведении (открываются в модальном окне). Желательно использовать на сайте разнообразный контент. Причем, объем текста или иллюстраций должен быть умеренным, перегруженность не допускается.
ТОП-6 инструментов для самостоятельного аудита
Это помогает улучшить навигацию и структуру, делая сайт более интуитивно понятным. Хорошо структурированный интерфейс повышает удовлетворенность пользователей и снижает вероятность ошибок. Возможность отмены. Пользователю должна быть предоставлена возможность отменить или изменить свои действия. Удобство использования сайта – это очень важный фактор. Отсутствие кнопок возврата к предыдущим действиям или отмены заказа может вызывать у пользователя негативные эмоции.
Не только формы обратной связи, но и контактные номера сотрудников могут быть актуальными для пользователей. Это вызывает доверие, формирует дополнительное лояльное отношение к компании. Необходимо периодически в ручном режиме проверять удобство и длину цепочки действий от перехода на сайт до оформления заказа. Если в процессе обнаружится неудобный и лишний шаг — исключить его. Пример — заполнение профиля в личном кабинете или формы на скидку. Это способно затянуть процесс и заставить остановиться на одном из этапов совершения заказа.
В одном из следующих разделов мы поговорим о том, как проверить юзабилити самостоятельно. Если вам некогда ждать — воспользуйтесь услугами специалистов. Выбор правильных респондентов критически важен для получения релевантных данных. Чем ближе выбранные пользователи к вашей целевой аудитории, тем точнее будут результаты теста. В современном конкурентном рынке важно выделяться среди конкурентов.
Имеется в виду заголовок H1, а не тайтл, так как при множестве открытых вкладок в браузере тайтл просто не виден. Что делать, если сайт упал в поисковой выдаче и стал приносить меньше заявок. Пояснения для деактивированных элементов. При наведении на неактивную кнопку или ссылку появляется краткое пояснение, почему кнопка/ссылка неактивна. На сайте есть ссылка на карту сайта, и она сквозная (оптимальное расположение – в футере).
То есть пользователь точно знает, что он открывает по ссылке. Стандартизация взаимодействия. Все ссылки оформлены в привычном посетителю стиле – синим цветом, подчеркнутые, курсор при наведении на ссылку меняет свой вид на кликабельный (иконка руки). После клика ссылка меняет свой цвет (стандарт – фиолетовый). Продуманное расположение блоков. Их располагаем на первом экране таким образом, чтобы посетитель видел, что ниже тоже есть что-то интересное.
А для их составления были сделаны некие упражнения для знакомства с пользователями, глубинные интервью и анализ дизайнером полученных данных. При этом важно помнить, что отчет о тестировании превращается в бесполезную бумагу, если владелец сайта по какой-то причине не будет выполнять составленные рекомендации. Собственник сайта внес правки и теперь у страницы каталога появился адаптивный дизайн. Это значит, что вы увидите упорядоченную верстку на любом устройстве, с которого зайдете на сайт. Если открыть каталог на смартфоне, то на одной строке будет два описания. На анализируемой странице мы видим фиолетовые кухонные часы, которые выбиваются из общей цветовой гаммы.
Так компания устраняет препятствия на пути пользователя к покупке, повышает конверсию в заказы и оплаты и получает больше прибыли. Юзабилити сайта — это оценка удобства работы пользователя с веб-ресурсом. Чем оно лучше, тем ниже показатель отказов, выше вовлеченность аудитории и больше продаж.
Это позволит детально проанализировать, какие элементы интерфейса вызывают затруднения у пользователей. Программное обеспечение для записи экрана также может включать функции для анализа кликов, движений мыши, что важно для выявления проблем в навигации, структуре. Тестирование позволяет убедиться, что все функции вашего сайта или приложения работают корректно и без сбоев.
Излишнего креатива тоже стоит избегать. Элементы контента должны располагаться слева направо в соответствии со значимостью. Ключевая информация должна быть всегда «под рукой», чтобы человек имел возможность совершить следующий шаг (в соответствии с логикой сайта). Пользователь рассчитывает на то, что все нужные данные будут предоставляться ему автоматически, без усилий с его стороны.
Это позволяет сделать гораздо более точные выводы о поведении пользователей на сайте и определить, какие именно элементы интерфейса привлекают внимание. Отчеты учитывают взгляд плюс скролинг, мышь, клики. SiteAnalyzer полезен для проверки сайта на предмет 40x ошибок, выявления технических проблем. Чек-лист применим к большинству интернет-сайтов. Но некоторые его пункты могут быть неприменимы из-за специфики конкретного сайта, бизнеса или потребностей целевой аудитории. Цель — сделать все, что вызывает даже незначительные затруднения, понятным.
В чем заключается задача? Пару слов о компании.
Плохо, когда она пульсирует или перемещается по странице — это может отвлекать и даже раздражать пользователя. Поиск и «хлебные крошки». Поместите поиск на видное место в верхней части страницы.
Это актуально при использовании отложенного фильтра, когда посетитель активирует фильтр только после выбора всех нужных ему параметров. Можно заменить формой «Написать директору». Понятный и релевантный H1. На всех страницах есть заголовок, который полностью соответствует ее содержанию.