Веб юзабилити: Что такое юзабилити сайта: критерии, особенности, советы

Что такое юзабилити сайта: критерии, особенности, советы

Время прочтения: 7 минут

О чем статья?

• Почему важно соблюдать принципы юзабилити сайтов?
• Принципы юзабилити web-ресурса
• Тестирование юзабилити

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

Почему важно соблюдать принципы юзабилити сайтов?

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

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

Принципы юзабилити web-ресурса

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

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

1. Дизайн — залог доверия к сайту

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

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

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

2. Логичный структурированный контент

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

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

3. Важная информация — в левом углу

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

4. Общение с пользователем

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

Попав на такую страницу 404, пользователь не растеряется и, скорее всего, не сразу покинет ресурс.

5. Отмена действия

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

6. Ненавязчивое предложение помощи

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

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

7. Разговор на понятном языке

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

8. Отказ от резких перемен

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

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

9. Все возможности — на виду

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

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

Пример удачной карты сайта

10. Форма регистрации и заказа: чем лаконичнее — тем лучше

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

Не говоря уже о требовании обязательно указать номер телефона.

11. Заметное длинное поле поиска

Соответствующая кнопка — лучший помощник посетителя. Особенно если речь идет о крупном ресурсе. Строку поиска пользователь должен обнаружить без труда. Чтобы при первом знакомстве он не тратил на обнаружение соответствующей строки даже несколько секунд.

Еще один важный момент — длина поля поиска. Согласно исследованию Якоба Нильсена, в среднем туда вмещается 18 символов, а оптимальная длина — 27 символов. В 90% случаев сюда поместится даже длинный запрос, чтобы пользователь его полностью увидел и исправил при надобности. Для установки нужной ширины используйте относительную единицу «em», равную размеру используемого шрифта.

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

12. Больше свободного пространства

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

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

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

Тестирование юзабилити

Новый интерфейс оценивается с двух позиций:

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

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

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

Автор: Виктория Закирова, копирайтер<br> Соавтор: Алевтина Данилова, руководитель отдела юзабилити «Ашманов и партнёры»

что это, анализ, примеры и чек-лист

• 1. Почему важно соблюдать основные принципы юзабилити?
• 2. 3 преимущества для бизнеса после аудита юзабилити
• 3. 5 действенных способов проверки
• 4. Чек-лист по юзабилити: что нужно проверять?
• 5. ТОП-6 инструментов для самостоятельного аудита

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

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

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

Почему важно соблюдать основные принципы юзабилити?

Соблюдение основных принципов юзабилити положительно влияет на два основных фактора:

• посещаемость;
• конверсия.

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

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

Основные моменты влияния юзабилити на посещаемость и конверсию:

1. Анализ Kissmetrics показал, что более 40 % читателей уйдут с сайта, если скорость загрузки страниц составит более 3 секунд. Это же исследование показало — если нет контактной информации, почти 45% клиентов тут же уйдет к конкурентам.
2. Данные анализа Landauer указывают на то, что предварительно проведенное тестирование юзабилити в дальнейшем снижает расходы на поддержку веб-сайта более чем в три раза.
3. Исследование Creative Good доказало: интуитивно понятный путь для оформления заказа увеличивает количество покупателей на 40 %, средняя сумма заказа повышается на 10 %.
4. Аналитики User Interface Engineering в своем исследовании показали: если клиенты получают полную информацию о товаре/услуге, общий объем продаж увеличивается в среднем на 25%.

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

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

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

Факторы, на которые стоит обратить внимание:

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

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

3 преимущества для бизнеса после аудита юзабилити

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

Конкурентное преимущество

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

Поисковое продвижение и целевой трафик

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

Качественная оптимизация — вот что увеличивает входящий целевой трафик.

Еще одно важное преимущество для любого бизнеса — сокращение расходов на продвижение.

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

Лояльность и повторные продажи

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

5 действенных способов проверки

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

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

В этом могут помочь Яндекс.Метрика, GoogleAnalytics, статистика Bitrix и другие аналогичные сервисы. Это бесплатно, но есть минусы — полученные с их помощью выводы имеют обобщенный характер и требуют понимания всех процессов для поиска и исправления ошибок.

Владельцам сайтов на Bitrix доступна собственная статистика

Отзывы

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

Тестирование юзабилити

Тестируют сайты фокус-группы с помощью специализированных инструментов аудита:

1. Нанимаются по определенным критериям люди, входящие в фокус-группу по тестированию (этим занимаются специальные компании).
2. Им выдаются задания на выполнение определенных действий на сайте.
3. Полученные результаты анализирует специалист по тестированию.

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

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

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

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

