Юзабилити услуги


Юзабилити анализ сайта

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

В последние года два под понятием «улучшить» сайт скрывается заморское красивишное слово «оптимизировать». Поэтому за отправную точку улучшения сайта возьмем два параметра: SEO-оптимизированности и юзабилити сайта. Я хочу остановиться более подробно на последнем.

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

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

Аудит юзабилити – зачем мне это нужно?


Коротко о главном: согласно авторитетному источнику, Стандарту ISO 9241-11, например, «Юзабилити – степень эффективности, продуктивности и удовлетворенности определенным продуктом при использовании его определенным пользователем в определенном контексте для достижения определенных задач.».

О как умно! А в двух словах, юзабилити – это степень ошуршенности вашего сайта в глазах ваших юзеров, базирующаяся на трёх китах: эффективности сайта, продуктивности и способности удовлетворить запросам юзера.

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

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

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


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

Лучшие помощники аудита юзабилити

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

Во-первых, аудит юзабилити базируется на двух составляющих: на анализе статистических данных и визуальном наблюдении за пользователями ресурса.

Во-вторых, как сказал бы С.Круг – лучше больше и чаще тестить на соседских кошках, чем не тестить вообще. Поэтому вот тебе несколько подсказок для проведения аудита самостоятельно:

  1. Анализировать статистические данные можно через такие ресурсы как Яндекс.Метрика или Google.Analytics. ЯМ однозначно проще, чем ГА, но всё же потребует минут 40, чтобы разобраться в нем.
  2. Спросить самих посетителей сайта, что им не понравилось. Именно «НЕ понравилось», так как люди склонны более охотно давать критику, нежели похвалу чему-либо/кому-либо.  Для этого тоже существует ряд скриптов и приложений. Один из них находится на сайте Visual Web Optimizer (да, мы молимся на этот ресурс всем агентством, потому что он реально удобный!).
  3. Наблюдать за действиями посетителей сайта можно не только втихаря из-за спинки стула подопытного, но и с помощью тех же инструментов Яндекс.Метрика и Google.Analytics.

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

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

Контент лендинга

1. Текст, понятный твоей бабушке или всё идеальное – просто

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


2. Привлекай внимание посетителя визуально (Структурируй текст)

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

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

3.Контактная информация или «Разрешите представиться»

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

До сих пор самым простым и оперативным способом наладить контакт остается телефонный звонок. И именно поэтому здравствуют и процветают такие сервисы, как «назойливая зеленая трубка справа» Callback Hunter, сервис прослушки звонков клиентов Callcontrol, аппетитный облачный сервис Mango Office и так далее. Но не стоит забывать о необходимости самого последнего блока на каждом уважающем себя ленде «Остались вопросы?» и наличия назойливого онлайн-консультанта JivoSite «Здравствуйте, чем я могу Вам помочь?».


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

4. Статика лучше динамики или не пичкай ленд динамичными сервисами

Реклама рекламе рознь. Баннеры, ссылки, сервисы желтая реклама – все эти источники дополнительного профита бизнеса могут превратиться в убийц сайта при неправильном расположении. Что касаемо лендинга, надо быть очень аккуратными с сервисами – в этом случае, как коса на камень: надо ставить максимум один (два?) сервиса, но ни в коем случае не винегрет из них. Оптимизировать, оптимизировать, да не выоптимизировать, как говорилось в одной статье, или краткость – сестра конверсии.

5. Чем короче якорь, тем надежнее стоит корабль

Анкоры (текст гиперссылок) должны быть понятны. То есть, если я сейчас упомяну о триггерах и правилах их оформления, но объяснять более детально мне будет лень, тогда дальше я дам ссылку – и тебе уже будет понятно, какую информацию ты получишь, перейдя по ссылке. Не надо писать изъезженные фразочки «узнать тут», «продолжение следует…», «читать далее». Пропиши пользователю мини-заголовок того контента, который ему предоставит эта подчеркнутая гиперссылка. Количество слов в анкоре не должно превышать 3х.


6. Количество полей ввода данных

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

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

7. Призыв к действию или Текст кнопки заявки

Текст кнопки заявки должен соответствовать результату, который мы предлагаем нашим пользователям в заголовке СТА. То есть если в заголовке СТА стоит «Внимание акция! Оставь заявку и получи скидку 100500%», то в кнопке должна быть надпись «Получить скидку».

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


8. Грамматические ошибки

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

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

Техническая часть

1. Отображение лендинга

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

2. Динамическая навигация

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


3. Выпадающее меню

Здесь важно одно простое правило: выпадающий список должен умещаться в рамках 2/3 экрана. Делается это для удобства выбора необходимого пункта из списка и более наглядного восприятия информации в выпадающем меню.

4. Хлебные крошки

Посетитель любого сайта всегда должен четко понимать, где он находится. Отражением этого служит два ориентира: адресная строка с доменным именем и указатели в хэдере (прим. «Меню-Дорожный багаж-Чемоданы»).

