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

Как улучшить юзабилити сайта: 13 простых способов [чек–лист внутри]

| Опубликовано:

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

У вас еще нет собственного сайта, потому что вы боитесь, что не справитесь с техническими трудностями? Уверяю вас, что вы преувеличиваете свой страх! Читайте мое простое руководство как начать вести свой блог на WordPress с нуля, выполните все пошаговые рекомендации, и у вас будет свой блог!

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

Давайте улучшим ваш сайт!

Как улучшить юзабилити сайта: 13 простых способов [чек–лист внутри]

Для начала немного разберемся в терминологии.

Совсем чуть–чуть! Но это нам нужно.

Быстрая навигация

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

Основы юзабилити сайта для новичков

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

Юзабилити (англ. usability  — простота, степень удобства), как поясняет Википедия, — способность продукта быть понимаемым, изучаемым, используемым и привлекательным для пользователя.

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

Почему важно отслеживать и улучшать юзабилити сайта

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

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

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

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

Как понять, что нужно улучшить юзабилити?

Вам нужно объективно оценить показатели поведения посетителей на вашем сайте:

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

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

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

> 11 причин высокого показателя отказов на сайте << (opens in a new tab)" rel="noreferrer noopener" class="rank-math-link">>> 11 причин высокого показателя отказов на сайте <<

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

Тут может быть несколько решений.

Самое очевидное – использовать обратную связь от посетителей (клиентов, подписчиков) сайта.

Если вам писали в комментариях в блоге или в письмах, или упоминали при личном общении, что неплохо бы упростить регистрацию для скачивания какого –то вашего материала или еще отмечали слабые места, то знайте, что вам крупно повезло! У вас уже есть точные координаты мест для улучшения удобства сайта! Что остается — только залатать эти дыры и идти дальше. Разве не чудесно?

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

Можете организовать 5 — 10 человек для вашей фокус–группы. Знайте, что если у вас нашлось только 5 добровольцев для тестирования вашего сайта на легкость и удобство пользования, то по статистике такая группа в состоянии найти 85% самых грубых ошибок в юзабилити сайта.

10 тестировщиков способны найти еще до 7% не очевидных ошибок. Чтобы получить полный обзор, нужна помощь юзабилити–специалиста, который не только укажет на промахи, но и даст подробные рекомендации по повышению удобства сайта.

Важное условие: фокус–группа по составу должна приближенно соответствовать вашей целевой аудитории.

В этом и смысл.

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

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

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

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

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

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

Как улучшить юзабилити сайта: 13 простых способов [чек–лист внутри]
.

Улучшение юзабилити сайта для новичков: пошаговое руководство

#Скорость сайта

Удобный сайт в наше время не может быть медленным! Оптимальное время загрузки сайта по рекомендациям Google —  от 1,5 до 3 секунд. 3 секунды максимум, друзья! Почему именно столько и откуда такое количество времени?

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

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

Для проверки скорости рекомендую использовать несколько сервисов одновременно, чтобы сравнивать и сопоставлять их показатели (они будут отличаться): PageSpeed Insights, GRmetrix, Pingdom.

Еще по теме: >>Простые способы оптимизации скорости сайта на WordPress<<

#Оптимизация изображений на сайте

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

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

Это можно сделать перед загрузкой изображений в медиа–библиотеку сайта на онлайн–сервисах оптимизации. Я провела исследование возможностей 20 таких сервисов и опубликовала результаты в блоге.

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

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

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

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

#Адаптивность сайта

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

Насколько ваш сайт дружелюбен к тем, кто просматривает его с экранов мобильных телефонов, можно проверить в сервисе от Google — Test Mobile Friendly. Указываем адрес сайта и ждем результат от сервиса.

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

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

Чтобы выйти из режима просмотра кода сайта повторно нажмите на кнопку F12.

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

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

#Настройка https для сайта

HTTPS  (HyperText Transfer Protocol Secure) — при таком соединении для сайта уделяется большое внимание обеспечению безопасности конфиденциальных данных посетителей.

С 2019 года Google отмечает сайты с HTTP как небезопасные. Отсутствие HTTPS может серьезно повредить ранжированию сайта.

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

