Sofin-credit.ru

Деньги и работа
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Анализ юзабилити сайта пример

10 эффективных инструментов для юзабилити-тестирования: обзор и сравнение

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

На этот случай существуют онлайн инструменты для юзабилити-тестирования. Они помогают выяснить, насколько продукт соответствует ожиданиям пользователей, и в то же время, экономят время и средства на проведение исследований.

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

Сначала идет описание всех десяти приложений, а затем сравнительная таблица, где отражены их основные характеристики.

UsabilityHub

На сайте доступны три онлайн инструмента, позволяющие тестировать юзабилити сайта или веб-приложения по скриншотам страниц.

  • Navflow позволяет анализировать, насколько легко пользователи ориентируются на странице сайта.
  • Fivesecondtest помогает выявлять элементы дизайна, привлекающие наибольшее внимание посетителей.
  • ClickTest создает карту кликов (heatmap), показывающую области веб-страницы, на которые пользователи кликают чаще всего.

Как это работает. На примере Fivesecondtest

Выбираем одно из трех приложений для тестирования веб-страницы.

Загружаем скриншот страницы и делаем короткое описание проекта для пользователей, которые будут участвовать в исследовании.

Выбираем пять вопросов, на которые люди должны ответить после пятисекундного просмотра изображения.

После этого задаем желательное количество просмотров страницы и запускаем тест. Когда на вопросы ответит нужное число людей, получаем результат.

Для тех, кто хочет воспользоваться бесплатной версией приложения есть ограничения типа: «сколько потопаешь — столько и полопаешь», чтобы привлечь достаточное количество людей для тестирования, необходимо самому немного потрудиться.

У каждого пользователя приложения есть своя «карма». Свежезарегистрированный пользователь получает 20 очков кармы, плюс, за каждую протестированную страничку еще по 1 очку. Сколько очков — столько людей смогут просмотреть загруженный скриншот и ответить на вопросы.

Большой плюс этого приложения заключается в том, что есть возможность выбрать язык тестирования. Причем можно показывать проект на русском языке только русскоязычным пользователям.

UserPlus

На этом сайте можно протестировать веб-страницы двумя способами:

  • Самостоятельно, с помощью The Advisor Tool.
  • На реальных людях, с помощью инструмента The Tester Tool.

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

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

Как это работает?

Создаем проект и загружаем скриншоты страниц сайта. (В бесплатном варианте можно загружать один скриншот в месяц.)

Затем размечаем скриншот элементами интерфейса.

Отвечаем на вопросы check-листа по всем выбранным элементам интерфейса. Список вопросов получается довольно внушительный.

На выходе получаем оценку юзабилити для каждого размеченного элемента и страницы в целом.

Usabilla

Тестирование юзабилити на сайте Usabilla проходит в пять этапов:

  • Создаем новый тест: указываем URL сайта, который собираемся тестировать, и язык тестирования. Доступно 20 языков, в том числе русский.
  • Указываем страницы сайта для тестирования. Можно загрузить их скриншоты с компьютера или указать путь к ним на сайте.
  • Выбираем вопросы, на которые хотим получить ответы от пользователей. Можно воспользоваться стандартными, заранее предопределенными вопросами или сформулировать свои собственные.
  • Сами находим и приглашаем людей, готовых принять участие в тестировании и поделиться своим мнением.
  • Программа аккумулирует результаты тестов и отзывы пользователей, а затем предоставляет статистику, сгруппированную в удобном для анализа виде. Тестируемые страницы можно просматривать в виде тепловых карт активности (heatmap).

Видео дает довольно точное представление о том, как работает Usabilla.

Бесплатно можно протестировать две страницы на десяти людях.

СonceptFeedback

Это не совсем пользовательское тестирование, но данный ресурс позволяет получить отзывы от профессионального сообщества дизайнеров.

В рунете есть ресурсы, аналогичные ConceptFeedback: re:vision и Russian Creators.

Optimal Workshop

