Sofin-credit.ru

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

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

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, через несколько секунд получаем заветную карту взгляда пользователя.

Читать еще:  Шаблоны сайтов купить

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

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

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

Анализ юзабилити сайта самостоятельно

Разделы

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

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

Оценка юзабилити сайта

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

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

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

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

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

Но не только картинки нужно тестировать, также к основным моментам относятся:

  • Навигация и структура сайта: она должна быть простой и понятной.
  • Кликабельные кнопки — все нужные для перехода кнопки должны правильно работать и направлять на верные страницы.
  • Правильное настроенное меню — отсутствие данной проблемы будет хорошим началом знакомства с самим ресурсом.

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

Юзабилити сайта онлайн

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

Читать еще:  Узнать инн ип официальный сайт налоговой

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

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

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

  • Вебвизор
  • Тепловая карта
  • Карта скроллинга
  • Аналитика форм

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

Данная программа проверяет портал пятью простыми тестами:

  1. Пятисекундный тест (участники за пять секунд должны оценить сайт, выставить баллы по нескольким параметрам)
  2. Клики (выдаётся тепловая карта сайта)
  3. Вопросник (тест о сайте, на который отвечают реальные пользователи)
  4. Анализ навигации (анализ удобства и простоты использования навигации).
  5. Предпочтения (тестирование различных вариантов дизайна и выявление наиболее предпочтительного)

Usabilla
Сервис тестирует следующие элементы:

  • Непосредственно сам сервис.
  • Мобильное приложение.
  • Электронные письма.

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

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

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

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

  1. Страницы сайта должны быть оформлены в одном стиле.
  2. Не должно быть ярких отталкивающих тонов, лучше придерживаться мягких оттенков.
  3. Желательно не использовать рекламу.
  4. Проверять всю информацию и размещённые документы на их рабочее состояние.
  5. Сделать всё необходимое для того, чтобы любой посетитель сайта понимал, на что данный ресурс направлен и понимал, как выполнить запланированное действие.

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

Рабочая структура сайта

  1. Структурированная связь между целью проекта и его подачей.
  2. Навигация и поисковая строка расположены в доступных местах.
  3. Возможность скачать документ в несколько кликов.
  4. Оформление страницы: добавление картинок и ссылок.
  5. Организация данных на разделы и категории.

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

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

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