Юзабилити Сайта: Что Это, Анализ, Примеры И Чек-лист

Наиболее важными моментами являются функция поиска и информационная архитектура. Если люди не могут найти то, что им надо, они не будут писать отзывы. Редизайн должен наилучшим образом организовывать и направлять людей к необходимой им информации. Все это тоже влияет на юзабилити, поскольку контент — это способ коммуникации или взаимодействия с аудиторией. Тексты могут помогать или, наоборот, только путать посетителей.

Ссылку на «Контакты» расположите в меню сайта и продублируйте в футере. Она должна быть доступна с любой страницы в один клик. Для поисковых систем скорость работы сайта тоже важна, это один из факторов ранжирования.

• Слои были сохранены, так что надо было только нажимать на элементы и добавлять взаимодействия.
• Один из участников теста обратился к панели поиска, а другой перешел в категорию «Искусство и Развлечения».
• Наша статья поможет правильно подготовиться к работе с респондентом, расположить его к себе, улучшить навыки своей работы и снять страх перед этим методом.
• Получилось четыре одинаковых блока, которые аккуратно располагаются под основной картинкой страницы.
• При таком процессе рекомендуется минимум две итерации для каждого эскиза, каркаса и макета.
• Так как это был лишь гипотетический редизайн, разработчики остановились после шага «1 дизайн».

Вместо «Вы можете принести товар в другой пункт выдачи заказов» мы написали «Вы можете принести товар в любой пункт выдачи заказов». Также добавили ссылку на карту с адресами ПВЗ и текстом «Посмотреть адрес». Она состоит из трех экранов, где на финальном экране вверху висит информация о том, что за отзыв получаешь 10 баллов. У нас было 6 респондентов, никто из них не заметил эту надпись. Вроде бы это частотная проблема и кажется, что она критична, раз никто вообще не заметил эту строчку.

Совсем плохой вариант — когда поиск идет не по сайту, а возвращает посетителя в поисковую систему. Так уменьшается время на сайте и повышается вероятность, что пользователь найдет нужную информацию/товар в другом месте. Из этого раздела вы узнаете, что такое юзабилити-тестирование на примере. Мы проанализируем интернет-магазина wesco-shop.us и дадим рекомендации по его улучшению. Если планируете запускать Google Ads, заниматься SEO-продвижением или менять дизайн, то аналогичный анализ понадобится и вам. В одном из следующих разделов мы поговорим о том, как проверить юзабилити самостоятельно.

Определить Задачи Тестирования

Скажем только, что оно подходит для тех случаев, когда уже есть готовый макет и вам нужно сравнить эффективность старого и нового вариантов. Тон общения с пользователями помогает лучше «попасть» в аудиторию, повысить ее лояльность и сделать бренд более узнаваемым. Вы наверняка помните шутки «на грани» от usability testing это Burger King или искрометный юмор голосового помощника Олега от Tinkoff. Это запоминается, люди лучше воспринимают нововведения, когда им их объясняют на их языке. Оно напоминает карту кликов, только здесь более теплыми оттенками отмечаются те части страницы, которым читатели уделили больше внимания.

Известный специалист по интерфейсам Якоб Нильсен в конце XX века сформулировал 10 правил юзабилити сайта. По сути, на них и основаны современные принципы юзабилити. Проверить скорость загрузки сайта можно с помощью специальных сервисов, например PageSpeed Insights от Google. Там же можно получить рекомендации, как ускорить страницы ресурса.

В группе ВК, которая была до этого, характерный сезонный всплеск, но с сайта не приходит ничего. На примере выше есть непонятная фраза о неловкости, нет кнопок возврата. Вероятнее всего, после такого пользователь просто закроет сайт и вернется к поисковой системе.

Плюс — этот способ позволяет найти решения на основе точных статистических данных. Минус — подобные исследования достаточно сложно https://deveducation.com/ реализовать. Проверить удобство сайта можно разными способами — они отличаются и скоростью получения результатов, и их качеством.

Проанализировав их и выявив недостатки юзабилити, они улучшили потоки, котоорые и послужили в качестве функциональных принципов редизайна. Количество может меняться, но пяти участников на группу пользователей обычно достаточно для выявления большинства проблем с удобством использования. Подготовьте конкретные задания или сценарии, которые они будут выполнять. С помощью OptimalWorkshop можно тестировать архитектуру сайта, анализировать удобство пользования веб-ресурсом для улучшения его структуры.

18% нажали на вкладку, находящуюся в главной панели навигации. После проведения качественного анализа были проанализированы данные двух дистанционных исследований с помощью инструмента Optimal Workshop. Как ни странно, никто не воспользовался вкладкой «События». Один из участников теста обратился к панели поиска, а другой перешел в категорию «Искусство и Развлечения». В конце каждого задания участников попросили написать, удалось ли им выполнить поставленную задачу и оценить уровень сложности или легкости ее выполнения. Эксперты исследуют сайт, опираясь на описанные принципы.

Общение С Пользователями