5. Логотип компании

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

6. Всплывающие окна

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

7. Содержание главной страницы/первого экрана

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


8. Перегруженность опциями

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

9. Работоспособность технических элементов

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

  • кнопки «Оставьте заявку» (в принципе, любой элемент в форме кнопки должен повлечь какое-то изменение на сайте);
  • поле «Поиск»;
  • кнопка «Корзина», «Добавить в корзину»;
  • номер телефона (желательно, чтобы транслировался в скайп);
  • форма захвата данных (в особенности – на лендах и интернет-магазинах);
  • поля для рассчета введенных данных (калькуляторы, выплывающие списки и т.д.);
  • слайдеры с фотографиями;
  • блоки с видео-контентом.

Ошибки дизайна

1. Непривычное расположение элементов на странице

В интернете есть негласные правила расположения элементов на странице: логотип – верхний левый угол, контактная информация – верхний правый угол, коорзина – верхняя правая часть хедера, поле поиска – верхняя правая часть хедера. Под товаром в интернет-магазине должна располагаться яркая кнопка «Купить», поля для регистрации/авторизации должны быть в правой верхней части страницы, форма захвата данных на ленда – либо справа на первом экране, либо по горизонтали. Чем меньше посетитель сайта ищет (прости за каламбур) кнопку «Поиск», тем выше коверсия твоей страницы. Размещай привычные элементы сайта там, где их привыкли искать.

2. Отступы

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

3. Пространство страницы

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

4. Визуальный шум

Визуальный шум – показатель уровня восприятия контента на странице. То есть чем больше элементов не несущих смысловую нагрузку расположено на странице, тем выше уровень визуального шума. Переизбыток яркости фона, слишком «радужный» дизайн («Правило 3 цветов»), чрезмерная концентрация иконок-кнопок-рамок с изображением на одном экране – всё это создает проблемы в восприятии главного – информации, несущей сайтом. Самый простой способ проверить уровень визуального шума: отойди на 1,5 метра от монитора и проследи, сможешь ли ты быстро найти текст на экране и прочесть его.

5. Читаемый шрифт

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

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

6.Автозаполнение полей ввода данных

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

7. Выделение ссылок

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

8. Подпись изображений

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

Олын-ол

Что же полезного в этой статье?

1. Зачем проводить аудит юзабилити:

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

2. Как провести аудит юзабилити бесплатно:

  • проанализировать имеющиеся статистические показатели и данные (через Яндекс.Метрику или Google.Analytics);
  • спросить посетителей сайта о том, что не понравилось (через сервис Visual Web Optimizer);
  • собрать несколько человек и понаблюдать за тем, как они пользуются сайтом;
  • понаблюдать за тем, как юзеры интернета пользуются сайтом (через те же сервисы Яндекс.Метрики и Google.Analytics).

3. Аудита юзабилити проводится по 3 направлениям:

  • Контент;
  • Техническая часть;
  • Дизайн.

4. Аудит юзабилити контента проводится по следующим пунктам:

  • понятность смысла текста;
  • структурированность текста;
  • контактная информация;
  • статичность/динамика элементов сайта;
  • текст гиперссылок;
  • поля ввода данных;
  • текст кнопок;
  • грамматический АшиПки.

5. Аудит юзабилити технической частьи проводится по следующим критериям:

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

6. Аудит юзабилити дизайна сайта базируется на следующих моментах:

  • расположение элементов на странице;
  • отступы;
  • пространство страницы;
  • визуальный шум;
  • шрифт;
  • автозаполнение полей ввода данных;
  • выделение ссылок;
  • подпись изображений в тегах alt и title.

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

Анализируй поведение посетителей на своем сайте, изучай их потребности, делай правильные выводы и реализуй свежие решения!

convertmonster.ru

Настоящим в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» от 27.07.2006 года Вы подтверждаете свое согласие на сбор, хранение и обработку компанией «Ашманов и партнеры» персональных данных, указанных путем заполнения веб-форм на сайте ashmanov.com и его поддоменов *.ashmanov.com.

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

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

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

Персональные данные хранятся и обрабатываются до завершения всех необходимых процедур либо до ликвидации Компании. Вы можете в любой момент отозвать настоящее согласие, направив письменное уведомление на адрес: 121357, Москва, ул. Верейская, д.29, стр. 134, Бизнес-центр «Верейская плаза 3», офис «Ашманов и партнеры» с пометкой «Отзыв согласия на обработку персональных данных». Вы также можете отказаться от получения электронных сообщений, используя ссылку «Отписаться», расположенную в конце каждого письма.

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

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

www.ashmanov.com

Как оценить удобство сайта

Юзабилити услуги

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

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

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

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

Получилось ровно три клика от выбора категории до заявки на расчет. В итоге за три месяца конверсия увеличилась многократно.

