Как улучшить сайт: 13 способов улучшить свой сайт!

типичные проблемы и 50+ рекомендаций

• #Инструменты
• #SEO
• #Сайты

• Поделиться статьей
• Время чтения 13,5 минут Прочитать позже

Содержание статьи:

В прошлых статьях “Что такое юзабилити” и “Юзабилити аудит сайта” мы уже рассказывали:

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

• Зачем нужен его аудит;

• Что входит в аудит;

• О сервисах, которые помогают оценить текущее юзабилити.

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

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

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

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

 




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

Представьте: вы зашли в магазин, чтобы купить конкретную вещь. Например, ваш друг посоветовал вам хороший пылесос, и вы точно знаете, что здесь он продаётся. И вот вы заходите, а продавец просто вас игнорирует. Вы несколько минут тратите на то, чтобы попытаться с ним заговорить, но вам просто отвечают: “Да-да, подождите секунду”, — и продолжают заниматься своими делами. Вы ждёте 5-10 минут, но ситуация не меняется. При этом других посетителей в магазине нет. Как вы поступите? Скорее всего просто уйдёте. Так же и с сайтом — если простейшие действия занимают у пользователя слишком много времени, он просто уйдёт к конкурентам.

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

Самые распространённые ошибки в юзабилити

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

Какие ещё проблемы юзабилити бывают?

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

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

 

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

Да, собирать контакты очень важно. Но пользователь должен понимать ценность этой сделки и добровольно соглашаться на регистрацию. А если вы говорите: “Сначала поделитесь контактами, а потом мы расскажем вам о продукте”, — то только раздражаете пользователей. Особенно часто этим грешат мобильные приложения.

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

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

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

Кто занимается оптимизацией юзабилити?

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

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




Потом по всем этим собранным данным составляется ТЗ для программистов, а дальше начинается процесс разработки и тестирования.

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

Улучшение юзабилити сайта: чек-лист

Давайте разберём, какие параметры улучшают юзабилити сайта.




Техническая сторона

1. Поработайте над скоростью загрузки.

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

2. Сделайте мобильную версию сайта.

   Трафик с мобильных устройств постоянно растёт. Поэтому сайт, адаптированный под мобильные — маст-хэв в 2021 году.

3. Поработайте над исправлением типичных ошибок.

   На сайте не должно быть битых ссылок, пустых разделов, дублей страниц, неоптимизированных изображений, дублирования мета-тегов (title и description) и т.д.

4. Следите, чтобы всё работало правильно.

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

   Контент

5. Избавьтесь от лишней информации.

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

6. Сделайте так, чтобы тексты было легко читать.

   Да, тексты читают мало и невнимательно. С этим остаётся только смириться. Но вы можете сделать так, чтобы вся важная информация всё-таки дошла по пользователя. Для этого можно использовать:

   • Абзацы. Большое текстовое полотно очень неудобно и скучно читать

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

   • Списки. Структурированная информация воспринимается легче

   • Иллюстрации. Если что-то можно наглядно показать, не пытайтесь объяснить это на пальцах

   • Таблицы. Некоторую информацию проще воспринимать в виде таблицы. Например, сравнения товаров

7. Задавайте оптимальную длину строки.

   Строка не должна быть ни слишком длинной, ни сверхкороткой. Иначе пользователь будет уставать от чтения ваших текстов. Оптимальная длина — 70-80 символов с пробелами.

8. Поработайте над качеством графических материалов.

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

9. Важную информацию вынесите на главный экран.

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

10. Сделайте контакты заметными. 

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

11. Не допускайте ошибок в текстах.

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

12. Покажите пользователю, что контент есть не только на первом экране, но и ниже.

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

13. Облегчите восприятие информации.

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

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

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

15. Общайтесь с пользователем.

    Когда человек взаимодействует с сайтом, он должен получать какую-то отдачу. Например, пользователь положил товар в корзину. Сайт должен отреагировать на это действие и показать сообщение вроде: “Товар X успешно добавлен в корзину”. Когда система играет в молчанку, пользователь находится в постоянном стрессе: “А если товар не добавился в корзину?”, “А вдруг мой заказ не получили?”, “Это у меня пропал интернет, или с сайтом что-то не то?”.

    Дизайн

