Что такое юзабилити и как его улучшить

Юзабилити — ( англ. use ability — возможность пользоваться) термин, который означает удобство использования. Простой, удобный и интуитивно понятный для пользователя сайт = сайт с высоким юзабилити.

Известный эксперт по юзабилити Якоб Нильсен в работе «Why people shop on the web» называет 5 составляющих удобства сайта:

1. Обучаемость. Насколько интуитивно понятен ресурс, как быстро пользователь может найти нужную информацию;
2. Эффективность. Ознакомившись с сайтом один раз, насколько быстро человек сможет работать с ним дальше? Например, однажды оформив заказ, будет ли легче сделать это еще раз;
3. Запоминаемость. Если покинуть сайт и вернуться через месяц, будет ли все еще просто им пользоваться, или придется изучать все заново;
4. Ошибки. Сколько раз посетители сайта ошибаются, просто ли им исправить эти ошибки. Например, если человек забыл ввести е-мейл в форме заказа, сайт подскажет ему и поможет исправить, или просто сотрет все данные и заставит заново заполнять форму;
5. Удовлетворенность. Комфортно ли пользователям находиться на сайте, насколько просто им выбрать продукт или оформить заказ.

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

Юзабилити напрямую влияет на конверсию коммерческих сайтов — от лендингов до интернет-магазинов:

1. По данным Kissmetrics, 40% посетителей уходят с сайта, если страница грузится более 3 секунд.
2. Согласно этому же исследованию, 44% пользователей покидают сайт, если там нет четкой контактной информации.
3. Исследование Landauer гласит, что учет юзабилити при разработке сервиса снижает затраты по его поддержке на 700%.
4. По данным Creative Good, интуитивно понятный путь оформления заказа увеличивает количество покупателей на 40%, а сумму заказа — на 10%.
5. Согласно User Interface Engineering,предоставив клиенту полную информацию о товаре, можно увеличить объем продаж на сайте на 225%.
6. Якоб Нильсен в исследовании «Loyalty on the web» утверждает, что новые клиенты оформляют заказ в интернет-магазине в среднем на $127, в то время как постоянный покупатель, которому удобно пользоваться сайтом, тратит почти в 2 раза больше: в среднем $251.

Кстати, юзабилити — важный критерий успеха не только сайта, но и любого продукта. К примеру, согласно исследованию Latirman, 58% мужчин, живущих в Великобритании, не пользуются стиральными машинами, потому что считают их слишком сложными. Дизайнер Питер Фабор даже выпустил специальные наклейки, которые помогают мужчинам постирать вещи.

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

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

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

Анализ юзабилити — это тестирование и поиск моментов, которые мешают пользователю комфортно взаимодействовать с ресурсом. Вы анализируете пользовательский опыт (user experience, UX), который человек получает на вашем сайте — и стремитесь сделать его более комфортным.

В целом, анализ юзабилити состоит из трех больших групп:

1. Навигация: из чего состоит сайт;
2. Информация: что можно прочесть на нем;
3. Интерфейс: как он выглядит.

Какие же элементы сайта важно анализировать и как их улучшить? Давайте разбираться.

Навигация

Структура

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

Пример простой и интуитивно понятной структуры сайта — разработка для наших клиентов GoIT

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

Если у вашего сайта сложная структура (например, крупный информационный ресурс или интернет-магазин), обязательно используйте «хлебные крошки». Они показывают, как соотносятся между собой страницы сайта и помогают быстро вернуться в любой раздел.

• Хлебные крошки в магазине Цитрус
• Путь к покупке
• Согласно исследованию Baymard institute, существует три главные причины, по которым пользователи бросают корзины:

1. слишком высокие цены на доставку или дополнительные комиссии (60%);
2. необходимость заводить аккаунт для оформления покупки (37%);
3. слишком сложный процесс оформления покупки (28%).

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

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

Результаты исследования Джошуа Портера

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

Поэтому Domino’s Pizza автоматически ставит галочку в поле «Не перезванивать для подтверждения заказа».

