Улучшаем юзабилити сайта для поднятия ПФ

Определение «usability» или полностью «web-usability» означает степень удобства использования сайта для пользователей и достижение ими определенных целей. Стандарт ISO 9241-11.

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

Одним из ключевых моментов web-usability является его использование при повышении «поведенческих факторов» и максимальной доступности информации.

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

Web-usability в свою очередь состоит из следующего:

• Контентное наполнение сайта;
• Формирование информации на сайте;
• Наличие, логика и корректность функциональных элементов сайта;
• Распределение навигационных, и других элементов на сайте;
• Возможность упрощения доступа к информации для пользователей;
• Дизайн сайта, совместимость цветов и оттенков, контрастность текстов.

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

Варианты анализа юзабилити

Анализ статистики сайта

Есть множество сервисов статистики, наиболее объективные на мой взгляд это Яндекс.Метрика и Google Analytics, при сочетании они дают хороший результат.

Статистика сайта — Яндекс.Метрика

Статистика сайта — Google Analytics

Работа с посетителями

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

Наблюдение за действиями пользователей

Анализ можно производить при помощи бесплатного инструмента Яндекс.Метрика — «Вебвизор», он записывает действия осуществляемые посетителями на сайте. Вебвизор дает большой объем информации для анализа поведения пользователя на сайте.

Анализ сайта при помощи Вебвизора

Что необходимо для улучшения юзабилити сайта

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

Простота и ясность

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

В рамках дизайна это:

• Оптимальные цветовые решения;
• Качественные, релевантные изображения;
• Понятные элементы Call to Action (размер, цвет, текст элемента выделяет его на фоне стандартных элементов дизайна, вносит ясность в пользовательский опыт);
• Логичная структура страницы;
• Правильное размещение информации — не все пользователи прокручивают страницу до конца. Не найдя искомую информацию в поле зрения, пользователь может отказаться от дальнейшего просмотра страницы.

В рамках навигации это:

• Логичная структура меню;
• Хлебные крошки, показывающие пользователи его текущую точку дислокации;
• Пункты и подпункты меню содержат не более 7-9 опций. Выпадающее меню "вписывается" в формат страницы и не требует прокрутки.

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

Последовательность и предсказуемость

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

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

Важные элементы и их позиции:

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

Качественно работающий поиск

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

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

«В нашем магазине более 100 000 товаров. Знаете, что хотите? Воспользуйтесь поиском!»

Техническая сторона вопроса

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

Для этого необходимо проверить:

• Корректность верстки, правильность отображения страниц на разных типах устройств;
• Скорость загрузки;
• Настройку редиректа (пользователи, вводящие www.site.com и site.com, попадают на одну и ту же страницу);
• Отсутствие битых ссылок.

Доступность

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

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

Как понять, чего хочет пользователь

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

Какие пользователи нужны для проведения юзабилити-теста?

Истинно целевые пользователи — это аудитория, для которой непосредственно создан продукт или услуга. Четко определите, кто ваш пользователь. Создайте пользовательские прототипы.

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

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

Пользователей надо привлекать не на стадии готовности продукта/сайта, не на стадии «шеф, все пропало», а когда сайт/продукт еще находится в стадии разработки.

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

P.S. Юзабилити сайта — важный параметр для продвижения сайта. Представители поиска в один голос твердят о необходимости создания сайтов для людей. Сайты с хорошим юзабилити отличают высокие ПФ и КФ.

Юзабилити (от английского usability) – это удобство пользования сайтом, мобильным приложением, компьютерной программой. Юзабилити сайта является одним из решающих факторов при продвижении ресурса. Яндекс, Google и другие поисковые системы могут определять, насколько сайт удобен для пользователя. Для этого предусмотрены как автоматические алгоритмы, так и отдельные сервисы, помогающие веб-мастеру достичь желаемого результата.

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

Анализ статистики. Провести анализ юзабилити можно с помощью разных инструментов, каждый из которых решает определенные задачи. Основной сервис, рекомендуемый к пользованию, – Яндекс.Метрика. Она позволяет вести учет ваших посетителей, платформы, с которых они заходят на сайт, а также поведение на ресурсе.

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

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

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

Тестирование сайта. Для тестов юзабилити часто используется сервис Google Page Insights, с помощью которого можно определить скорость загрузки страниц. Также, если у вас большое количество посетителей на сайте, можно сделать A/B-тестирование, пробуя различные варианты и анализируя изменения с помощью Яндекс.Метрики.

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

Анализ конкурентов. Для создания понятной и удобной структуры необходимо проанализировать сайты конкурентов из топа выдачи поисковых систем. Если они занимают лидирующие позиции в Яндексе, Google, то признаны удобными и полезными для пользователей. Проведите полный анализ юзабилити сайта, выявите сильные и слабые стороны и учтите все факторы при доработке.

Как улучшить юзабилити

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

Улучшение юзабилити сайта. Рекомендации.

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

Навигация и структура сайта

Проработанное меню

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

Грамотная перелинковка

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

«Хлебные крошки»

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

Карта сайта

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

Возможность быстро найти информацию

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

Наличие функциональных элементов

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

Оформление сайта

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

Шрифты и заголовки