Как удобство пользования приносит прибыль

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

Что можно улучшить

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

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

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

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

bitmodern.ru

Что изучаем?

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

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

Коммерческие факторы ранжирования — юзабилити-составляющая сайта и тоже входят в наш чек-лист.

Чек-лист

1. Дизайн сайта

  • 1.1 Общая оценка дизайна
    Первое впечатление на посетителя сайта производит его дизайн. Плохой дизайн вызывает негативные эмоции, сильно снижая процент конверсии.
  • 1.2 Читабельность текста
    Плохо подобранный шрифт испортит впечатление даже от сайта, на котором предлагаются отлично упакованные услуги. Шрифт должен легко читаться, не вызывать дискомфорт. Если текст тяжело читать, то посетитель просто закроет сайт, перейдя на сайты конкурентов.
  • 1.3 Выделение ключевых слов по смыслу
    Если на сайте текст не разбит на блоки, если нет выделения ключевых слов, то читать этот текст крайне тяжело. Сплошной текст на сайтах в наше время практически никто не читает. У страниц со сплошным текстом низкая конверсия и поведенческие характеристики.
  • 1.4 Ширина основной версии сайта
    Если сайт не умещается в ширину экрана, то появляется горизонтальная полоса прокрутки. Таким сайтом не совсем удобно пользоваться. Некоторые элементы не будут умещаться на экране. Напротив, если сайт слишком узкий, то будут огромные белые полосы по бокам. В идеале, у сайта должны быть шаблоны для разрешений 980px и 1220px по горизонтали, либо сайт должен быть адаптивным.
  • 1.5 Качество фото и картинок
    Изображения на сайте являются одним из самых важных элементов. Некачественные картинки показывают посетителям сайта, что сайтом не занимаются. Фотографии и картинки должны быть уникальными, высокого разрешения и качества. Хорошая фотография является эффективным продающим элементом.

2. Шапка сайта

  • 2.1 Проверка высоты шапки сайта
    Иногда разработчики делают шапку сайта неоправданно высокой. Из-за этого на экране помещается меньше основной информации. Если посетитель сайта не видит на первом экране (без прокрутки) нужную информацию, то это увеличивает шанс того, что он сразу уйдёт с сайта.
  • 2.2 Наличие графического, либо качественного текстового логотипа
    Качественный логотип является признаком солидности компании. Если он отсутствует, то это может вызвать вопросы и сомнения у потенциальных покупателей.
  • 2.3 Кликабельность логотипа
    Пользователи интернета привыкли к тому, что по клику на логотип компании происходит переход на главную страницу сайта. Если этого не происходит, из-за возникших трудностей человек может уйти с сайта.
  • 2.4 Понятно ли по шапке сайта, что за услуги/товары предлагает компания?
    По шапке сайта сразу должно быть понятно, чем занимается компания. Это первое, на что обращают внимание посетители сайта.
  • 2.5 Отображение телефона
    Контактный телефон должен быть заметен с первого взгляда. Если предлагаемая услуга подразумевает звонок, то необходимо максимально облегчить этот процесс.
  • 2.6 Тип телефонного номера
    Если в качестве контактного телефона указан сотовый, то это вызывает подозрение у потенциальных клиентов. Основной телефон должен быть городским, либо 8-800. Номер 8-800 является предпочтительным для компаний, которые работают в нескольких регионах. Конверсия звонков выше, так как звонок бесплатный для клиентов.
  • 2.7 Форма обратной связи/обратный звонок в шапке сайта
    Бывают ситуации, когда клиент не может позвонить сам. В таком случае помогает возможность обратного звонка с сайта. Также в форме обратного звонка можно включить полезные уточнения, которые позволят менеджеру по продажам конкретизировать предложение для клиента.
  • 2.8 Отображение региональности
    Из информации в шапке сайта должна быть сразу понятна региональность компании. Если деятельность ведётся только в одном регионе, то необходимо это указать.
  • 2.9 Наличие времени работы компании
    Посетители сайта должны знать в какое время можно сделать заказ, либо просто позвонить по указанному телефону. Если время не указано, то звонок в нерабочее время приведёт только к негативной реакции.
  • 2.10 Шапка сайта одинаковая на всех страницах?
    Обычно на сайте используются несколько шаблонов дизайна. Например, главная страница и страница услуги отличаются. Важно сделать так, чтобы отличалась только внутренняя составляющая этих страниц. Если отличается шапка сайта, то это может усложнить навигацию. В худшем случае посетители могут подумать, что они перешли на другой сайт.
  • 2.11 Наличие поиска по сайту
    Поиск по сайту может существенно упростить навигацию. У клиентов появляется ещё один способ найти нужную информацию.
  • 2.12 Наличие электронной почты
    Электронная почта является одним из основных каналов связи. Если она оформлена в виде ссылки, то при нажатии на неё открывается почтовый клиент, где будет предложено создать сообщение.
  • 2.13 Наличие ссылок на группы в соц сетях
    Наличие полноценных групп в соц сетях повышает доверие к компании. Это один из каналов продаж и общения с клиентами. Если группы есть, но заброшены, то это вызовет подозрение клиентов.
  • 2.14 Перегруженность/пустота шапки сайта
    Количество информации в шапке сайта должно быть оптимальным. Если текста и картинок слишком много, то концентрация на ключевых элементах теряется, ухудшая впечатление от сайта.
  • 2.15 Наличие в шапке слогана/призыва к действию/преимуществ компании
    В шапке сайта рекомендуется добавить короткий текст, который будет дополнительно стимулировать клиентов к покупке, либо рассказывать важную информацию о компании.