16. Не бойтесь оставлять пустое место.

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

17. Поработайте над акцентами.

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

18. Не используйте слишком резких визуальных эффектов.

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

19. Проверяйте контрастность шрифта.

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

20. Придерживайтесь одного стиля.

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

21. Используйте универсальные символы.

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

22. Не помечайте различия только цветом.

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

23. Размещайте привычные элементы в ожидаемых местах.

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

    Формы для заполнения и всплывающие окна

24. Сделайте формы регистрации и заказа как можно проще.

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

25. Если без длинных форм не обойтись, разбейте их на шаги.

    Так воспринимать информацию намного проще. А ещё важно показывать прогресс. Например, можно написать: “шаг 2 из 5”. Если человек заполняет форму, но при этом не знает, сколько времени займёт процесс, он начинает нервничать.

26. Не раздражайте пользователей бесконечными попапами.

    Если за один визит пользователю приходится закрыть 5 разных всплывающих окон с акциями и формами захвата, вряд ли он захочет вернуться. То же самое и с попапами, которые вылетают раз в какое-то время. Если пользователь закрыл окно, не надо надоедать ему снова.

27. Следите, чтобы онлайн-консультант не навязывался.

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

    
    

    Специфика интернет-магазинов

28. Проработайте карточки товаров/услуг.

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

    
    

29. Подробно распишите условия доставки и возврата.

    Это упрощает клиентам жизнь и повышает доверие к компании.

30. Сделайте корзину удобной.

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

    
    

31. Предложите совершить быструю покупку.

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

32. Прямо говорите о наличии и отсутствии товара.

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

33. Подумайте, как сделать фильтры более удобными.

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

    Навигация

34. Сделайте поиск по сайту более умным.

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

35. Поработайте над удобством меню.

    Не мудрите с названиями пунктов: не “наше предприятие”, а “о компании”; не “расположение”, а “контакты”. Также пунктов не должно быть слишком много, а в само меню не стоит добавлять слишком много уровней. Лучше остановиться на 2-3.

    
    

36. Сообщайте пользователю о том, что сейчас происходит.

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

37. Дайте возможность вернуться на главную с любой страницы.

    Обычно это можно сделать по клику на логотип компании в шапке сайта.

38. Сообщайте пользователям, где они сейчас находятся.

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

39. Давайте возможность вернуться на шаг назад.

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

    Кнопки и призывы к действию

40. Сделайте кнопки удобными.

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

41. Названия кнопок должны чётко говорить о том, что произойдёт после нажатия.

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

42. Делайте призывы чёткими и заметными.

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

    Ссылки

43. Сделайте так, чтобы ссылки с альтернативными сценариями взаимодействия открывались в новом окне.

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

44. Выделите ссылки из основного текста.

    Стандартная история, когда ссылки в тексте подчёркнуты и выделены синим цветом. При переходе по ним цвет меняется на фиолетовый.

45. Добавьте хлебные крошки.

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

46. Добавьте внутреннюю перелинковку.

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

    Ошибки

47. Сделайте сообщения об ошибках более понятными.

    Если пользователь видит ошибку на странице сайта, это сразу вызывает стресс: “Что произошло? Это проблемы на сайте или с моим интернетом?”. Если понятно объяснить человеку, что на сайте сейчас проводятся работы или что такой страницы уже не существует, он будет понимать в чём дело и останется к вам лоялен.

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

48. Постарайтесь предотвратить возможность ошибки.

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

    Другие важные мелочи

49. Не заставляйте пользователей считать в уме.

    Например, если вы указываете скидку, сразу пишите как изменится итоговая цена. 

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

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

51. Разместите в подвале сайта ссылки на аккаунты в соцсетях.

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

52. Обеспечьте быстрый доступ к службе поддержки.

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

53. Адаптируйте таблицы под мобильные устройства.

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

