Скопировать ссылку
ВКонтакте
Одноклассники
Telegram
Простые способы улучшить юзабилити сайта своими силами: Руководство для малого бизнеса
«Куда тыкать-то»: Проверьте удобство навигации
Почему важно? Если пользователи тратят много времени на поиск нужного раздела или товара, скорее всего они уйдут.
Что делать?
Убедитесь, что главные и важные разделы сайта легко доступны с главной страницы. Они не закопаны в многоуровневых меню, в выпадающих списках или где-то внизу страницы.
Как делать?
Например, Карты кликов и Тепловые карты (Yandex.Metrica) помогут увидеть:
- как/куда кликают пользователи, может оказаться, что совсем не туда, куда бы вам хотелось;
- где «застревают».
«Чо так долго»: Оптимизируйте скорость загрузки сайта
Почему важно? Раздражает, когда сайт загружается долго и так на каждой странице. Пользователь сразу вспоминает слова: «трафик», «тариф», «да чо так долго!» — и уходит. Особенно это критично для мобильных устройств, где скорость имеет решающее значение. А мобильных посетителей на сайтах обычно от 50 до 90%.
Что делать?
- Использовать на сайте картинки подходящего размера. Не надо в маленький блок на сайте подставлять картинку размером в пять экранов. В идеале — размер блока примерно равен размеру картинки.
- Сжать изображения без потери качества.
- Использовать формат webp, где это выгодно, вместо jpg и png.
- Использовать для фото «ленивую» загрузку loading=”lazy”.
Как делать?
Например, PageSpeed Insights — сервис, который поможет определить, какие элементы замедляют ваш сайт и что можно улучшить.
«Ничо не понял»: Улучшить читаемость текстов
Почему важно? Посетители сайта должны легко воспринимать информацию. Если текст запутанный, слишком мелкий или плохо читается из-за цветов, то пропадает всякое желание что-то искать на сайте.
Что делать?
- Убедитесь, что текст на сайте достаточно крупный и контрастный. Рекомендуемый минимальный размер шрифта должен быть не менее 16 пикселей, а контраст между фоном и текстом комфортный для чтения.
- Разбейте длинные тексты на абзацы. Используйте подзаголовки и списки, чтобы структурировать информацию и облегчить восприятие. Не используйте лонгриды (длинные тексты), всё равно их никто не читает. «Наша миссия», «Наша история», «Наши преимущества» и вот это всё — бесполезная информация, это не УТП и не ЦП (как вы можете подумать).
Как делать?
- Проверить контраст можно с помощью Contrast Checker.
- Сами откройте сайт на разных устройствах, чтобы убедиться, что текст легко читается.
- Покажите сайт «бабушке», если она говорит: «Ой, милок, я ничего не поняла», то, скорее всего, у вас что-то не так (независимо от того, что вы продаёте).
«Потыкай на мобиле»: Протестируйте мобильную версию сайта
Почему важно? Почти на все сайты большинство пользователей заходят с мобильных устройств. Если ваш сайт криво отображается на мобильном — вы теряете клиентов.
Что делать?
- Сами периодически листайте ваш сайт на своём смартфоне и смотрите, чтобы ничего не «разъезжалось», тексты читабельные, кнопки «нажимабельные».
- Упростите оформление заказов для мобильной версии сайта, сделайте формы максимально короткими, не требуйте от пользователей регистрацию перед оформлением и лишнюю информацию.
Как делать?
- Воспользуйтесь Mobile-Friendly Test, чтобы проверить, насколько ваш сайт адаптирован под мобильные устройства.
- Полистайте ваш сайт на нескольких устройствах: телефонах и планшетах с разными разрешениями экрана — будете (не)приятно удивлены ))
«Тренируйся на кошках»: Проведите юзабилити-тестирование с реальными пользователями
Почему важно? Вы можете предполагать, что ваш сайт удобен, но настоящие пользователи могут сталкиваться с проблемами, о которых вы не догадываетесь. Юзабилити-тестирование позволяет выявить эти проблемы.
Что делать?
- Попросите несколько человек, не связанных с разработкой сайта, попробовать выполнить на нём несколько задач (например: найти товар и добавить в корзину). Не надо просить так: «Найди мне зелёную сковородку». Просите с контекстом: «Представь, что нужно найти подарок для бабушки (бедная бабушка), придумай любой подарок и найди на сайте».
- Наблюдайте за их действиями: на что они тратят больше времени, какие ошибки допускают, где спотыкаются. Спрашивайте, почему они что-то делают не так, как вы задумывали.
- На основе обратной связи поменяйте на сайте сценарии, кнопки и тексты.
Как делать?
- Наблюдайте сами или попросите записать экран и прислать видео. Яндекс Вебвизор поможет, но вам надо чётко понимать, что именно вы хотите видеть, иначе закопаешься в видео.
- Попросите ваших клиентов в магазине/офисе, дайте им свой смартфон и пусть потыкают, пока вы им готовите чай с плюшками
- 3-5-7 человек будет достаточно, чтобы сделать полезные выводы.
«Длинные слова меня только расстраивают»: Упростите формы и кнопки
Почему важно? Большие и сложные формы регистрации или оформления заказа «напрягают» пользователей. Упрощение этих процессов повышает вероятность того, что они завершат покупку или отправят заявку.
Что делать?
- Уберите все «ненужные» поля в формах. Например, если вам не нужно знать адрес покупателя на первом этапе регистрации, уберите его.
- Убедитесь, что кнопки на сайте содержат чёткие призывы к действию («Купить», «Зарегистрироваться», «Узнать больше») и достаточно заметны.
Итого
Улучшение юзабилити сайта своими силами возможно даже без значительных финансовых вложений. Самостоятельные тестирования и использование бесплатных инструментов помогут выявить проблемные места и постепенно улучшать ваш сайт.
Если есть конкретные вопросы, нужно быстро оценить сайт, то спрашивайте здесь в Вопросы-ответы