На сайте OptimalWorkshop можно оптимизировать сайт, используя три разных инструмента:

  • Optimalsort — это инструмент, который помогает организовать структуру сайта с помощью метода сортировки карточек.
  • Treejack — приложение для тестирования многоуровневой информационной архитектуры (ИА) сайта. Чтобы начать тестирование, структуру веб-сайта необходимо организовать как таблицу и загрузить в Treejack.
  • Calkmark предназначен для тестирования юзабилити веб-страниц. Он помогает понять, насколько просто (или сложно) пользователям сайта находить нужную информацию. Чтобы начать работу, загружаем скриншот веб-страницы и ставим перед пользователями какую-либо задачу. Calkmark накапливает ответы и выдает результаты тестирования в виде тепловой карты кликов, а также сообщает среднее время, необходимое для выполнения каждой задачи.

Для каждого вида тестирования мы сами ставим задачи, а затем сами находим пользователей и приглашаем их поучаствовать в исследовании.

В бесплатной версии можно создавать только небольшие проекты, со следующими ограничениями:

  • OptimalSort: десять участников и 30 карточек за один опрос.
  • Chalkmark и Treejack: 10 участников и 3 обследуемые задачи за один опрос.

Этот бесплатный онлайн инструмент можно интегрировать на сайт. Он создает небольшой опрос посетителей сайта, состоящий всего из 4 вопросов. Вопросы сформулированы таким образом, чтобы можно было выявить наиболее достоверную обратную связь от пользователей.

Интегрируется с Google Analytics и доступен на 10 языках, хотя русского, к сожалению, среди них пока нет.

Feng-GUI

Feng-GUI имитирует взгляд пользователя в течение первых 5 секунд воздействия визуального эффекта. Это приложение создает карту движения глаз по странице (heatmap) на основе алгоритма, который предсказывает, на что, скорее всего, будет смотреть реальный человек.

Прямо на главной странице сайта можно загрузить скриншот и увидеть вероятные области повышенного внимания посетителя.

ClickHeat

Это бесплатное программное обеспечение с открытым кодом интегрируется на сайт и создает визуальную тепловую карту кликов посетителей веб-страницы. А так как код ClickHeat находится непосредственно на сервере, то карта отражает результат работы реальных пользователей сайта.

WebVisor

Российская система, которая после установки javasript-кода на страницы сайта, позволяет отслеживать и анализировать поведение пользователей.

С ее помощью можно:

  • Записывать действия посетителей сайта: клики, скроллинг, нажатие клавиш, заполнение форм, выделение и копирование текста.
  • Воспроизводить записанные действия в режиме «живого видео».
  • Проводить детальную аналитику поведения посетителей веб-сайта.
  • Составлять карты активности пользователей: тепловые карты кликов, карты внимания и карты скроллинга.

В бесплатной версии записываются 100 посещений в день, воспроизводятся для анализа 2 из них, а данные хранятся в системе WebVisor в течении двух суток.

SitePolice

Еще один русскоязычный онлайн инструмент для юзабилити-тестирования сайтов. Он дает возможность владельцам сайта протестировать свой ресурс при помощи аудиторов, а аудиторам заработать своим трудом.

Как это работает?
  • Заказчик выставляет свой сайт на суд «полицейских», формулирует несколько вопросов, на которые хотел бы получить ответы и выбирает тарифный план аудита.
  • Аудиторы пишут отчет по сайту в практически свободной форме. В отчете есть только два обязательных раздела: «анализ юзабилити сайта и способы решения проблем» и «общий вывод». За свои отчеты и активность на сайте «полицейские» получают баллы, которые потом могут превратить в деньги.
  • Если заказчик аудита не против, то все отчеты «полицейских» остаются на сайте сервиса для общего просмотра.

К сожалению, бесплатной или тестовой версии сервиса для заказчиков аудита не существует.

5 бесплатных инструментов для самостоятельного юзабилити-тестирования сайта

Аналитики американской компании Forrester Research выяснили, что около половины сайтов теряет клиентов из-за неудобного дизайна и других недочетов в юзабилити. Только представьте: неудачная форма заказа или некликабельная картинка — и потенциальный покупатель понес деньги конкурентам. Чтобы понять, нравится ли вашим посетителям сайт и удобно ли им делать на нем покупки, проведите юзабилити-тестирование.

Читать еще:  Заработок на машинах сайт

Что нужно тестировать?

Если сайт уже работает, какие его элементы нужно протестировать станет ясно после аналитики. Реальный пример теста юзабилити компании Imaginary Landscape: из Google-Аналитики видно, что пользователи заходят на страницу с формой обратной связи, но заявку на звонок не отправляют. После юзабилити-тестирования стало понятно, что люди не хотят заполнять такое количество строк. Форму поменяли, количество строк сократили c 11 до 4, после чего конверсия выросла на 140%. Профит.

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