3. Меню

  • 3.1 Наличие пункта меню «Главная»
    Пользователи интернета привыкли к тому, что первым пунктом меню является ссылка на главную страницу. Если такой ссылки нет, то это усложнит навигацию по сайту.
  • 3.2 Перегруженность меню
    Если в главном меню более 10 пунктов, то работа с таким меню усложняется. В главном меню должны быть ссылки только на самые важные страницы и разделы, иначе теряется акцент на этих элементах.
  • 3.3 Отображение меню
    Главное должно быть видно сразу, оно должно бросаться в глаза. Это основной элемент навигации.
  • 3.4 Наличие пункта меню «Контакты» или «О компании»
    Эти страницы являются одними из основных на сайте любой коммерческой компании. Ссылки на них обязательно должны быть в главном меню. Принято, чтобы ссылки на них были последними в меню (крайними справа).
  • 3.5 Наличие пункта меню «Акции» или «Скидки»
    Любая акция привлечет внимание посетителей сайта. Чтобы клиенты могли её найти, она должна быть на видном месте. Наличие акций улучшит конверсию и поведенческие факторы сайта.
  • 3.6 Наличие пункта меню «Услуги (либо товары)»
    На сайте обязательно должна быть страница, где перечислены все предлагаемые услуги/товары. Это важная часть правильной навигации по сайту.
  • 3.7 Наличие эффекта при наведении курсора на меню
    Когда посетитель видит ответную реакцию на свои действия, это улучшает результат взаимодействия с сайтом. Эффект при наведении на пункт меню — это один из базовых эффектов, которые стоит использовать на сайте.
  • 3.8 Главное меню в одну строчку
    Чем сложнее главное меню, тем меньше желания им пользоваться. По возможности, рекомендуется использовать меню в одну строчку. Если необходимо уместить в меню много разделов, то нужно использовать вложенность (раскрытие при наведении).
  • 3.9 Проверка вложенности меню
    Если во вложенном меню более 10-15 пунктов, то они могут запросто не влезть в экран по высоте. Также не стоит делать несколько уровней вложенности. Меню не должно раскрываться больше одного раза.
  • 3.10 Проверка вёрстки ссылок в меню
    Если меню сделано в виде кнопок, то ссылкой должна являться вся кнопка. Иногда встречается ошибка, состоящая в том, что ссылкой является только текст внутри кнопки. Такие меню менее удобны.

4. Футер

  • 4.1 Наличие ссылки на карту сайта
    Некоторые посетители привыкли пользоваться картой сайта для нахождения нужных страниц. Также карта сайта положительно влияет на его индексацию.
  • 4.2 Наличие контактной информации в футере
    В футере принято дублировать контактную информацию компании. Когда посетитель пролистывает страницу до конца, ему не нужно листать её вверх, чтобы узнать телефон или почту.
  • 4.3 Наличие ссылок на группы в соцсетях
    Наличие полноценных групп в соцсетях повышает доверие к компании. Это один из каналов продаж и общения с клиентами. Если группы есть, но заброшены, то это вызовет подозрение клиентов.
  • 4.4 Проверка на перегруженность футера
    Количество информации в футере должно быть оптимальным. Если текста и картинок слишком много, то концентрация на ключевых элементах теряется, ухудшая впечатление от сайта.
  • 4.5 Проверка высоты футера
    Футер должен смотреться органично. Он не должен быть слишком высоким, либо слишком маленьким. 