Это освобождает клиента от бесполезного разговора, где он произносит только «Да, правильно» и экономит ресурсы пиццерии.

Выбор товара

Согласно Web site design survey, 83% посетителей покидают сайт, если почувствуют, что им приходится слишком долго искать товар. Например, в этом случае клиенту придется отыскивать часы в нужном диапазоне стоимости.

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

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

1. При покупке билетов не видно, какой ряд вы выбираете
2. Обязательно следите за тем, насколько легко и быстро покупатель может найти желаемый продукт и оформить заказ.
3. Поиск

Упрощая поиск товара, вы помогаете пользователю быстрее оформить заказ и тем самым повышаете конверсию. Например, компания Waterfilters.net, добавив опцию поиска по сайту, увеличила конверсию на 11%.

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

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

1. Идеальное расположение строки поиска: верхний правый угол;
2. Оптимальная длина окна запроса: около 30 символов;
3. Адаптивный поиск: если точного совпадения с запросом нет, предлагайте альтернативу. Например, если человек ищет модель телефона, которой нет в наличии, покажите смежные модели.

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

Информация

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

Многие говорят о том, что люди устали читать лонгриды. Но, согласно отчету аналитической компании Clicktale, длина страницы не влияет на вероятность того, что пользователь прокрутит страницу вниз.

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

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

Подача товара

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

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

Контакты

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

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

Интерфейс

Дизайн

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

Обратная сторона медали — полное невнимание к дизайну, интерфейс из 90-тых. Если человек попадет на такой сайт, он может подумать, что компания уже давно не работает, и поэтому не обновляла дизайн.

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

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

Мобильная версия

Согласно StarCounter, два года назад произошел поворотный момент — количество мобильного трафика впервые превысило десктопный. При этом Cisco прогнозирует, что к 2021 году мобильный трафик превысит показатели 2016 года в семь раз.

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

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

Страница 404

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

Основы юзабилити, определение, правила юзабилити веб сайта

 Приветствую тебя, Искатель драгоценного клада «Юзабилити сайта»! С помощью этой статьи ты станешь на пару шагов ближе к достижению своей цели – получению представления о юзабилити, а заодно получишь максимально понятные ответы на вопросы: Что такое юзабилити, Зачем тебе это знать, Почему этот параметр считается важным, Как он влияет на конверсию и Какие действия можно предпринять для улучшения твоего сайта. Итак, погнали навстречу приключениям!

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

Итак, что такое юзабилити ? Юзабилити – это качественный показатель простоты и удобства использования сайта.

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

Юзабилити веб сайта оценивается по 5 основным качественным компонентам:

1. Ориентация: насколько просто новым посетителям веб-сайта совершать элементарнейшие действия, т.е. не мешают ли им дизайн и кукуева туча всплывашек, аддонов, рекламы и  видюхи в режиме автоплей.
2. Эффективность: насколько быстро юзер может ориентироваться на сайте и совершать необходимые ему действия.
3. Запоминаемость: насколько легко будет юзеру сориентироваться на сайте после продолжительного отсутствия на сайте.
4. Ошибки: количество ошибок, совершенных посетителем сайта, способы ликвидации этих лагов и простота в устранении последствий этих ошибочных действий.
5. Удовлетворенность: субъективная степень «довольности» юзера, эмоциональное восприятие сайта: совокупность информации+дизайна+навигации+отображения в браузере.

— Полезность: показатель функциональности сайта для юзера: дает ли вебсайт пользователю то, что он ищет.

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

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

• Полезность сайта — обладает ли сайт ответами на ваши вопросы.
• Юзабилити — насколько легко и удобно управлять сайтом.
• Практичность сайта = юзабилити + полезность.
• 

Почему юзабилити так важно?

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

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

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

Тенденция видна? Посетитель ни за что не будет читать мануал (инструкцию по использованию навигации сайта, которой в реальности и нет) или проводить много времени, пытаясь разобраться в интерфейсе.

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