54. Дайте возможность взаимодействовать с сайтом с помощью клавиатуры

    Например, это удобно, когда человек заполняет форму. Так проще переходить от одного поля к другому.

55. Предлагайте выбор

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

56. Не требуйте создавать слишком сложных паролей.

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

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

    В некоторых сферах это официальное требование. 

Итого

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

Проверку и повышение юзабилити сайта нужно проводить регулярно. Как минимум, можно следить за поведением пользователей на сайте через Яндекс.Метрику и Google Analytics. Это поможет вовремя заметить снижение поведенческих факторов и конверсии, провести более серьёзную аналитику и принять меры.




Вернуться к оглавлению

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

Оцените статью

Наши услуги по теме:

SEO
оптимизация

Продвижение сайта
на лидирующие позиции в поиске


Подробнее

Рекомендуем прочитать

Юзабилити аудит сайта: 60+ пунктов для проверки

Какие функции и фишки автоматически повышают уровень юзабилити вашего сайта? Разбираемся в статье.


Зачем нужна веб-аналитика для бизнеса, или Как понять, почему посетителям не нравится ваш сайт

Яндекс.Метрика и Google Analytics — минимальный джентльменский набор для веб-аналитики. Разбираемся, какую информацию они собирают и как её анализировать.

Улучшаем поведенческие факторы сайта: инструкция из 5 шагов

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

SEO-копирайтинг: 5 задач SEO-текстов и что должен знать специалист, чтобы вывести сайт в топ, а не в бан

Понятно даже не специалистам! Что такое SEO-копирайтинг, какие 5 задач он решает и что нужно помнить, чтобы ваши SEO-тексты не принесли сайту вреда.

Персональные закладки

Все рубрики

• Все статьи
• LP и сайты
• SEO Оптимизация
• Аналитика
• Заметки специалиста
• Контекстная реклама
• Отдел продаж
• Продвижение в интернете
• Управление репутацией

Подпишитесь на полезный контент

Есть интересный проект?

Давайте его обсудим!

Обсудить проект

Наш Telegram канал @ SoldiMarketing -присоединяйтесь

Обсуждения

Полезное видео каждую неделю. Подписывайся!

Подписаться

Тренды SEO в 2023. На что поисковики обращают внимание в 2023 году?

10 трендов интернет маркетинга 2023 года

Как сделать сайт для SEO, чтобы получить буст на старте

6 показателей, без отслеживания которых невозможно продвигаться в интернете

SEO продвижение и оптимизация сайта. Полное руководство

Как продвигаться в Google в 2023 году? Есть ли альтернатива Яндексу?

PEST-анализ: многие без него уже потеряли свой бизнес

Блокировка социальных сетей в России

Чем пиар отличается от рекламы? Нужно ли брать пиарщика в штат? Public relations

Продвижение интернет-магазина: советы

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

Что такое digital-агентство? Виды услуг и советы по выбору агентства для продвижения в интернете

Какая реклама в 2022 эффективнее для бизнеса?

Продвижение сайта. Как оптимизировать статьи для получения трафика?

Лидогенерация — с чего начать?

Помогает ли Яндекс.Кью в продвижении экспертам?

Как отвечать на отзывы в интернете?

Какая реклама в интернете помогает бизнесу?

Помогает ли Яндекс.Кью продвигать свой личный проект и свои услуги

Как раскрутить одностраничный сайт? Раскрутка лендинга

Вернуться к оглавлению

типичные проблемы и 50+ рекомендаций

• #Инструменты
• #SEO
• #Сайты
• Поделиться статьей
• Время чтения 13,5 минут Прочитать позже

Содержание статьи:

В прошлых статьях “Что такое юзабилити” и “Юзабилити аудит сайта” мы уже рассказывали:

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

• Зачем нужен его аудит;

• Что входит в аудит;

• О сервисах, которые помогают оценить текущее юзабилити.

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

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

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

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




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