5. Главная страница

  • 5.1 Наличие слайдера с акциями/преимуществами компании
    Главная страница современного сайта начинается с красочно оформленных ключевых предложений компании в виде слайдера. Важно не просто наличие этого блока, но и его содержание с дизайном.
  • 5.2 Наличие отзывов клиентов
    Реальные отзывы клиентов крайне положительно влияют на конверсию сайта. На главной странице публикуют отзывы о компании от известных брендов. Отзывы с фотографиями и контактами, либо сканы рекомендательных писем вызывают гораздо больше доверия.
  • 5.3 Наличие блока со статьями/новостями/блогом компании
    Регулярно обновляемый раздел со статьями/новостями показывает потенциальным клиентам, что компания занимается своим сайтом. Это также положительно влияет на поисковый трафик. Если такой раздел есть, но не обновляется, то это вызовет подозрения у посетителей сайта.
  • 5.4 Наличие блока с оформленными преимуществами компании
    Коротко и ёмко сформулированные преимущества компании являются обязательным элементом любого современного коммерческого сайта. Они крайне положительно влияют на конверсию, а поисковые системы считают блок «Преимущества» важным коммерческим фактором ранжирования.
  • 5.5 Наличие формы заказа/кнопки с призывом к действию
    После перечисления основных услуг и преимуществ компании необходимо логическое завершение. В его роли выступает форма заказа. Её можно сверху сверху и внизу страницы.
  • 5.6 Описание ключевых услуг с ценами
    Наличие оформленного блока с ключевыми услугами крайне положительно влияет на конверсию и поведенческие факторы сайта. Услуги/товары, которые «прорекламированы» на главной странице получают улучшенную посещаемость и конверсию. Однако, таких услуг/товаров не должно быть слишком много. А цены, по которым они предлагаются, должны быть привлекательными.
  • 5.7 Наличие калькулятора, либо других интерактивных элементов
    Любой интерактивный элемент крайне положительно влияет на поведенческие факторы сайта. Например, посетители могут делать предварительные расчеты с помощью онлайн-калькулятора. В том числе, это показывает то, что у компании прозрачное ценообразование.
  • 5.8 Наличие примеров работ/портфолио
    Наличие примеров работ повышает доверие посетителей сайта к компании. Также это является коммерческим фактором ранжирования Яндекса. В тематиках, где примеры работы/портфолио применимы, их обязательно нужно использовать.
  • 5.9 Отсутствие счетчиков обратного отсчёта
    Счётчик обратного отсчёта выглядит несолидно. Такие приёмы часто используют сомнительные компании. Чтобы не было негативных ассоциаций, такие счётчики лучше убирать.
  • 5.10 Наличие инфографики, статистики в цифрах
    Инфографика позволяет максимально быстро ознакомиться с ключевыми показателями компании в цифрах. Такая емкая подача информации становится всё более распространенной, показывает свою хорошую эффективность.

6. Страница «О компании/Контакты»

  • 6.1 Наличие телефона, адреса, почты, времени работы
    На страницах «О компании» и «Контакты» посетители сайта ожидают увидеть полные контактные данные компании. Если данных нет, то доверия к такой компании значительно меньше.
  • 6.2 Наличие юридических данных — ИНН, ОГРН, Банковские реквизиты. Возможность скачать пример договора
    Наличие юридических данных также важно для доверия посетителей и поисковых систем к сайту компании. Такой блок на странице «О компании»/ «Контакты» поможет не только будущим, но и текущим клиентам.
  • 6.3 Наличие схемы проезда — интерактивная карта с отметками, фотографии со стрелками
    Наличие подробной и понятной схемы проезда сэкономит вашим сотрудникам много времени, так как не надо будет объяснять клиентам, как добраться до офиса. Вместо этого можно просто направлять людей на сайт. Если схемы проезда нет, либо она непонятная, то это может привести к тому, что клиент передумает делать заказ.
  • 6.4 Наличие фото сотрудников с должностями, контактами
    Фотографии сотрудников увеличивают доверие посетителей к сайту компании. Также это положительно влияет на конверсию. Фотографии сотрудников — это коммерческий фактор ранжирования Яндекса.
  • 6.5 Наличие сканов свидетельств, лицензий, сертификатов
    Все эти элементы увеличивают доверие посетителей к сайту компании. На такие сканы также обращают внимание поисковые системы.
  • 6.6 Наличие корпоративного видео
    Наличие корпоративных видеороликов увеличивают доверие посетителей к сайту компании. Также их наличие положительно влияет на поведенческие факторы ранжирования сайта.
  • 6.7 Наличие истории/миссии компании
    Наличие блока с историей/миссией компании увеличивают доверие посетителей к сайту компании. Этот блок должен быть подкреплен реальными фотографиями, иллюстрациями.
  • 6.8 Возможность связаться с руководством через форму
    Это коммерческий фактор ранжирования Яндекса, который также положительно влияет на доверие посетителей сайта. Возможность связаться с руководством напрямую может принести пользу и для текущих клиентов.
  • 6.9 Наличие ссылки на страницу с вакансиями
    Если на сайте есть вакансии с актуальными датами, то это ещё один элемент доверия, который необходимо использовать.
  • 6.10 Наличие фото офиса (сотрудников за работой)
    Качественные фотографии офиса, где видны сотрудники компании за работой улучшают доверие посетителей к сайту компании.