И не забудьте потом внести изменения в админке сайта, укажите в  адресе сайта https.

Если все сделано правильно, то в адресной строке рядом с адресом вашего сайта появится замочек. Ура! Поздравляю, это важно!

#Простая навигация в пределах сайта

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

Например, английский психолог Дж. Миллер установил, что объем кратковременной оперативной памяти человека весьма ограничен, в числовом выражении варьирует от 5 до 9 объектов, в среднем — 7.

Как эта характеристика человеческой памяти влияет на наш с вами сайт?

Посмотрите на меню вашего сайта. Сколько в нем пунктов? Если в пределах 7–9, то вы молодец.

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

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

И другое требование к меню — простая двухступенчатая иерархия «дочерних» страниц (для интернет–магазинов другая рекомендация к организации меню).

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

В таком случае прямого доступа к странице с сертификатами из меню на сайте не будет.

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

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

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

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

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

#Нет автозапуска видео– и аудио–файлов

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

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

#Привычное расположение ключевых элементов сайта

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

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

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

#Все ссылки на сайте должны быть рабочие

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

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

Возьмите за правило регулярно проверять работоспособность ссылок сайта. Если у вас сайт на WordPress, то это сделать очень легко — просто запускаем плагин проверки битых ссылок Broken Link Checker.

Какие еще плагины нужны для корректной работы сайта читайте в моих рекомендациях лучших плагинов для сайта на WordPress.

#Единообразие элементов сайта

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

Но это не так.

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

Очень часто именно при нарушении единообразия элементов весь сайт будто «разваливается»: в сайте появляются, как я их называю, «культурные слои» — будто при раскопках какого–то поселения глубоко расположены более старые постройки, над которыми залегают слои другого времени, уже со своими особенностями. (Я очень люблю археологию и палеогеографию, заметно?))

Так и в оформлении сайта: сначала заголовки к постам вы оформляли как и основной текст в черный цвет, потом передумали, и стали заголовки у вас цветными. Заодно и кнопки «перекрасили».

Смена в оформлении — не преступление, если вы внесли изменения  и на более «ранних» страницах.

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

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

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

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

#Страница ошибки 404 не должна быть тупиком для посетителя

Что вы вспоминаете сразу при упоминании о странице 404 ошибки? Скорее всего, текст в центре страницы большими буквами, что–то в духе: «Упс! Извините, такой страницы нет». И возможно, дополнительное пояснение, что либо информация устарела и была удалена, либо перемещена.

И в голове повисает большой вопросительный знак: «Что мне делать дальше?»

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

Но самое важное — должна быть заметная ссылка на главную страницу сайта.

Оформление страницы 404 ошибки должно поддерживать общий стиль всего сайта.

#Внутренняя перелинковка страниц сайта

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

Такую связную структуру с одобрением воспринимают поисковые роботы.

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

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

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

#Простые контактные формы на сайте

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

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

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

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

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

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

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

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

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

Надеюсь, мои 13 простых способов как сделать сайт удобным для ваших посетителей были полезны для вас?

Еще по теме: >> Как начать блог с нуля: руководство для новичков <<

>> Полезные инструменты для ведения блога <<

>> Основные настройки WordPress после установки <<

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

Если вам нужен аудит юзабилити вашего сайта, то свяжитесь со мной.

Спасибо, что дочитали до конца! Публикация вышла приличная, но оно того стоило, не так ли?

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

Как улучшить юзабилити сайта: 13 простых способов [чек–лист внутри]
.

Заключение

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

Какие из пунктов улучшения юзабилити вы считаете самыми главными? Над чем планируете работать в своем блоге?

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

Как улучшить юзабилити сайта: 13 простых способов [чек–лист внутри]
13 способов улучшить юзабилити вашего сайта

Графический и веб–дизайнер, юзабилити–специалист. Преданный фанат WordPress, адепт эстетичной функциональности, любознательный исследователь психологии поведения пользователей и счастливый обладатель цвето–зависимости! ;)) Пишу о том, что очень люблю — о дизайне, о сайтах, о блогах.