Представьте: вы зашли в магазин, чтобы купить конкретную вещь. Например, ваш друг посоветовал вам хороший пылесос, и вы точно знаете, что здесь он продаётся. И вот вы заходите, а продавец просто вас игнорирует. Вы несколько минут тратите на то, чтобы попытаться с ним заговорить, но вам просто отвечают: “Да-да, подождите секунду”, — и продолжают заниматься своими делами. Вы ждёте 5-10 минут, но ситуация не меняется. При этом других посетителей в магазине нет. Как вы поступите? Скорее всего просто уйдёте. Так же и с сайтом — если простейшие действия занимают у пользователя слишком много времени, он просто уйдёт к конкурентам. А вы недополучите прибыли и просто так сольёте деньги, которые уже потратили на его привлечение.

Самые распространённые ошибки в юзабилити

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

Какие ещё проблемы юзабилити бывают?

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

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

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

Да, собирать контакты очень важно. Но пользователь должен понимать ценность этой сделки и добровольно соглашаться на регистрацию. А если вы говорите: “Сначала поделитесь контактами, а потом мы расскажем вам о продукте”, — то только раздражаете пользователей. Особенно часто этим грешат мобильные приложения.

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

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

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

Кто занимается оптимизацией юзабилити?

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

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




Потом по всем этим собранным данным составляется ТЗ для программистов, а дальше начинается процесс разработки и тестирования.

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

Улучшение юзабилити сайта: чек-лист

Давайте разберём, какие параметры улучшают юзабилити сайта.




Техническая сторона

1. Поработайте над скоростью загрузки.

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

2. Сделайте мобильную версию сайта.

   Трафик с мобильных устройств постоянно растёт. Поэтому сайт, адаптированный под мобильные — маст-хэв в 2021 году.

3. Поработайте над исправлением типичных ошибок.

   На сайте не должно быть битых ссылок, пустых разделов, дублей страниц, неоптимизированных изображений, дублирования мета-тегов (title и description) и т.д.

4. Следите, чтобы всё работало правильно.

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

   Контент

5. Избавьтесь от лишней информации.

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

6. Сделайте так, чтобы тексты было легко читать.

   Да, тексты читают мало и невнимательно. С этим остаётся только смириться. Но вы можете сделать так, чтобы вся важная информация всё-таки дошла по пользователя. Для этого можно использовать:

   • Абзацы. Большое текстовое полотно очень неудобно и скучно читать

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

   • Списки. Структурированная информация воспринимается легче

   • Иллюстрации. Если что-то можно наглядно показать, не пытайтесь объяснить это на пальцах

   • Таблицы. Некоторую информацию проще воспринимать в виде таблицы. Например, сравнения товаров

7. Задавайте оптимальную длину строки.

   Строка не должна быть ни слишком длинной, ни сверхкороткой. Иначе пользователь будет уставать от чтения ваших текстов. Оптимальная длина — 70-80 символов с пробелами.

8. Поработайте над качеством графических материалов.

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

9. Важную информацию вынесите на главный экран.

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

10. Сделайте контакты заметными. 

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

11. Не допускайте ошибок в текстах.

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

12. Покажите пользователю, что контент есть не только на первом экране, но и ниже.

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

13. Облегчите восприятие информации.

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

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

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

15. Общайтесь с пользователем.

    Когда человек взаимодействует с сайтом, он должен получать какую-то отдачу. Например, пользователь положил товар в корзину. Сайт должен отреагировать на это действие и показать сообщение вроде: “Товар X успешно добавлен в корзину”. Когда система играет в молчанку, пользователь находится в постоянном стрессе: “А если товар не добавился в корзину?”, “А вдруг мой заказ не получили?”, “Это у меня пропал интернет, или с сайтом что-то не то?”.

    Дизайн

16. Не бойтесь оставлять пустое место.

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

17. Поработайте над акцентами.

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

18. Не используйте слишком резких визуальных эффектов.

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

19. Проверяйте контрастность шрифта.

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

20. Придерживайтесь одного стиля.

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

21. Используйте универсальные символы.

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

22. Не помечайте различия только цветом.

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