7. Страница с услугой

  • 7.1 Наличие цены
    Ключевой коммерческий фактор ранжирования поисковых систем, который также сильно влияет на конверсию. Обязательно стоит указывать цены. Если это сделать проблематично, то нужно хотя бы написать — Цена от …
  • 7.2 Наличие примеров работ/портфолио
    Наличие примеров работ на странице с услугой сильно повышает конверсию и доверие поисковых систем. 
  • 7.3 Наличие преимуществ компании
    Привлекательный блок с преимуществами компании на странице с услугой крайне положительно влияет на конверсию. Такой блок также положительно сказывается на доверии поисковых систем.
  • 7.4 Наличие отзывов об услуге
    На странице с услугой должны быть отзывы клиентов, которые уже воспользовались ею. Отзывы должны вызывать доверие.
  • 7.5 Наличие формы заказа
    Форма заказа является обязательным элементом любой страницы с услугой. Это основной коммерческий элемент страницы.
  • 7.6 Наличие схемы работы
    Если порядок предоставления услуг может вызвать вопросы, то необходимо расписать этот процесс максимально простым и понятным образом.
  • 7.7 Наличие структурированного текста (подзаголовки, иконки, фото. Нет сплошного текста)
    Текст описания услуги должен быть структурирован, разбит по смыслу, ключевые фразы должны быть выделены (цветом, размером). Без фотографий сейчас на текст практически не обращают внимания.
  • 7.8 Наличие акций/спецпредложений
    Наличие акций повышает конверсию и является коммерческим фактором ранжирования «Яндекса». Акция должна быть привлекательно оформлена и быть действительно выгодной.
  • 7.9 Наличие фото сотрудников, которые будут выполнять эту услугу
    Фотографии сотрудников увеличат доверие посетителей к сайту компании. Если будут указаны их контактные данные, то это может упростить осуществление услуги в дальнейшем.
  • 7.10 Наличие сканов свидетельств, лицензий, сертификатов по услуге
    Все эти элементы увеличивают доверие посетителей к сайту компании. На такие сканы также обращают внимание поисковые системы. 
  • 7.11 Перечисление всех способов покупки/оплаты
    Это увеличивает конверсию, упрощает сам процесс покупки. Перечисление способов покупки/оплаты является коммерческим фактором ранжирования «Яндекса».
  • 7.12 Текст вызывает желание заказать услугу/купить товар
    Текст описания услуги/товара напрямую влияет на конверсию. В тексте должны быть ответы на все потенциальные вопросы клиентов. Хороший текст должен развеять возможные сомнения клиентов.
  • 7.13 Наличие информации о сопутствующих услугах/товарах
    Все сопутствующие услуги/товары рекомендуется предложить клиенту в конце страницы. Это увеличит средний чек заказа, поможет клиенту с выбором подходящей услуги/товара. Ссылки на другие товары также являются хорошей перелинковой, что положительно скажется на индексации сайта.

8. Общее

  • 8.1 Наличие фавиконки
    Фавикнока привлекает дополнительное внимание к сайту в поисковой выдаче.
  • 8.2 Наличие хлебных крошек
    Хлебные крошки упрощают навигацию по сайту. Также они являются хорошей перелинковкой, улучшая индексацию сайта.
  • 8.3 Наличие рубрики «Вопросы и ответы»
    Наличие такой рубрики улучшает поведенческие факторы сайта. В ней публикуют множество страниц, которые можно продвигать по информационным запросам из семантического ядра.
  • 8.4 Основной email компании на домене сайта
    Почта на домене сайта является коммерческим фактором ранжирования «Яндекса». Также она является элементом, которые может улучшить доверие посетителей к сайту.
  • 8.5 Возможность регистрации на сайте/личный кабинет
    Наличие личного кабинета является признаком солидности компании. Особенно, когда речь идёт не об интернет-магазине. В личном кабинете можно предложить посетителям сайта дополнительный функционал.
  • 8.6 Наличие на сайте рекламы сторонних ресурсов
    Реклама сторонних ресурсов негативно влияет на конверсию и посещаемость сайта. Мы рекомендуем убирать такую рекламу как можно быстрее.
  • 8.7 Наличие онлайн-консультанта
    Онлайн-консультант является дополнительным каналом связи с клиентами. Мы рекомендуем его устанавливать. Особенностью является требование оперативного ответа на запросы посетителей. Если в чате никто не отвечает, это оставит негативное впечатление о компании.
  • 8.8 Наличие звуков на сайте
    Звук на сайте может крайне негативно сказаться на поведенческих факторах. Если посетитель зашёл на сайт на работе, то после звука он постарается как можно быстрее закрыть сайт, чтобы не привлекать к себе внимание.
  • 8.9 Наличие всплывающих окон (включая онлайн-консультанта)
    Всплывающие окна вызывают негативные впечатления от сайта. Если такие окна открываются с каждой новой страницей, то конверсия такого сайта снижается достаточно сильно. Окно онлайн-консультанта должно быть свернуто. Если посетитель хочет воспользоваться этим каналом связи, то он откроет его сам.
  • 8.10 Наличие пустых страниц/страниц в разработке
    Эта проблема показывает посетителям, что сайтом не занимаются. Это негативно скажется на конверсии, а также на доверии поисковых систем к сайту.
  • 8.11 Ссылки подчёркнуты, выделены ярким цветом
    Если ссылки не бросаются в глаза, то это усложнит навигацию по сайту.
  • 8.12 Блокировка элементов сайта плагином AdBlock
    Популярный плагин для браузеров AdBlock может ошибочно блокировать полезные элементы сайта. Например, если изображение будет называется banner.jpg, то скорее всего плагин его скроет.

