66 Бит
Екатеринбург, Добролюбова 16
info@66bit.ru

Оставить заявку на сотрудничество

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

Юзабилити веб-сайтов для бизнеса

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

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

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

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

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

-2

На что влияет юзабилити

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

Посещение сайта

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

Продажи

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

Репутация

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

В чём измеряется юзабилити

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

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

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

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

-3

Чек-лист по Нильсену

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

Кто такой Нильсен и почему по его чек-листу обучаются миллионы UX-специалистов по всему миру? Якоб Нильсен – доктор физических наук и признанный во всём мире специалист по UX. Он одним из первых изучал удобство сайтов для пользователей: как люди взаимодействуют с интерфейсом и как реагируют на него.

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

  • Понятность

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

  • Прозрачность состояния системы

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

  • Стандартизированность

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

  • Наличие подсказок

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

  • Простота

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

  • Возможность исправить ошибки

В случае важного или безвозвратного решения веб-сайт должен переспросить и пользователя уверен ли он в своём действии. Например: “Вы уверены, что хотите удалить сообщение?”.

  • Гибкость для разных категорий посетителей

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

  • Адаптивность

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

  • Эстетическая привлекательность

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

  • Минималистичность

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

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

Интересные юзабилити правила

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

  • Правило 3-х кликов

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

  • Перевёрнутая пирамида

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

  • Правило 7-ми сущностей

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

  • Правило 2-х секунд

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

  • Правило F

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

Схема F-паттерна

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

Результат проверки F-правила
-6

Юзабилити аудит

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

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

Этапы юзабилити аудита

1. Погружение в бизнес

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

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

2. Исследование конкурентов

Мудрый анализ конкурентов даёт неоценимое преимущество перед ними! В исследование чаще всего входит анализ лучших и худших практик конкурентов. Для этого специалисту необходимо рассмотреть как минимум 3–5 примеров.

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

3. Исследование аналитических показателей

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

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

4. Разработка чек-листа

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

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

5. Анализ интерфейса

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

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

6. Отчёт

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

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

-7

Частые юзабилити ошибки

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

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

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

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

  • Структура

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

  • Поиск

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

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

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

  • Тексты

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

  • Дизайн

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

  • Адаптивность

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

  • Кнопки СТА

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

  • Поддержка

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

Аудит системы от 66 Бит

Всего за 10 минут мы вместе изучили юзабилити веб-сайтов для бизнеса и выяснили: как проходит юзабилити аудит, какие ошибки чаще всего встречаются на ресурсах компаний и какие неочевидные правила следует соблюдать, чтобы точно удержать клиента. А компания 66 Бит поможет не только улучшить юзабилити сайта, но проведёт полный аудит системы и прокачает производительность бизнеса на максимум. Подробнее читайте на сайте!

Поделиться в соцсетях:

Роль дизайна в разработке ПО для бизнеса
Юбилей 66 Бит