Как сделать сайт удобным для пользователей в 2022 году

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

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

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

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

Отсюда вывод: плохое юзабилити приводит владельца сайта к убыткам. Интернет-магазин может потерять до 50% клиентов из-за того, что они просто не в состоянии найти необходимый товар. Около 40% пользователей не возвращаются на сайты, которые оставили «неприятное послевкусие». Если хотите успешно продавать товары и услуги в сети, а также иметь высокую конверсию, позаботьтесь о том, чтобы ваш веб-ресурс нравился и посетителям, и поисковым системам. Помните о том, что последние при ранжировании сайтов учитывают логичность структуры, понятность навигации, удобство интерфейса, объем и расположение материалов рекламного характера.

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

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

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

Итак, сайт с хорошим юзабилити:

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

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

Самая важная информация на сайте должна бросаться в глаза сразу — в течение 2−3 секунд пребывания с момента его открытия. Это необходимо для удобства посетителей, у которых не должно возникнуть трудностей с поиском «Контактов», «Оплаты и доставки», «Графика работы» и т. д. Вы же не хотите, чтобы они искали эти сведения и не нашли или все-таки нашли, но потратили так много времени и сил, что забыли, зачем заходили?

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

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

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

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

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

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

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

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

Сосредоточьтесь на:

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

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

Правило семи пунктов. Мозг человека способен сконцентрироваться на 5−7 объектах — не более. Показательный пример — список в тексте. Если в нем 9−10 пунктов, добравшись до последних, мало кто может вспомнить, о чем шла речь в первых.

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

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

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

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

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

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

1. Чего хочет пользователь?
2. Сколько кликов ему нужно сделать для достижения цели?
3. Какие варианты достижения цели вы ему предлагаете?
4. Какие из них очевидны для него?

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

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

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

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

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

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