Зарегистрироваться в «Ровертаск» и попробовать чек-лист

Кейс

Сделаем юзабилити-аудит Belgraviadent.ru. Это сайт стоматологической клиники, классический пример сайта услуг. По данным Xtool, он совсем молодой, 1,4 года, трафик при этом довольно высокий, по ряду ключевых запросов сайт на первом месте в поисковых системах. Посмотрим, насколько он удобен для пользователей.

Не будем подробно разбирать сайт по каждому из 80 пунктов нашего чек-листа. Поговорим отдельно о плюсах и минусах Belgraviadent.ru с точки зрения юзабилити и коммерческих факторов.

Как минусы можно охарактеризовать следующее.

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

Отметим главные плюсы Belgraviadent.ru.

  • Спокойный и простой дизайн, пастельные тона снижают тревогу, шрифт и картинки позволяют сразу найти нужную информацию: Юзабилити услуги
  • Идеальное для сайта стоматологической клиники главное меню, в нем именно то, что ищет человек, выбирая, где лечить зубы: «Услуги», «Врачи», «Фото работ», «Цены», «Акции», «Клиники».
  • Повышает доверие пользователей правильно оформленные преимущества компании, мы сразу видим, что Belgraviadent  — первая в России стоматологическая клиника, получившая сертификат JCI.
  • Обращение к посетителям сайта главного врача, владельца компании — на главной странице, есть кнопка «Напишите мне»:Юзабилити услуги
  • Раздел “Статьи” посвящен очень актуальным для клиентов вопросам, например: «Вам восстановили зуб керамической вкладкой. Что важно?». В ней в виде списков даны описания допустимых ощущений и рекомендации. Такие тексты демонстрируют профессионализм сотрудников клиники и заботу о пациентах, привлекают пользователей по информационным запросам.
  • Есть фото врачей, примеры их работ, фотографии зубов до и после лечения, реальные отзывы.

Итоги

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

Выводы и рекомендации

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

rovertask.com

Типичные ошибки и способы их избежать

 

Ошибка №1. Нет контактов!

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

неполные контактные данные.jpg 

 В «Контактах», кроме e-mail, необходимо указать:

  1. Физические адреса офиса и пунктов выдачи (если имеются) с картой проезда.
  2. График работы офиса/пунктов выдачи.
  3. Региональные контакты (если есть).
  4. Срок хранения покупки.
  5. Название юридического лица плюс реквизиты.
  6. Телефоны и факсы.

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

Ошибка №2. Без регистрации — никуда!

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

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

обязательная регистрация для покупки 

Не стоит путать Интернет-магазин с режимным объектом, куда нельзя попасть без разрешения и документов. Если человек хочет купить — пусть покупает немедленно, без малейших проволочек, ведь мгновенно принятое решение может быстро измениться. Незарегистрированные покупатели должны иметь возможность полноценного онлайн-заказа. Этой возможности не препятствует наличие «Моего кабинета»/«Личного профиля»: они пригодятся позднее для управления покупками.

Ошибка № 3. Слишком много полей! 

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

 слишком много полей регистрации

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

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

 

Ошибка №4. Неработоспособные формы. 

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

ошибка оформления заказа

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

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

 

Ошибка № 5. Нет описания! 

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

нет описания товара 

Размещать описание/характеристики необходимо по четырем причинам:

  1. это фактор доверия;
  2. ключевые слова из описаний используются поисковиками;
  3. не зная технических характеристик, гость не решится сделать покупку;
  4. описания влияют на решение купить вещь.

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

 подробное описание товара

Ошибка № 6. Нельзя купить за 1 клик. 

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

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

покупка в один клик 

Ошибка № 7. Утративший актуальность дизайн. 

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

устаревший дизайн сайта 

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

 

10 способов увеличить конверсию

 

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

  1.  Отсутствие прокрутки на главной странице. 

прокрутка на главной странице сайта 

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

 

  1. Демонстрация конкурентных преимуществ. 

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

  выгодные условия на главной странице

  1. Однозначные указания алгоритма действий. 

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

 

  1. Полная информация об оплате/доставке.

 

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

большой выбор способов доставки

 

  1. Дублирование товара. 