В рунете популярностью пользуется бесплатные инструменты юзабилити-тестирования от Яндекс Метрики. Юзабилити-тестирование — это больше, чем галочка в списке требований. Это наиболее убедительное основание для ваших проектных решений. В конце концов, если вы не проектируете для пользователей, то вы проектируете исключительно для себя. Любые вторичные элементы, такие как «Популярные события» или «Списки» (которые по результатам юзабилити-тестирования ни разу не были даже использованы) были перенесены в футер. Поскольку страница результатов содержит меньше разнообразной информации по сравнению с домашней страницей, понадобилась лишь одна итерация, чтобы составить эскиз нового дизайна.

Ссылки, ведущие на другие страницы, могут быть в кнопках или в тексте с визуальным выделением. Если по клику начнется загрузка файла, добавьте слово «скачать», чтобы пользователь знал, что произойдет после клика. Не располагайте рядом большое количество гиперссылок — пользователи с сенсорными экранами будут часто промахиваться и переходить не на ту страницу. Если пользователь должен подождать, пока что-то загрузится или скачается, покажите шкалу прогресса или процент готовности задачи, чтобы он не подумал, что сайт не работает. Фавикон выделит ваш сайт в поисковой выдаче и сделает его более запоминаемым, а пользователи не потеряют страницу среди других вкладок. Логотипу не всегда уделяют внимание, хотя это важная часть не только сайта, но и бренда в целом.

На странице есть внутренняя прокрутка, которую необходимо удалить. Прокрутка разработана с помощью неправильного кода — его нужно отредактировать и сделать страницу без ошибок. UX-тесты упрощают проектирование сайта и позволяют его запускать в два раза быстрее. В сфере электронной коммерции обращаются триллионы долларов и из-за отсутствия обзоров пользовательского опыта 35% этих средств будут тратиться впустую.

Главное, чтобы эти люди подходили под критерии выборки. Здесь нужно брать во внимание первоначальные гипотезы заказчика и те, которые появились после брифинга. В итоге у нас получается набор предположений о пользовательском поведении, которые в результате мы подтвердим или опровергнем. Тепловая карта кликов наглядно покажет самые кликабельные места на странице. Например, по карте кликов Яндекса видим, что кнопку «Получить счетчик» нажимают, а вот новости (колонка справа) особой популярностью не пользуются.

В пределах бесплатного тарифа доступны тесты длительностью до 2 минут. Более полный доступ предоставляется только платно и стоит от seventy nine $/мес. Не будем здесь надолго останавливаться — А/Б тестированию у нас посвящена целая статья.

Обработка Данных Юзабилити-тестирования

Важную информацию нужно размещать в самом начале, чтобы пользователь прочитал ее сразу. Не стоит пытаться «зарыть» ее поглубже в контент — сейчас посетители крайне редко тратят время на источники информации, в которых приходится долго разбираться. Хорошо — в стиле самого ресурса, с использованием характерных изображений, цветов и шрифтов. Это фактор не зря является один из важных в ранжировании сайтов. Если ресурс загружается слишком долго, пользователь уйдет, не дождавшись отображения информации.

Дизайн продукта, сайта или приложения — весьма длительный процесс, требующий терпения, проницательности и наличия ряда инструментов. Чтобы понять, что в действительности работает, а что нет, важно знать мнение пользователей. Здесь-то и приходит на помощь пользовательское тестирование (user testing). Например, e-commerce проект с высокой посещаемостью столкнулся с внезапным снижением коэффициента конверсии. С помощью анализа тепловой карты можно обнаружить, что пользователи часто нажимают на некликабельный баннер, что указывает на замешательство или неудовлетворенные ожидания. Эвристическая оценка может дополнительно показать, что причина проблемы — отсутствие контроля — одной из эвристик Нильсена.

Есть признаки, которые указывают на необходимость проведения анализа юзабилити. Если вы заметили их, не откладывайте проверку — чем быстрее вы исправите ошибки, тем быстрее привлечете новых клиентов и увеличите прибыльность своего бизнеса. Этот инструмент используется для проведения А/Б-тестов, многовариантных экспериментов, настроек персонализации страниц.

Инструменты обратной связи локализованы для сбора отзывов на более чем 40 языках, включая русский. Можно сделать это вручную или через Google Tag Manager. Описанный процесс редизайна Yelp был по существу параллельным процессом совместно с UX-тестированием, проведенного в самом начале. Так как это был лишь гипотетический редизайн, разработчики остановились после шага «1 дизайн». Если бы это был настоящий редизайн, следующим шагом стало бы проведение дальнейшего тестирования для улучшения прототипа.

Чтобы увидеть события, которые они планируют посетить, они должны нажать на нижнюю вкладку «События». Следующей целью стал более подробный анализ информационной архитектуры. Для этого специалисты провели тестирование первого клика и тестирование с закрытыми картами. Последний пользователь попытался выбрать две категории, чтобы отфильтровать результаты, однако когда он кликнул по одному из вариантов, второй в этот момент исчез. В ответ на просьбу найти ресторан с определенной атмосферой ни один из пяти участников не попытался воспользоваться панелью поиска.

Здесь было бы логичнее слева добавить фильтры, а не повторять то же, что и в верхнем меню. А так фильтры перемещаются на второй экран и становятся менее востребованными. Теперь пошагово и с примерами рассмотрим, где чаще всего встречаются ошибки на сайте. Чем удобнее ресурс будет для посетителей, тем выше вероятность, что они вернутся. Но здесь еще важны качество предоставляемых услуг, ценовая политика, условия обслуживания.