Кроме прочего, тестируют:

  • структуру сайта, чтобы сделать ее простой и понятной для пользователя;
  • кнопки на кликабельность, особенно после того, как в моду вошел так называемый плоский дизайн;
  • меню, чтобы определить, почему пользователи не заходят в некоторые разделы.

В общем, любые элементы, с которыми посетитель взаимодействует на сайте. Или не взаимодействует, но по нашему плану должен.

В идеале тестирование проводят специалисты: собирают данные, сегментируют ЦА, формируют фокус-группы, составляют анкеты, а после самого исследования анализируют результаты. Это долго и дорого, хотя и стоит того. Но получить общее представление о взаимодействии пользователей с вашим сайтом можно и самостоятельно, причем бесплатно. Для этого есть как минимум 5 способов.

1. Инструменты Яндекс Метрики

В рунете из бесплатных инструментов юзабилити-тестирования пока не придумали ничего удобнее и функциональнее счетчиков Яндекс Метрики. Чего стоит один «Вебвизор».

С его помощью можно воспроизводить перемещения курсора пользователя, клики, заполнение формы и выделение текста. Вы как будто смотрите видеозапись визита посетителя своего сайта: куда он нажал, что ввел в строку поиска или, например, на каком шаге оформления заказа остановился.

Чтобы установить «Вебвизор», авторизуйтесь на Яндекс Метрике и перейдите на вкладку «Добавить счетчик». В «Настройках» скопируйте код счетчика и вставьте на все страницы сайта.

Добавьте HTML-код счетчика на страницы своего сайта

Интерфейс Вебвизора

Вот так выглядит отчет «Вебвизора». А просмотр действий пользователя начнется при нажатии на значок воспроизведения.

«Вебвизор» не единственный полезный инструмент Яндекса, который поможет отследить реакцию пользователей на ваш сайт.

Тепловая карта кликов

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

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

2. UsabilityHub

Онлайн-сервис предлагает 5 простых тестов:

  • Five Second Test — тест пяти секунд. Принцип таков: вы загружаете скриншот тестируемой страницы на сайт, участники теста смотрят на нее в течение 5 секунд, после чего дают свою оценку. Можно задавать разные вопросы, например, какой элемент больше всего привлек внимание, что запомнилось, о чем сайт и тому подобное. По завершении вы получите ответы участников теста в полном объеме + автоматически сгенерированное облако часто повторяющихся слов.

1.Загружаем скриншот страницы

2. Задаем участникам вопросы

3. Получаем отчет с ответами

4. Для наглядности изучаем облако

  • Click Test — тест кликов.
    Действия те же, только вместо ответов получаем тепловую карту кликов. По ней мы увидим, что пользователи, к примеру, не жмут на стратегически важную (для нас) кнопку, зато активно кликают картинку. Дополнительно сервис предоставит отчет о количестве кликов и среднем времени щелчка.
  • Question Test — тест вопросов.
    Вы спрашиваете о своем сайте — реальные люди отвечают.
  • Navigation Test — анализ навигации.
    Позволяет понять, насколько удобно пользователям «лазить» по вашему сайту, понятна ли его архитектура и навигация.
  • Preference Test — предпочтение.
    Поможет провести А/В тестирование дизайна сайта, приложения, листовки. Загружаете два варианта дизайна — пользователи выбирают, какой им больше нравится. Все просто и оперативно.

Тепловая карта кликов

UsabilityHub — англоязычный сервис, но среди предлагаемых языков тестирования есть русский. В платной версии вы выбираете количество участников и вскоре получаете результаты. В бесплатном варианте придется самому поучаствовать в тестированиях, поотвечать на вопросы и пооценивать дизайны. Наберете необходимое количество баллов за участие — получите возможность провести свой тест.

3. Usabilla

Предлагает 3 продукта: тестирование веб-сайта, мобильного приложения и электронного письма. Под тестированием подразумевается хорошая обратная связь от людей в режиме реального времени: участники ставят свои оценки, пишут комментарии, указывают на ошибки, делают скриншоты для большей наглядности. Все данные сохраняются в удобную статистику.