Положив вещь в «Корзину», клиент должен по-прежнему его видеть на стадии оформления заказа. Дублирование информации устраняет сомнения: ту ли вещь он покупает.

 

  1. Упрощение выбора. 

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

 понятная система фильтрации товара

 

  1. Отсутствие запретов. 

Клиент не должен сталкиваться с ограничением возможностей и словом «нет». Поиск не обнаружил требуемое изделие? Нужно предложить близкие по характеристикам варианты, а не писать, что ничего не найдено. Нельзя ограничивать ни сумму заказа, ни количество приобретаемого товара. Вместо запретов следует предоставить выбор (например, доставка товара стоимостью меньше 300 руб. стоит столько-то).

 

  1. Контакты там, где они уместны. 

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

 

  1. Ничего лишнего в карточке товара.

 ничего лишнего в карточке товара

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

 

  1. Интересные сервисы. Среди них: 

  1. Кнопки «Сообщить о проблеме», «Онлайн-консультация», «Недавно просмотренные» на каждой странице;
  2. Опция просматривания увеличенного фото изделия («лупа»);
  3. Разнообразная система скидок: по партнерской программе, накопительная (при следующих окупках), при рекомендации друзьям в соцсетях и проч., стимулирующие лояльность;
  4. Отдельный раздел товаров со скидками/акциями
  5. Продажа в кредит;
  6. Разделы гарантий и новинок;
  7. Информирование через SМS (о статусе заказа, о его прибытии и т. д.);
  8. Всплывающие напоминания-подсказки со стороны системы.

 всплывающие сервисы

 

 

Они учитывают специфические черты разных категорий пользователей.

  1. Поле поиска следует максимально укрупнить, привлекая к нему внимание (при этом сам поиск обязан работать безукоризненно).
  2. Отличные фотографии.  Качественные, с натуральными сочными цветами, они должны создавать у покупателя ощущение прикосновения к изделию. Все детали должны быть отчетливо видны. К фото неплохо добавить видеоролик и/или «виртуальный тур».
  3. Если каталог объемный и сложный, а навигация нужна простая и доступная, то стоит попробовать мегаменю. Это накладка с перечнем разделов/категорий, выскакивающая при открытии страницы. Будучи развернутой, она занимает много места на странице, помогая сориентироваться, но после сворачивания практически незаметна.
  4. Очень практична функция быстрого просмотра: она дает возможность взглянуть на вещь, не уходя со страницы категории. Пользователь быстро продвигается по каталогу, задерживая внимание на понравившихся объектах.
  5. Отзывы — как об ассортименте, так и о магазине. Их присутствие обязательно, причем если отзывам о товаре место на его странице, то отзывы о магазине лучше подавать посредством слайдера. Создание отдельного раздела отзывов вполне допустимо, но нужно понимать, что аудитория его будет невелика.
  6. Кнопки соцсетей — заметные, но не перетягивающие внимание на себя. Их не стоит недооценивать: пусть посетитель ничего не купит, а лишь разместит в своей ленте фото понравившихся часов или шубы — это уже реклама и какое-то количество новых посещений.
  7. Информацию о наличии/отсутствии товарной единицы стоит подавать так, чтобы она была видна с первого взгляда, добавляя поле «Уведомить при появлении». Иначе выйдет так: клиент добавил вожделенную вещь в «Корзину» — и узнал, что ее нет в наличии. Покупка не состоялась, и извинения мало что меняют.
  8. Крупная кнопка «Корзина» на видном месте. Независимо от того, демонстрируется ли все ее содержимое при каждом добавлении позиции, или пользователь видит только уведомления, кнопке все время надлежит пребывать в зоне визуальной досягаемости. Хорошая идея — «украшать» корзину мини-фотографиями добавленных вещей.
  9. Подписка на уведомления — в виде всплывающего окна или подсказки — помогает собрать базу адресов и успешно с ней работать. Место ее размещения опционально: от страницы товара до блога, а тематика новостных писем может не ограничиваться скидками и содержать сведения о новинках, полезные материалы и проч.
  10. Задача любого Интернет-магазина — привести клиента к оформлению заказа. Но, если он его уже делает, не нужно мешать! Никаких дополнительных ссылок, ничего интересного, способного отвлечь от процесса покупки.
  11. Даже если клиент в школе любил решать задачки, он пришел в Интернет-магазин не для упражнений в арифметике. Потому следует указывать в «Корзине» окончательную стоимость вещи — со всеми дополнительными расходами, включая поставку.
  12.  Не стоит пренебрегать «хлебными крошками» — цепочкой ссылок, показывающих посетителю, откуда он пришел и где находится сейчас. Они помогают сориентироваться и уяснить структуру категории — особенно тем, кто пришел по ссылкам поисковых систем.

 высокий уровень юзабилити

 

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

 

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

www.insales.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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