23. Размещайте привычные элементы в ожидаемых местах.

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

    Формы для заполнения и всплывающие окна

24. Сделайте формы регистрации и заказа как можно проще.

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

25. Если без длинных форм не обойтись, разбейте их на шаги.

    Так воспринимать информацию намного проще. А ещё важно показывать прогресс. Например, можно написать: “шаг 2 из 5”. Если человек заполняет форму, но при этом не знает, сколько времени займёт процесс, он начинает нервничать.

26. Не раздражайте пользователей бесконечными попапами.

    Если за один визит пользователю приходится закрыть 5 разных всплывающих окон с акциями и формами захвата, вряд ли он захочет вернуться. То же самое и с попапами, которые вылетают раз в какое-то время. Если пользователь закрыл окно, не надо надоедать ему снова.

27. Следите, чтобы онлайн-консультант не навязывался.

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

    
    

    Специфика интернет-магазинов

28. Проработайте карточки товаров/услуг.

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

    
    

29. Подробно распишите условия доставки и возврата.

    Это упрощает клиентам жизнь и повышает доверие к компании.

30. Сделайте корзину удобной.

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

    
    

31. Предложите совершить быструю покупку.

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

32. Прямо говорите о наличии и отсутствии товара.

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

33. Подумайте, как сделать фильтры более удобными.

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

    Навигация

34. Сделайте поиск по сайту более умным.

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

35. Поработайте над удобством меню.

    Не мудрите с названиями пунктов: не “наше предприятие”, а “о компании”; не “расположение”, а “контакты”. Также пунктов не должно быть слишком много, а в само меню не стоит добавлять слишком много уровней. Лучше остановиться на 2-3.

    
    

36. Сообщайте пользователю о том, что сейчас происходит.

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

37. Дайте возможность вернуться на главную с любой страницы.

    Обычно это можно сделать по клику на логотип компании в шапке сайта.

38. Сообщайте пользователям, где они сейчас находятся.

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

39. Давайте возможность вернуться на шаг назад.

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

    Кнопки и призывы к действию

40. Сделайте кнопки удобными.

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

41. Названия кнопок должны чётко говорить о том, что произойдёт после нажатия.

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

42. Делайте призывы чёткими и заметными.

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

    Ссылки

43. Сделайте так, чтобы ссылки с альтернативными сценариями взаимодействия открывались в новом окне.

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

44. Выделите ссылки из основного текста.

    Стандартная история, когда ссылки в тексте подчёркнуты и выделены синим цветом. При переходе по ним цвет меняется на фиолетовый.

45. Добавьте хлебные крошки.

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

46. Добавьте внутреннюю перелинковку.

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

    Ошибки

47. Сделайте сообщения об ошибках более понятными.

    Если пользователь видит ошибку на странице сайта, это сразу вызывает стресс: “Что произошло? Это проблемы на сайте или с моим интернетом?”. Если понятно объяснить человеку, что на сайте сейчас проводятся работы или что такой страницы уже не существует, он будет понимать в чём дело и останется к вам лоялен.

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

48. Постарайтесь предотвратить возможность ошибки.

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

    Другие важные мелочи

49. Не заставляйте пользователей считать в уме.

    Например, если вы указываете скидку, сразу пишите как изменится итоговая цена. 

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

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

51. Разместите в подвале сайта ссылки на аккаунты в соцсетях.

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

52. Обеспечьте быстрый доступ к службе поддержки.

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

53. Адаптируйте таблицы под мобильные устройства.

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

54. Дайте возможность взаимодействовать с сайтом с помощью клавиатуры

    Например, это удобно, когда человек заполняет форму. Так проще переходить от одного поля к другому.

55. Предлагайте выбор

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

56. Не требуйте создавать слишком сложных паролей.

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

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

    В некоторых сферах это официальное требование. 

Итого

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

Проверку и повышение юзабилити сайта нужно проводить регулярно. Как минимум, можно следить за поведением пользователей на сайте через Яндекс. Метрику и Google Analytics. Это поможет вовремя заметить снижение поведенческих факторов и конверсии, провести более серьёзную аналитику и принять меры.