Среди языков тестирования есть русский, но сама программа на английском. В бесплатной демо-версии можно протестировать 2 страницы с участием 10 человек.

4. Optimal Workshop

На сервисе доступны такие инструменты:

  • Treejack — тестирование «дерева» сайта.
    Помогает понять, как пользователи ориентируются на вашем сайте, выполняют ли те действия, которые вы от них ждете, или теряются в его дебрях. Для тестирования нужно расписать информационную архитектуру своего сайта в форму Treejack. Звучит страшно, но каждая строка формы подписана, если знаете английский — легко справитесь. Также нужно поставить задачи участникам тестирования, к примеру, найти мобильный телефон на сайте. На выходе получите исчерпывающую статистику в виде таблиц и диаграмм. Бесплатная демо-версия позволяет опросить 10 человек.
  • OptimalSort — тестирование по методу сортировки карточек.
    Помогает выяснить, как пользователь думает, какие принимает решения и как ему проще достичь конечной цели на вашем сайте. Как это работает: все элементы контента сайта «выписывается» в отдельные карточки, а участникам предлагается отсортировать их так, как им было бы понятно и удобно. В результате вы получаете отчеты в виде таблиц, матриц, дендрограмм и понимание ментальной модели ваших пользователей. В бесплатной версии можно протестировать 30 карточек, опросив 10 человек.
  • Chalkmark — опросы, тепловая карта.
    Помогает узнать первое впечатление о дизайне, показывает тепловую карту кликов и анализ первого щелчка. Для тестирования загрузите скриншот страницы, поставьте участникам задачи и ждите результаты в виде карты кликов, цветовой сетки и схемы подсчета количества щелчков.

Результаты тестирования макета сайта с помощью Chalkmark

В платной версии можно проводить онлайн-опросы с быстрой обратной связью.

5. Feng-GUI

В отличие от предыдущей тройки инструментов, этот не дает обратную связь от живых людей. Приложение на основе своих алгоритмов само генерирует карту внимания пользователя. То есть показывает, куда он посмотрит сразу после загрузки страницы и в какой последовательности (по мнению программы) его взгляд будет перемещаться с одного элемента на другой. Для тестирования вводим url нужной страницы сайта, жмем Analyze, через несколько секунд получаем заветную карту взгляда пользователя.

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

Читать еще:  Куда вставить html код на сайт

Не хотите разбираться в интерфейсах и статистиках англоязычных ресурсов? Идите в народ. К примеру, для оценки дизайна страницы разместите скриншот на revision.ru или подобных площадках, поинтересуйтесь мнением «местных» — web-дизайнеров, разработчиков и других специалистов. Проведите опросы в соцсетях, например, в тематических сообществах, или соберите фокус-группу среди своих знакомых. Для более или менее объективного анализа юзабилити достаточно опросить 5 респондентов (по некоторым данным 8) из своей целевой аудитории.

Тестируйте юзабилити своего сайта. Используйте бесплатные программы, опрашивайте знакомых, нанимайте профи — все методы имеют место. Иногда достаточно всего лишь переместить кнопку в другое место, поменять некоторые элементы дизайна или форму заявки, и сайт начнет приносить ощутимо больше пользы. Просто благодаря тому, что стал более удобным и понятным для посетителей.

Юзабилити анализ сайта. 5 важных элементов главной страницы с примерами.

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

Сразу обращаю ваше внимание, что речь в статье пойдет о юзабилити многостраничного сайта с категориями. Разбор будем вести на примере типичного интернет-магазина.

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

Анализ юзабилити сайта

Любые изменения следует начинать с анализа текущей ситуации.

С чего начать анализ юзабилити сайта?

Для начала определите портрет своей ЦА. Это важно для выбора формата подачи информации. Чем подробнее будет портрет, тем лучше. Вот отличный пример портрета ЦА, который мне как-то прислали:

Портрет покупателя (писался по данным опросов операторов колл-центра, курьеров компании):