Проведение экспертизы

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

Чек-лист по юзабилити: что нужно проверять?

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

Навигация

Структура

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

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

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

Это обязательный элемент любого интернет-магазина

Путь к покупке

Исследование Baymard institute показало, что более 25 % пользователей отказываются от покупки из-за сложного процесса оформления. Потому так важно, чтобы путь к оформлению заказа был простым и понятным: нет принуждения к регистрации на сайте, подтверждения через почту и смс и т.д.

Выбор товара

Еще одно исследование, в этот раз от Web site design survey, показало, что более 80 % пользователей уйдут, если приходится тратить слишком времени на поиск товара на сайте. Поэтому путь от оформления корзины до приобретения должен быть максимально простым.

Поиск

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

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

Реализация поиска на Amazon

Информация

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

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

Советы по улучшению контента:

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

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

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

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

Контакты

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

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

Вот так выглядят контакты на нашем сайте

Интерфейс

Дизайн

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

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

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

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

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

Полезные советы:

1. Откажитесь от использования большого количества графических элементов. Если без них не обойтись, например, в онлайн-магазинах, важно уменьшать их размеры: видео преобразовывать в GIF, загружать фото в формате WEBP.
2. Удалите анимированные вставки, работающие на Flash. Обилие таких элементов отвлекает пользователей, а некоторых — очень раздражает.
3. Снизьте до минимума количество рекламных баннеров — они тоже увеличивают вес страниц, действуют раздражающе.

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

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

Сайт: PageSpeed Insights

Страница 404

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

Отсутствие битых ссылок

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

Адаптивная версия

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

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

ТОП-6 инструментов для самостоятельного аудита

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

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

Яндекс.Метрика и Google Analytics

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

Останется проанализировать полученную информацию:

1. Тепловая карта. Она показывает те области на страницах, на которые кликают чаще всего.
2. Карта скроллинга. Позволяет «глазами» пользователя увидеть, что он делает на сайте, например, просматривает контент или прокручивает вниз.
3. Аналитика форм. С ее помощью можно анализировать взаимодействие пользователей с формами: можно увидеть, на какие вопросы они чаще всего не отвечают и исключить либо переработать их.

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

Сайт: Google Analytics

Практическими такими же инструментами обладает и Google Analytics. Даже если вы не ставите поисковую систему Google в приоритет, часть пользователей все равно будет приходить оттуда, поэтому важно анализировать веб-ресурс и этим инструментом.

Hotjar

Помогает в сборе обратной связи (взаимодействие с формами, тепловые карты, тепловизор и т. д.). Лучше всего использовать в качестве дополнительного инструмента с Google Analytics или Яндекс.Метрика.

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

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

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

Есть бесплатная тестовая версия, которой можно пользоваться 15 дней после регистрации. Если этого времени на аудит не хватит, воспользуйтесь расширенной версией сервиса с многочисленными инструментами. Правда, Hotjar стоит достаточно дорого — 99 € в месяц.

Сайт: hotjar.com

UsabilityHub

UsabilityHub предлагает 3 инструмента для онлайн-тестирования сайта или приложений. Нужно просто загрузить скриншоты:

• Navflow дает оценку удобства навигации;
• Fivesecondtest тестирует интерфейс;
• ClickTest формирует карту кликов.

Тестирование с помощью UsabilityHub напоминает Usabilla:

1. Загрузите скриншоты, коротко опишите содержимое страниц.
2. Укажите 5 вопросов, на которые пользователям нужно ответить при их изучении.
3. Укажите количество страниц для просмотра.

Останется изучить полученный отчет. У сервиса есть бесплатная версия, но также как и у Usabilla у нее ограниченный функционал.

Сайт: usabilityhub.com

OptimalWorkshop

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

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

Сайт: optimalworkshop.com

SitePolice

Завершает список SitePolice. Есть возможность переключения на российский язык.

Тестирование с его помощью организовано следующим образом:

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

Сервис достаточно качественный, помогает увидеть основные ошибки. Главный минус — он платный, нет тестовой версии.

Сайт: sitepolice.ru

Статей, видеороликов, отчетов, учебных курсов и онлайн-семинаров по веб-юзабилити от NN/g

• Самые последние
• Только видео
• Только статьи

• 1 января 2023 г. 1 января 2023 г. | Статья: 2 минуты на чтение

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

• 27 ноября 2022 г. 27 ноября 2022 г. | Статья: 7 минут на чтение

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