Вернуться к оглавлению

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

Оцените статью

Наши услуги по теме:

SEO
оптимизация

Продвижение сайта
на лидирующие позиции в поиске


Подробнее

Рекомендуем прочитать

Юзабилити аудит сайта: 60+ пунктов для проверки

Какие функции и фишки автоматически повышают уровень юзабилити вашего сайта? Разбираемся в статье.


Зачем нужна веб-аналитика для бизнеса, или Как понять, почему посетителям не нравится ваш сайт

Яндекс.Метрика и Google Analytics — минимальный джентльменский набор для веб-аналитики. Разбираемся, какую информацию они собирают и как её анализировать.

Улучшаем поведенческие факторы сайта: инструкция из 5 шагов

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

SEO-копирайтинг: 5 задач SEO-текстов и что должен знать специалист, чтобы вывести сайт в топ, а не в бан

Понятно даже не специалистам! Что такое SEO-копирайтинг, какие 5 задач он решает и что нужно помнить, чтобы ваши SEO-тексты не принесли сайту вреда.

Персональные закладки

Все рубрики

• Все статьи
• LP и сайты
• SEO Оптимизация
• Аналитика
• Заметки специалиста
• Контекстная реклама
• Отдел продаж
• Продвижение в интернете
• Управление репутацией

Подпишитесь на полезный контент

Есть интересный проект?

Давайте его обсудим!

Обсудить проект

Наш Telegram канал @ SoldiMarketing -присоединяйтесь

Обсуждения

Полезное видео каждую неделю. Подписывайся!

Подписаться

Тренды SEO в 2023. На что поисковики обращают внимание в 2023 году?

10 трендов интернет маркетинга 2023 года

Как сделать сайт для SEO, чтобы получить буст на старте

6 показателей, без отслеживания которых невозможно продвигаться в интернете

SEO продвижение и оптимизация сайта. Полное руководство

Как продвигаться в Google в 2023 году? Есть ли альтернатива Яндексу?

PEST-анализ: многие без него уже потеряли свой бизнес

Блокировка социальных сетей в России

Чем пиар отличается от рекламы? Нужно ли брать пиарщика в штат? Public relations

Продвижение интернет-магазина: советы

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

Что такое digital-агентство? Виды услуг и советы по выбору агентства для продвижения в интернете

Какая реклама в 2022 эффективнее для бизнеса?

Продвижение сайта. Как оптимизировать статьи для получения трафика?

Лидогенерация — с чего начать?

Помогает ли Яндекс. Кью в продвижении экспертам?

Как отвечать на отзывы в интернете?

Какая реклама в интернете помогает бизнесу?

Помогает ли Яндекс.Кью продвигать свой личный проект и свои услуги

Как раскрутить одностраничный сайт? Раскрутка лендинга

Вернуться к оглавлению

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

Взаимодействие с пользователем веб-сайта

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

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

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

Как улучшить веб-сайт

1. Используйте пустое пространство.
2. Оптимизируйте скорость страницы.
3. Используйте привлекательные призывы к действию.
4. Использовать дифференцирование гиперссылок.
5. Разделите ключевую информацию маркерами.
6. Используйте изображения (с умом).
7. Включите хорошо продуманные и написанные заголовки.
8. Поддерживайте согласованность страниц вашего веб-сайта.
9. Лови свои 404-е.
10. Будьте гибкими и удобными для мобильных устройств.

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

1. Используйте пробел.

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

Согласно Crazy Egg, пустое пространство вокруг текста и заголовков увеличивает внимание пользователя на 20%. Белое пространство также может сделать ваш веб-сайт открытым, свежим и современным, и если ваш брендинг соответствует им, он может помочь вам передать это ощущение пользователю. Однако следует помнить об одном недостатке пустого пространства: оно действительно занимает место.

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