“Женщина, 33 года, замужем, один ребенок, в ближайший год-два появится второй (как минимум они будут с мужем стараться). Живет почти на окрайне Москвы (метро войковская) на семью есть одна машина, есть собака. Она русская, православная. Доход на семью около 80-100 т.р.. У нее часто болит спина (после родов особенно) она недовольна своими волосами (они выпадают и секутся), у нее есть проблемы со здоровьем по женской части.Она очень хочет выспаться, хочет секса, хочет быть хорошей женой, матерью и дочкой, хочет чтобы ей завидовали и мечтает переехать в свой дом или большую квартиру. Она боится остаться одна и боится старости, она переживает за детей и мужа и боится остаться без денег, еще она боится растолстеть, остаться без денег и сглаза, когда она делает покупки — она боится что ее обманут. Она позитивная (часто проявляет позитивные эмоции, воспринимает шутки), не скандальная (ей проще уйти, чем доказывать свою правоту), в целом, она не обращает слишком пристального внимания на товар перед покупкой (по крайней мере не лезет вовнутрь), она увлекается рукоделием (или хотя бы ей это интересно), имеет профили в соцсетях и активно ими пользуется. (Особенно после 21-30, после того как укладывает ребенка спать.) Ее часто можно встретить в ТЦ, поликлинике и на детских шоу (например «Фиксики» в Крокусе)”

Сразу становится ясно, в какой форме лучше всего преподнести УТП для данной аудитории, да?

Но не стоит зацикливаться на одной аудитории. Помимо вашей основной ЦА, определите также и вторичную аудиторию — потенциальных сотрудников, партнеров и т.д.

Постарайтесь ответить на следующие вопросы:

  • Почему люди приходят к вам на сайт?
  • Что они ожидают найти на нем?
  • И, наконец, что нужно сделать, чтобы им было проще это найти?

Оценивая сайт с позиции клиента, вы сможете быстро определить его недоработки.

Юзабилити дизайн сайта должен быть разработан, в первую очередь, для удобства пользователя. Не нужно перегружать страницу лишними, пусть и красивыми элементами!

  • Обозначайте важные утилиты (вход/регистрация/условия доставки)
  • Делайте меню с ориентацией по левому краю с углубленностью не более чем в 3 клика (категория/подкатегория/товар)
  • Не перегружайте навигационное, верхнее меню, оно должно содержать максимум 5-6 пунктов.

Навигационное меню, пример оформления.

  • Расположите корректно следующие 5 элементов на главной странице сайта:

1. Уникальное торговое предложение

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

Как правильно составить и разместить УТП на сайте

2. Обзоры популярных товаров/услуг

Данный блок охватывает сразу несколько типажей покупателей. Он может привлечь как импульсивного покупателя — тип, который реагирует на яркий цвет объявления (интересный факт, выявленный в ходе анализа: лучше всего на импульсивную персону работает желтый и красный цвет, синий для мужчин), склонный совершать незапланированные покупки повинуюсь ежеминутному желанию.

Так же, эта подборка ориентирована на заботливого потребителя — тип для которого важны отзывы, рейтинг товара, тут отлично работает элемент: «Этот товар здесь не просто так, ведь многие уже купили его!»

Не заставляйте покупателя думать!

3. Корзина

Не затрудняйте пользователю возможность совершить покупку. Не стоит чрезмерно увлекаться дизайном кнопки корзины.

Тут есть всего два правила:

  1. Она должна находиться в правом верхнем углу страницы.
  2. Она должна быть контрастной.

Пример оформления кнопки «корзина» на сайте

4. Контактная информация

Клиент, пришедший на сайт, должен иметь возможность легко найти вас. Позвонить и спросить о наболевшем, уточнить наличие, наконец, оставить заявку по телефону, — дайте ему эту возможность!

Что нужно учесть:

  • Не используйте разный цвет и размер шрифта при написании номера.
  • Располагайте контакты в правом верхнем углу экрана.
  • Укажите время для звонка.

Код города указан шрифтом меньшего размера, это затрудняет восприятие

Код города и основной телефон хорошо читаются

5. Поиск по сайту

Добавьте поле поиска в верхнюю часть главной страницы рядом с меню. Это сильно упрощает навигацию для пользователя. Данный блок будет полезен для типа логическая персона — такой пользователь подбирает товар по заранее отобранным характеристикам, точно знает, что именно ему нужно, уже провел сравнительный анализ, воспользуется поиском почти наверняка.

Добавьте поле поиска по сайту для логической персоны!

С помощью этих нехитрых рекомендаций вы сможете влиять на основные KPI главной страницы:

  • Снизится процент отказов
  • Увеличится время проведенное пользователем на сайте
  • Вырастет количество просмотренных страниц

