Чек-лист идеального магазина
Быстрый запуск интернет-магазинов — организуйте тендер среди участников нашего каталога

Юзабилити интернет-магазина

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

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

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

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

Нет контактов

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

Без регистрации — никуда

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

Слишком много полей

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

Неработоспособные формы

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

Нет описания

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

Нельзя купить за 1 клик

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

Утративший актуальность дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Всплывающие системные подсказки и напоминания. Они позволяют легко ориентироваться на сайте, подсказывают порядок действий, облегчают процесс поиска. При этом они не мешают просмотру портала.
  • СМС информирование о статусе заказа. Этот сервис выполняет функцию оповещения. СМС сигнализируют о том, что заказ принят, отправлен, доставлен. При помощи такого информирования поддерживается связь между клиентом и менеджерами.
  • Раздел новинок. Необходим для того, чтобы подчеркнуть активное обновление ассортимента. А также для того, чтобы постоянные клиенты могли не тратить время на просмотр старых позиций.
  • Раздел гарантий. Нужен для поддержки статуса надежного, клиентоориентированного сайта.
  • Продажа в кредит. Данный сервис может быть реализован большими порталами, для которых реально сотрудничество с банками.
  • Раздел с акциями и скидками. Акции и скидки привлекают новых клиентов. Имеет смысл выделить акционные позиции в отдельный раздел и использовать его для рекламы сайта.
  • Система скидок, предполагающая снижение цены при репостах в соцсетях, рекомендации магазина друзьям, участии в партнерской программе. Хорошо повышает спрос введение накопительных скидок, когда человеку выгодно делать следующие покупки в этом же магазина.
  • Полезными станут дополнительные кнопки, служащие для повышения сервиса магазина - «Онлайн консультация» и «Сообщить о проблеме». Для упрощения поиска нужного товара служит кнопка «Недавно просмотренные». Устанавливать такие элементы рекомендуется сразу на все страницы.