• Не используйте слишком мелкий или большой шрифт.
• Посмотрите в Интернете, какие шрифты более востребованы и приятны для основной массы пользователей.
• Откажитесь от неконтрастных шрифтов (светлый текст на светлом фоне или темный текст на темном фоне).

Цветовая гамма

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

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

Качественный контент

Контент на страницах сайта – важная и неотъемлемая часть любого ресурса вне зависимости от тематики.

Ему должно уделяться максимальное внимание как в плане уникальности, так и актуальности, подачи материала.

Содержание и грамотность

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

Структура и форматирование

• Разделяйте текст заголовками и подзаголовками.
• Используйте маркированные списки.
• Разбавляйте текст картинками, видеоматериалами.
• Добавляйте цитаты, выделяйте важные пункты жирным шрифтом.
• Если текст большой, разделите его на несколько отдельных статей, перелинковав материалы между собой.
• Используйте форматирование по ширине, чтобы текст не был «обрывистым».

Высокая скорость загрузки страниц

Для удобства использования сайта оптимизируйте содержимое страниц и снизьте загрузку до минимума, сжав картинки, иконки в меню, элементы дизайна, убрав лишние Java-скрипты. Для проверки скорости загрузки страниц можно использовать сервис Google Page Insights.

Отсутствие ошибок 404

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

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

Поддержка работы с разными браузерами и мобильными устройствами

Сайт должен быть максимально удобным для просмотра во всех браузерах, в т. ч. с мобильных устройств. Очень часто один и тот же ресурс может выглядеть по-разному в Google Chrome, Safari или Opera и пр. При разработке и тестировании дизайна проверяйте внешний вид страниц и их структуру во всех браузерах и адаптируйте под мобильные платформы.

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

Улучшение usability

Удобнее сайт — Ваши доходы выше!

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

Специалисты APRIORUM GROUP выявят проблемы, мешающие Вашим посетителям находить информацию, регистрироваться и совершать покупки, а также предоставят рекомендации по их исправлению.v

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

Usability или в буквальном переводе с английского «практичность, удобство использования» – термин, применяемый для описания навигационных систем сайтов. Улучшение юзабилити сайта имеет первостепенное значение для его коммерческого успеха в текущих условиях жесткой конкуренции.

Для интернет-маркетинга всегда актуален вопрос удержания посетителя на конкретном сайте и способности убедить его совершить покупку.

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

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

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

Улучшение юзабилити — основные правила

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

— правило трех кликов, — правило двух секунд, — правило 80/20.

Специалисты компании APRIORUM GROUP обращают особое внимание на выполнение вышеперечисленных принципов.

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

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

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

Способы улучшить юзабилити

Управление должно быть интуитивным. Пользователь интернет-магазина независимо от того, 12-летний ли это школьник или его 60-летняя бабушка, должен сразу понимать, на каком сайте он находится, что этот сайт продает, как выбрать товар и купить его.

Отдельно отметим значение графического контента. Для того чтобы рассмотреть картинку на сайте и понять, о чём она, пользователю требуется не более 2 секунд. На прочтение даже небольшого текста может уйти около 15 секунд и это весомый аргумент в пользу фото и графики.

Ироничная, хлесткая «говорящая» картинка, послужив анонсом для статьи на новостном сайте, привлечет большое количество пользователей и в целом положительно отразится на качестве поведения посетителей ресурса.

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

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

7 способов улучшить юзабилити сайта

Не стоит усердствовать с количеством ярких картинок и объемами текстов. Каждый элемент управления или контента должен быть практичным и лаконичным.

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

Ваши ключевые выгоды от работы с компанией APRIORUM GROUP

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

Гарантия – сертифицированные специалисты, выступаем с докладами на ведущих конференциях, более 5 лет на рынке интернет-маркетинга и рекламы.

Заказать работы по улучшению usability

Закажите работы по улучшению usability в интернет-агентстве APRIORUM GROUP и увеличьте эффективность инвестиций от рекламы.

Задайте вопросы по телефонам 8 800 555-23-46, +7 (495) 580-30-45 , +7 (917) 338-51-54, по электронной почте Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра., или заполните специальную форму на сайте apriorum.com.

Специалисты APRIORUM GROUP свяжутся с Вами в кратчайшие сроки!

Юзабилити — это удобство пользования сайтом. Юзабилити играет самую важную роль в создании сайтов при неудачном расположении навигации и других элементов на сайте, понижается количество просмотров страниц, время провождения на сайте, в конце концов конверсия от поставленной цели перед сайтом в разы падает. Просто пользователь не может найти то, что ему нужно за короткое время. И он обделенный информацией уходит с сайта, где в следующий раз, если попадет на сайт снова, сразу благополучно его закроет. Пример удачного расположения элементов навигации на сайте r-name.ru — раскрутка и продвижение.

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

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

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

1. Решение первое.

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

2. Решение второе.

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

Юзабилити (usability) — как сделать сайт удобным для посетителей

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

3. Решение третье.

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

4. Решение четвертое.

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

5. Решение пятое.

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

6. Решение шестое.

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

7. Решение седьмое.

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

8. Решение восьмое.

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

9. Решение девятое.

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

10. Решение десятое.

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

Метки: Прочитано