Просто запомни одно простое правило — первое правило электронной коммерции: если пользователь не может найти товар – он не сможет его купить.

Опираясь на описанные выше принципы юзабилити, ученые выделили 7 основных правил юзабилити сайта:

1. Гарантии надежности. Вкладка «О компании», контактные данные в хедере, сертификаты, адрес офиса, отзывы клиентов, кейсы, банковские реквизиты – всё это дает нелишнее доказательство посетителю, что компания имеет статус и вполне компетентна в своей сфере деятельности.
2. Кнопка Поиска. Помимо логотипа, второй по важности элемент для сайта. Кнопка «Поиск» — это первый помощник посетителя и лучший друг на любом сайте. Как минимум – если юзер в течение первых 2 секунд уже нашел эту кнопку, он чувствует себя в безопасности и уровень его напряженности и тревоги к твоему сайта резко спадет.
3. Навигация («хлебные крошки»). Правило, согласно которому юзер всегда должен иметь представление, где он находится: тема, раздел, номер страницы.
4. Отображение сайта. Корректное отображение элементов страницы на различных устройствах снижает процент отказов посетителей сайта и увеличивает глубину просмотра, что, в свою очередь, напрямую влияет на показатель конверсии сайта.
5. Простота использования сайта. Этот принцип состоит из мифов и легенд о том, как скрасить пребывание посетителей на сайте. Вот некоторые из этих идей: Правило 3 кликов, Правило 1 секунды, Правило перевернутой пирамиды, Закон близости элементов, Синдром утёнка.
6. Дизайн. Минималистичный дизайн, без отвлекающих элементов, не мешающий посетителю воспринимать информацию. Стоит отметить, что дизайн и юзабилити сайта – это два показателя, которые очень часто схлестываются между собой, но давай пока что не будем разводить холивар на эту тему.
7. Контент. Оформление и структура текста, логическая последовательность и оптимизация контента – всё это должно соответствовать определенным правилам, помогающим юзерам быстро найти необходимую информацию в куче букв. Специально для оптимизации результата этого показателя и была придумана такая профессия как копирайтер.

Помимо этих 7 общих правил существуют ещё несколько канонов, которые группируются в 3 огромных критерия аудита юзабилити сайта.

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

Более подробно я поведаю тебе в следующей статье, а пока после парусекундного перекура, погнали в дебри Юзабилити-джунглей глубже. Ещё глубже…

Как повысить юзабилити сайта?

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

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

1. Собрать группу из наиболее подходящих к ЦА человек (тут сделаю сноску, что С.Круг вот считает, что тестировать можно ваще что угодно на ком угодно);
2. Дать группе задание на исполнение самых стандартных действий с сайтом;
3. Наблюдать за действиями тестируемых, что у них получилось/не получилось сделать, с какими трудностями они столкнулись, что оказало влияние на их поведение (вебвизор, карта кликов, карта скроллинга).

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

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

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

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

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

Чем больше версий сайта ты протестишь – тем лучше.

Когда начинать работать над юзабилити сайта?

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

И именно вследствие этого стоит проводить тестирования быстро и просто.

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

1. Протестируй старый сайт прежде чем тестировать новый вариант сайта, т.к. это поможет тебе выявить сильные и слабые стороны предыдущей версии и не упустить их из виду при разработке новой версии.
2. Проведи оценку сайтов конкурентов – это довольно-таки хороший (а главное – бесплатный!) способ получить конкурентоспособные данные, которые помогут тебе сделать СВОЙ сайт лучше и лучше ЧЕМ у конкурентов.
3. Проведите полевое исследование, чтобы понять, как испытуемые ведут себя в их привычных условиях.
4. Создай напечатанные версии интерфейсов сайта и протестируй их. Помни: чем меньше времени будет потрачено на корректировку этих интерфейсов, тем больше времени останется на внесение изменений после последующих тестирований.
5. Найди корректировки, после внесения которых показатель юзабилити сайта становится лучше. По мере устранения ошибок и усовершенствования интерфейса, проводи тест уже не на бумаге, а на компьютере. И тестируй сайт после каждой новой правки.
6. Проверь окончательный вариант сайта на соответствие с общепринятыми нормами юзабилити сайта и со своими предыдущими результатами тестирования.
7. Проведи тестирование ЕЩЁ РАЗ напоследок, после того, как все-все-все правки были внесены, сайт уже начал свою «новую» жизнь. Потому что самые коварные проблемки могут появиться как раз после того, как появился «самый оптимальный» вариант интерфейса.

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