• 27 ноября 2022 г. 27 ноября 2022 г. | Статья: 6 минут минут на прочтение

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

• 30 октября 2022 г. 30 октября 2022 г. | Статья: 3 минуты на прочтение

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

• 9 октября 2022 г. 9 октября 2022 г. | Статья: 11 минут минут на прочтение

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

• 17 июля 2022 г. 17 июля 2022 г. | Статья: 5 минут на чтение

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

• 13 февраля 2022 г. 13 февраля 2022 г. | Статья: 7 минут на чтение

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

• 2 января 2022 г. 2 января 2022 г. | Статья: 2 минуты на чтение

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

• 15 августа 2021 г. 15 августа 2021 г. | Статья: 12 минут на прочтение

  10 эвристик юзабилити Nielsen можно использовать для анализа UX приложений, поддерживающих сложные рабочие процессы в предметной области.

• 1 января 2023 г. 1 января 2023 г. | Статья: 2 минуты на чтение

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

• 27 ноября 2022 г. 27 ноября 2022 г. | Статья: 7 минут на чтение

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

• 27 ноября 2022 г. 27 ноября 2022 г. | Статья: 6 минут на чтение

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

• 30 октября 2022 г. 30 октября 2022 г. | Статья: 3 минуты на прочтение

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

• 9 октября 2022 г. 9 октября 2022 г. | Статья: 11 минут минут на прочтение

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

• 17 июля 2022 г. 17 июля 2022 г. | Статья: 5 минут на чтение

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

• 13 февраля 2022 г. 13 февраля 2022 г. | Статья: 7 минут на чтение

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

• 2 января 2022 г. 2 января 2022 г. | Статья: 2 минуты на чтение

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

• 15 августа 2021 г. 15 августа 2021 г. | Статья: 12 минут на прочтение

  10 эвристик юзабилити Nielsen можно использовать для анализа UX приложений, поддерживающих сложные рабочие процессы в предметной области.

• 1 августа 2021 г. 1 августа 2021 г. | Статья: 6 минут на прочтение

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

• 16 мая 2021 г. 16 мая 2021 г. | Статья: 5 минут на прочтение

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

• 3 января 2021 г. 3 января 2021 г. | Статья: 2 минуты на чтение

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

• 6 декабря 2020 г. 6 декабря 2020 г. | Статья: 13 минут на прочтение

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

• 8 ноября 2020 г. 8 ноября 2020 г. | Статья: 12 минут на чтение

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

• 27 сентября 2020 г. 27 сентября 2020 г. | Статья: 9 минут на чтение

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

• 9 августа 2020 г. 9 августа 2020 г. | Статья: 9 минут на чтение

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

• 28 июня 2020 г. 28 июня 2020 г. | Статья: 11 минут на чтение

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

• 24 мая 2020 г. 24 мая 2020 г. | Статья: 7 минут на прочтение

  С 1995 по 2001 год Якоб Нильсен написал 250 статей с ранними выводами об удобстве использования, которые по-прежнему верны, но также содержали прогнозы желаемых изменений, которые не произошли.

• 17 мая 2020 г. 17 мая 2020 г. | Статья: 4 минуты на чтение

  Несмотря на увеличение скорости Интернета, скорость веб-страниц со временем не улучшилась.

• 12 апреля 2020 г. 12 апреля 2020 г. | Статья: 9 минут на чтение

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

Топ-10 ошибок веб-дизайна (видео)

Резюме:  Якоб Нильсен осуждает 10 ужасных недостатков дизайна, которые мешают современным веб-сайтам, по мнению аудитории на его программном докладе Virtual UX Conference.

21-минутное видео от 2021-10-29 21

Якоб Нильсен
• Якоб Нильсен

Темы:

основной доклад, ошибки проектирования, веб-тенденции, веб-юзабилити, веб-дизайн / дизайн пользовательского интерфейса

• Веб-юзабилити Веб-юзабилити

Поделиться этой статьей:

https://www. youtube.com/watch?v=VGxze7xMYJs

Для отображения видео необходимо включить JavaScript и файлы cookie.

Связанный артикул

10 основных ошибок веб-дизайна

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

Автор видео

Якоб Нильсен, доктор философии, является адвокатом пользователей и руководителем Nielsen Norman Group, которую он основал вместе с доктором Дональдом А. Норманом (бывшим вице-президентом по исследованиям в Apple Computer). Доктор Нильсен основал движение «проектирование юзабилити со скидкой» для быстрого и дешевого улучшения пользовательских интерфейсов и изобрел несколько методов юзабилити, включая эвристическую оценку.