Юзабилити аудит сайта чек-лист, лучшие примеры юзабилити и разбор ошибок
Любой сайт создают с определенной виды юзабилити тестирования целью. Даже классический сайт-визитка ставит перед собой целью познакомить посетителя с компанией и плавно провести его от знакомства до первого живого контакта. Есть несколько важных показателей, на которые особенно сильно влияет юзабилити площадки. Варианты реализации блока возможны разные, но он должен быть понятным и удобным в использовании, чтобы материал быстро репостился в любую из выбранных социальных сетей. Удобство восприятия информации также важно, нужно уделить внимание нескольким параметрам.
- Здесь должны быть ссылки на основные разделы сайта и поиск.
- Более того, чаще всего пользователи изначально открывают от 3 до 5 вкладок из поисковой выдачи, выбирая наиболее удобный среди них.
- Юзабилити-тестирование является частью процесса разработки любого сайта или приложения.
- Удобство клиента – цель номер 1 при проверке.
- Это плохо — контент нужно структурировать.
Нельзя просто так взять и сделать единый дизайн-подход для всех продуктов…
Это включает в себя проверку кнопок, форм, ссылок и других интерактивных элементов. Надежная функциональность критически важна для поддержания доверия и предотвращения разочарования. Ручная проверка надежна, но может занять много времени. Кроме того, отсутствие опыта — частая причина появления новых проблем с юзабилити. Перечисленные ниже инструменты https://deveducation.com/ помогут этот процесс автоматизировать. Если посетитель при пользовании сайтом находит несуществующие ссылки, у него может сложиться не самое приятное впечатление о веб-ресурсе.
Стратегия контент-маркетинга, которая приведет к результатам
Информация о гарантийном сроке на товар. Также есть развернутая информация о возможности вернуть товар (опционально). Заметная Рефакторинг кнопка применения.
Какие конкретно проблемы хотелось полечить
Он играет ключевую роль в процессе разработки, улучшения продуктов. Оно помогает выявить и устранить проблемы, которые могут возникнуть у пользователей при использовании вашего продукта. Это критически важно, так как неудобный интерфейс может привести к потере клиентов, а также уменьшению прибыли. Практическими такими же инструментами обладает и Google Analytics. Чтобы лучше понимать, почему так важно проводить анализ юзабилити, отметим преимущества, которые появляются после проведенного детального аудита.
Бесконечный скроллинг, ползунки и прочие инструменты пролистывания — настоящая проблема для удобства просмотра. Поэтому при добавлении таблиц стоит быть максимально осторожными, чтобы не усложнить жизнь пользователям. Используемые на сайте фотографии и картинки должны быть высокого качества, но сжаты, потому что рост веса страницы приведёт к снижению скорости загрузки. Увеличение фото по клику должно происходить в модальном окне без перехода на отдельную новую страницу.
Сначала нужно сформулировать цели, гипотезы и задачи юзабилити-тестирования. Цель определяет проблему, ради решения которой проводится тестирование пользовательского сайта. Гипотезы помогает найти вероятную причину проблемы, а задачи помогают сформировать план по устранению этой причины.
Если трудности присутствуют, нужно устранять как можно скорее. Детально стоит рассмотреть удобство выпадающих списков элементов меню. Таких не должно быть много, в противном случае стоит обратить внимание на комбинированные варианты реализации с выводом части элементов и переносом в облака тегов. Основные элементы сайта — меню, контакты, кнопка заказа, корзина, онлайн-консультант — должны быть расположены в привычных местах, а иконки — хорошо считываться. В этом случае пользователю максимально комфортно, он быстро ориентируется и легко находит нужную информацию.
Быстрый доступ к кнопкам CTA. Возможность купить товар/заказать услугу/заказать обратный звонок есть на каждой странице сайта. Информация в текстах. Всю важную информацию публикуйте текстом, а на не картинках.
Преимущество этого варианта — простота реализации, ведь нужно просто сделать форму опроса и регулярно проверять полученную информацию. Но минус тоже есть — большинство посетителей чаще сообщают о проблемах, которые и так бросаются в глаза, а мелкие недочеты часто остаются незаметными. Люди ценят те компании, которые следят за своим веб-ресурсом, исправляют все баги, прислушиваясь к мнению пользователей. Если проводить работы над ошибками, ваши клиенты не будут уходить к конкурентам.
В пунктах меню, кнопках и ссылках не используются непонятные посетителю термины или формулировки. Сайт быстро грузится (1–2 секунды). Если ваш сайт грузится более 3-х секунд – около 40 % посетителей, скорее всего, уйдут, не став ждать. Чек-лист обычно представляет собой список, в котором перечислены действия, которые надо выполнить.
Желательна проверка данных на корректность (e-mail, даты, числа). Ошибка сразу выделяется, чтобы пользователь мог ее исправить. Интерактивные элементы служат якорями, привлекающими взгляд посетителя. Они используются для наиболее важных действий, и их не должно быть много. Причем, каждый якорь гармонично вписывается в общий дизайн.
Отсутствие нагромождения элементов. Элементы и их блоки чередуются с пустым пространством; нет чувства нагромождения, пестроты на страницах. Возможность увидеть лица компании. Ясная терминология.
В заключении, прикрепляем итоговые рекомендации для проверки юзабилити.1. Формируйте насмотренность. Изучайте сайты конкурентов, отмечайте, что нравится, а что смущает. Аналитика вам в помощь2. Изучайте ресурсы, специализирующиеся на вашей отрасли. Например, не надо повторять все за магазином электроники, если вы онлайн-школа3.
Необходимо понять и проверить на различных устройствах расположение элементов в хедере, футере, на страницах. Выяснить, нет ли проблем со слишком близким размещением, не мешают ли взаимодействию с кнопками и блоками баннеры и другие элементы. Соответствие тенденциям ниши. Нужен ожидаемый дизайн сайта.
Это поможет вам понять, какие эмоции, реакции вызывает интерфейс в процессе тестирования. Пример использования камеры можно увидеть в лабораторных условиях, где важна каждая деталь. Чек-лист – это юзабилити аудит.
Сайт должен быть доступен для всех категорий пользователей (разного возраста, опытных и новичков, с хорошим и слабым зрением). Для этого обеспечивается возможность работы с клавиатуры, все элементы крупные и четкие, шрифты — комфортные для чтения. С помощью модальных окон уточняется дополнительная информация, выносятся предупреждения, открываются формы для связи. Фон затемняется, при этом остается на виду кнопка закрытия окна. Проверяем наличие и оформление чекбоксов — элементов для выбора параметров из списка.
При этом они будут полезны членам продуктовых команд и дадут возможность централизованного мониторинга качества работы над дизайном. Красным прямоугольником отмечена проблемная область интерфейса. В мобильной версии сайта часть меню закрывается шапкой сайта. На странице есть внутренняя прокрутка, которую необходимо удалить.