Где проводить юзабилити-тестирование?

Если твои тестирования походят хотя бы раз в неделю, лучше будет создать или арендовать специальную юзабилити-лабораторию.

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

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

Заключение

Итак, читающий, давай подытожим, что ты узнал о юзабилити:

1. Юзабилити оценивает по 5 критериям: Ориентация пользователя, Эффективность его действий, Запоминаемость навигации, Ошибки в действиях пользователя, Удовлетворенность пользователя после посещения сайта, Полезность информации сайта;
2. Показатель юзабилити важен потому, что если он низкий или отсутствует — твой сайт не принесет никакого результата от своего существования;
3. 7 основных правил, повышающих юзабилити сайта: гарантии надежности, кнопка «Поиск», навигация («хлебные крошки»), отображение сайта, простота использования сайта, дизайн, контент;
4. Чтобы улучшить показатели юзабилити, необходимо провести аудит юзабилити сайта;
5. Основываясь на результате аудита, вносятся изменения в «ахиллесову пяту» сайта и запускается юзабилити-тестирование;
6. Юзабилити-тестирование нужно проводить чем чаще, тем лучше: после каждых правок, пока результат не станет положительным по всем 5 критериям юзабилити;
7. Для проведения тестирования достаточно «подопытного кролика», наблюдателя-контроллера процесса, бумажки с тестом/компьютера с сайтом и всё.

Бон аппети, читатель, переваривай информацию!

Главное — применяй эти знания.

Наверх

Юзабилити: что это такое и для чего нужно

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

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

Юзабилити — это качество, которое определяет, насколько понятны и удобны пользовательские интерфейсы в использовании. Более подробно это можно было бы раскрыть так:

«Юзабилити — это то, насколько продукт, рассчитанный на определённый сценарий использования определённым пользователем, способствует достижению им результата максимально эффективным и комфортным образом».

Наши продукты помогают вашему бизнесу оптимизировать расходы на маркетинг

Узнать подробнее

Или коротко:

«Юзабилити — это дизайн с точки зрения пользователя».

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

Из чего состоит юзабилити

Один из основоположников направления — специалист по интерфейсам Якоб Нильсен (Jakob Nielsen) — определил следующие компоненты юзабилити с точки зрения пользователя:

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

• Также Нильсен предлагает оценивать Пользу интерфейсов и определять Полезность по формуле:
• Полезность = Юзабилити + Функциональность, где
• Функциональность — даёт ли интерфейс то, что вам нужно;
• Юзабилити — насколько легко и приятно с ним работать.
• Также Нильсен описал 10 принципов хорошего юзабилити:

• Видимость статуса системы;
• Соответствие между системой и реальным миром;
• Контроль и свобода выбора у пользователя;
• Последовательность и стандартизированность;
• Предотвращение ошибок;
• Распознавание лучше вспоминания;
• Гибкость и эффективность использования;
• Эстетика и минималистичный дизайн;
• Помогает пользователям распознавать, диагностировать и восстанавливаться после ошибок;
• Помощь и документация.

Почему юзабилити это важно

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

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

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

С точки зрения восприятия значение юзабилити следующее:

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

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

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

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

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

• Что хочет получить посетитель?
• Сколько кликов он сделает до результата?
• Какие варианты достижения цели он видит на этой странице?

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