Меняйте сайт, упрощайте навигацию, тестируйте и делитесь результатами в комментариях!

Помните, что улучшение юзабилити — лишь первый шаг на пути к идеальному сайту! Не стоит забывать про SEO оптимизацию и контент-маркетинг, но об этом чуть позже

Как провести анализ юзабилити сайта

Что такое анализ юзабилити?

Анализ юзабилити сайта – это комплекс действий, который позволяет понять, удобно или нет посетителям пользоваться ресурсом. Он помогает выявить причины, почему люди могут покинуть страницу, не достигнув поставленной цели, например, не оформив заказ.

Зачем проводить юзабилити-аудит?

Так вы узнаете «больные места», из-за которых пользователям трудно работать с сайтом. После аудита вы поймете, по каким причинам появляется «брошенная корзина», почему сложно искать информацию, воспринимать контент на страницах. В результате вы скорректируете дальнейшее развитие проекта, внесете качественные изменения, которые положительно отразятся на пользовательском опыте.

Когда нужен анализ юзабилити?

  • Падают либо не растут продажи онлайн (при этом не было значительных изменений в рекламных кампаниях или в стратегии продвижения
  • Появляются негативные отзывы посетителей об удобстве пользования ресурсом.
  • При просмотре аналитики заметили, что пользователям трудно работать с сайтом.

Что дает юзабилити-аудит?

Если речь об интернет-магазине, то анализ юзабилити покажет:

  • сложность поиска и выбора товара;
  • информативность, пользу страницы товара;
  • удобство оформления заказа.

Исправление всех найденных проблем позволит упростить процесс взаимодействия с вашим сайтом, улучшить поведенческие факторы, при правильной и эффективной работе – увеличить конверсию.

Читать еще:  Проверки контрагента по инн на сайте налоговой

Методы анализа юзабилити

Их несколько, каждый имеет свои плюсы и минусы, поэтому выбор остается только за владельцем ресурса.

«Кустарный метод»

Наиболее простой, но одновременно достаточно эффективный способ выявления сложностей. Для этого вам понадобится человек, сильно отдаленный от интернета, с низким пользовательским опытом. Это может быть ваш родитель, сосед, товарищ, который совершенно не связан с интернетом или IT в целом. Поставьте конкретную задачу перед таким человеком, например, заказ товара. Далее просто наблюдайте за тем, как и что он будет делать. Старайтесь не подсказывать, не отвлекать его, поскольку важно зафиксировать все проблемы, возникающие в процессе оформления заказа.

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

Экспертная оценка

Отличный метод, который позволяет получить максимально точную информацию о существующих трудностях с юзабилити. Суть почти такая же, как в предыдущем случае, но анализ проводит опытный специалист (или группа). В результате можно получить четко сформированный список проблем сайта, рекомендации по их устранению.

  • Эффективность. Поскольку анализом занимаются профессионалы, в отчете не будет «размытых» формулировок, а рекомендации зачастую формируются в формате технического задания для веб-разработчиков.
  • Онлайн-присутствие. Если специалист находится в другом городе или стране, не нужно встречаться лично, контролировать его работу. Вы можете получить отчет со всеми необходимыми материалами в электронном виде.
  • Экспертность. Специалисты по юзабилити оценивают удобство сайта не только с точки зрения обычного пользователя. Они смотрят на показатели сервисов аналитики. Это позволяет отбросить субъективизм, опираться на аналитические данные.
  • Стоимость. Экспертная оценка включает в себя большой объем работы, причем нескольких специалистов, из-за чего цена анализа бывает достаточно высокой.

А/В-тестирование

Эффективный способ анализа юзабилити, который без каких-либо потерь для заказчика позволяет выявить ошибки существующего или нового сайта. Проводить подобное тестирование имеет смысл, когда вы планируете (либо уже сделали) редизайн, но пока сомневаетесь, насколько он окажется эффективным. Например, в случае с интернет-магазином я бы рекомендовал владельцу не спешить запускать проект в продакшн сразу после редизайна. Лучше сделать на текущей версии уведомление об обновлении, дать возможность переключаться. В свою очередь, на новой версии должна быть кнопка возврата к старой. Благодаря такому способу вы получите обратную связь о новом дизайне от реальных пользователей. В зависимости от их мнения вы сможете корректировать дальнейшие действия – полноценно запускать новую версию либо дорабатывать ее согласно пожеланиям и рекомендациям пользователей.

  • Ориентир на вашу целевую аудиторию. Полученная информация поможет вам понять, насколько хорошо (или плохо) был реализован новый проект, ведь обратную связь будут предоставлять именно целевые посетители.
  • Отсутствие рисков. Вы не сразу обновляете ресурс, поэтому можно не бояться падения продаж, полностью негативной обратной связи.
  • Длительность. Чтобы получить достаточно объективные данные от пользователей, требуется большой промежуток времени. Нет никакой гарантии, что привыкшие к существующей версии пользователи будут охотно переключаться на новую и высказывать свое мнение. Необходимо использовать различные каналы и способы, чтобы заинтересовать посетителей.

Специализированные сервисы

Этот способ подходит в тех случаях, когда у владельца сайта нет достаточного времени (или желания) заниматься выявлением всех недоработок. Подобные сервисы позволяют практически в автоматизированном режиме получить отчет от реальных пользователей – асессоров. Принцип работы:

  • Вы создаете заявку с конкретной задачей. Пример: «Оценить удобство оформления заказа, описать, что было просто, а что вызвало трудности».
  • Асессоры (пользователи, которые зарегистрированы в сервисе) получают задачу и приступают к ней.
  • Отчет приходит вам на почту (либо внутри самого сервиса), в нем описаны результаты аудита.
  • Вариативность. Зачастую асессоры – люди различных специальностей, с разным пользовательским опытом, разного возраста, географически могут быть из разных концов страны/мира. Благодаря этому вы можете получить рекомендации как от профессиональных IT-специалистов, так и от домохозяек.
  • Постановка четкой задачи. Задавайте конкретные вопросы, которые вас интересуют. Тогда в отчете вы не увидите «воду» о красоте баннера либо форме кнопок.
  • Пользовательский опыт. Хоть к преимуществам можно отнести вариативность выбора асессоров, нет никакой гарантии, что эти люди смогут составить объективные и конструктивные рекомендации для вашего проекта. Как в случае с «бабушкиным» методом, от комментариев формата «Оформление заказа не нравится» никто не застрахован.

Как анализировать удобство сайта

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

  1. Навигация. От того, насколько грамотно спроектирована структура, зависит скорость и удобство поиска информации. Если у вас сложная структура, отсутствует (либо не работает) поиск, некорректно настроена фильтрация в каталоге, велика вероятность, что вы не сможете быстро и без трудностей найти интересующий товар.
  2. Функциональность. Каждый элемент должен работать. Проверьте работоспособность форм заявок, кнопки «В корзину», фильтров, каруселей с фото. Любой неработающий (либо некорректно работающий) элемент может стать причиной падения конверсии или отсутствия заказов.
  3. Дизайн. Всегда помните, что вы разрабатываете дизайн не для себя, а для пользователей. Постарайтесь избегать в оформлении пестрящих баннеров, «вырвиглазных» цветов. При этом важно уделять внимание контрасту и форме элементов интерфейса, чтобы не возникало сложностей с восприятием информации. Ссылки должны быть заметными на любом фоне, а наиболее важные элементы – выделены.
  4. Качество контента. Речь идет не только о графическом, но и о текстовом наполнении. Зайдите на карточку товара, прочитайте описание. Достаточно ли вам данной информации, чтобы оформить заказ? Хорошо ли воспринимается текст? Если с описанием проблемы, оно не дает ответов на вопросы, пользователи могут уйти к конкурентам, где все написано более понятно.
  5. Анимация и интерактивность. Анимация позволяет «оживить» элементы интерфейса, однако проверьте, насколько она уместна. Анимация не должна отвлекать внимание от совершения целевого действия. Злоупотребление ею и чрезмерная интерактивность элементов может лишь ухудшить пользовательский опыт.
  6. Целевые действия. Поставьте себя на место обычного посетителя, постарайтесь совершить все действия, предусмотренные на сайте: оформление заказа, подписка на рассылку новостей, поиск товара, регистрация, авторизация в личном кабинете. Если есть сложности с совершением какого-либо действия, велика вероятность, что и у ваших пользователей будут аналогичные проблемы.

Выводы

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

Ссылка на основную публикацию
Adblock
detector