Рассмотрим веб-сайт Sara Does SEO, созданный Сарой Данн. В ее UX с самого начала много пустого пространства, привлекающего ваше внимание к тому, как выглядит Сара и что она может сделать для вас. Это позволяет читателю сосредоточить свое внимание на самом важном. Каждый раздел домашней страницы также содержит один четкий заголовок и несколько вспомогательных пунктов, облегчающих усвоение информации.

Посетите ее веб-сайт ниже.

2. Оптимизируйте скорость страницы.

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

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

Согласно Section.io, дополнительные пять секунд времени загрузки страницы могут увеличить «показатель отказов» вашего сайта более чем на 20%. Вау.

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

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

Узнайте больше о снижении показателя отказов вашего веб-сайта в этой записи блога.

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

3. Используйте привлекательные призывы к действию.

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

При создании кнопок для вашего веб-сайта вы должны думать о цвете и психологии цвета. В исследовании, проведенном Maxymiser, исследователи были потрясены, обнаружив, что они добились увеличения количества кликов на 11% в области оформления заказа на веб-сайте Laura Ashley за счет тестирования цветовых вариаций и обмена сообщениями. Разные цвета вызывают разные сообщения. Подумайте о сообщении, которое вы хотите вызвать у пользователя (доверие, опыт, интеллект), и мудро выбирайте цвета.

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

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

4. Используйте дифференциацию гиперссылок.

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

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

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

При создании гиперссылки также не забывайте о длине гиперссылки. Чем длиннее заголовки ссылок, тем легче их идентифицировать. Например: «Чтобы посетить веб-сайт GE, нажмите здесь». против . «Посетите веб-сайт GE здесь».

5. Разделите ключевую информацию маркерами.

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

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

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

6. Используйте изображения (с умом).

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

В тематическом исследовании, проведенном компанией Spectrum, Inc. компании Harrington Movers, транспортной компании из Нью-Джерси и Нью-Йорка, они смогли повысить конверсию на странице, просто заменив стоковое фото изображением реальной бригады грузчиков. . Они получили такое же увеличение конверсии и доверия к странице, добавив изображение своего реального движущегося грузовика по сравнению со стоковой фотографией. (Читайте полное исследование здесь.)

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

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

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

7. Включите хорошо продуманные и написанные заголовки.

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

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

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

8. Поддерживайте согласованность страниц вашего веб-сайта.

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

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

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

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

9.

Поймай свои 404-е.

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

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

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

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

10. Будьте гибкими и удобными для мобильных устройств.

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

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

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

7 способов улучшить домашнюю страницу вашего веб-сайта

Анита Кэмпбелл

Опубликовано 27 февраля 2019 г.

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

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

1. Регулярно обновляйте содержимое

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

2. Убедитесь, что в нем есть призыв к действию

Спросите себя: какое главное действие вы хотите, чтобы посетители вашего веб-сайта совершили? Вот три примера распространенных призывов к действию:

• Подпишитесь на свой список адресов электронной почты. Когда люди подписываются на ваш список адресов электронной почты, вы создаете постоянную связь, позволяющую вам продавать им товары. Большинство программ для электронного маркетинга (например, MailChimp – бесплатная для небольших списков или Constant Contact) предлагают простой способ вставить поле для подписки.
• Совершайте покупки в своем магазине электронной коммерции. Если вы продаете товары через Интернет, либо вставьте изображения нескольких товаров на свою домашнюю страницу, чтобы побудить покупателей перейти по ссылке, либо добавьте заметную кнопку «Купить сейчас».
• Заполните форму для потенциальных клиентов. Если вы продаете услуги вместо товаров, предложите посетителям заполнить так называемую форму для потенциальных клиентов. Он фиксирует контактную информацию, чтобы вы могли следить.

3. Разместите контактную информацию на видном месте

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

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

4. Добавьте изображения и/или видео

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

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

5. Обновите свой дизайн в соответствии с текущими стандартами

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

Обратитесь к своему веб-разработчику и попросите обновить домашнюю страницу. Или, если вы делаете все сами, купите недорогой шаблон — вы можете купить профессионально разработанный шаблон менее чем за 100 долларов США в таких местах, как ThemeForest или TemplateMonster.