1. Затем в результатах найдет нужный телефон.
2. Перейдет на страницу с описанием устройства.
3. Кликнет «Добавить в корзину».
4. Увидит яркую кнопку «Оформить заказ»,
5. Перейдет в личный кабинет и, наконец,
6. Заполнит форму для покупки.

Итого — минимум шесть кликов.

Подумайте: как повысить юзабилити сайта с таким переходом пользователя по сайту? Например, стоит упростить посетителю поиск — визуально выделить нужную строку, чтобы быстрее находили. Сделать в форме подсказки-ссылки. Добавить кнопку «Оформить заказ в один клик» — если человек не хочет набирать корзину товаров, то зачем усложнять ему жизнь?

Посмотрите, как реализована система подсказок в поиске в популярных интернет-магазинах
Посмотрите, как реализована система подсказок в поиске в популярных интернет-магазинах

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

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

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

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

Долго ли искал нужную кнопку или ссылку?

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

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

Сложная captcha — элемент, на котором спотыкаются участники любой фокус-группы

Если нет средств на фокус-группы и времени на изучение каждой страницы, сделайте быстрый аудит юзабилити сайта с помощью «Яндекс.Метрики». Установите сервис на сайт — статистика по трафику собирается за последние две недели. Если посетителей очень много, можете начинать анализ через сутки.

Зайдите во вкладку «Вебвизор» и посмотрите, на какой стадии пользователи чаще уходят с сайта.

Улучшение юзабилити сайта — насколько это важно?

16.07.2014

Улучшение юзабилити сайта — насколько это важно?

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

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

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

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

Улучшение юзабилити: основные методы оптимизации

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

1. Навигация сайта. Как много кликов пользователю приходится сделать, чтобы найти то, что он ищет, и сделать заказ? Все ли действия важны или можно ликвидировать промежуточные шаги и тем самым упростить путь к цели? На какое действие приходится больше всего отказов от продолжения совершения заказа?
2. Уровни сайта. Анализ этого фактора позволяет увидеть, насколько спрятаны важные страницы веб-ресурса от пользователей. Замечено, что глубокие уровни остаются недоступными не только для посетителей, но и для поисковых роботов.
3. Перелинковка. Ссылки в контенте могут служить ключевыми словами для поискового робота и оптимизировать ориентацию пользователей на сайте. Особое внимание надо уделить тексту этих ссылок.
4. Заголовки. Они должны четко отражать суть текста. Контент может быть очень интересным, но неудачный заголовок убивает все шансы на прочтение.
5. Поиск. Сайты, в которых более 100 страниц, должны быть снабжены строкой поиска.
6. Шрифты. Они должны быть удобны для восприятия.
7. Структура текста. В веб-контенте исключены длинные абзацы. Текст, какой бы он ни был длины, должен быть четко структурирован. Обязательны подзаголовки, буллитные и нумерованные списки, схемы.

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

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

Оптимизация юзабилити и поведенческие факторы

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

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

11 советов по улучшению юзабилити сайта — SEO на vc.ru

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

{“id”:272980,”gtm”:null}

1. Скорость загрузки сайта.

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

2. Адаптивная или мобильная версия сайта.

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

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

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

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

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

6. Регистрация пользователя.

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

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

8. Наличие целевых кнопок или форм.

Не забывайте, что основная задача — дать пользователю инструмент для совершения целевого действия. Для интернет-магазина такими кнопками будут являться «купить», «купить в 1 клик», «оформление заказа», для сайтов услуг — кнопки записи.

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

Для интернет-магазинов блоки «Похожие товары» / «Сопутствующие товары» призваны помочь пользователю определиться с интересующим его товаром, а также увеличить средний чек. Блок «Также читают» подойдёт для статейных материалов сайтов любого типа и служит дополнительным инструментом удержания пользователя на сайте.

11. Наличие кнопки моментального скроллинга.

Для страниц, имеющих большую длину, необходима кнопка «вверх», чтобы не пришлось листать вверх.

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

{“contentId”:272980,”count”:0,”isReposted”:false,”gtm”:null}

{“id”:272980,”gtm”:null}