25775132 Большой чек-лист для аудита юзабилити интернет-магазина

Заказать обратный звонок

Сообщение отправлено

Мы Вам обязательно перезвоним!

Заказать обратный звонок

Сообщение отправлено

Мы Вам обязательно перезвоним!

Заказать обратный звонок

Сообщение отправлено

Мы Вам обязательно перезвоним!

Блог

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

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

Шапка сайта

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

1.1) Контактные данные

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

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

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

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

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

1.2) Логотип

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

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

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

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

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

1.3) Сопровождение логотипа

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

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

1.4) Геопривязки

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

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

1.5) Личный кабинет

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

1.6) Корзина

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

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

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

1.7) Поиск

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

 

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

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

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

Поэтому на ней должны быть размещены обязательные информационные блоки:

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

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

2.1) Баннер/слайдер/видео

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

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

2.2) Меню

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

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

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

2.3) Блоки с выборкой товаров

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

2.4) Текстовые блоки

На главной странице используются 3 основных подхода к размещению текста:

  • текстовых данных нет вовсе;
  • размещен рассказ о компании и ее истории;
  • раскрывается тематика магазина, его направленности и главных позиций ассортимента.

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

Страница категории (раздела)

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

3.1) Блок навигации (хлебные крошки)

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

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

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

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

3.2) Товарная выборка

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

3.3) Блок фильтров

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

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

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

3.4) Блок сортировок

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

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

3.5) Текстовые блоки

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

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

3.6) Дополнительные блоки (гарантии, преимущества, о товаре в цифрах и т.п.)

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

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

3.7) Пагинация

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

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

  • поиск по базе магазина;
  • результаты использования фильтра;
  • общее меню.

Страница товара (карточка товара)

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

4.1) Блок навигации

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

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

4.2) Изображение продукта

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

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

4.3) Краткая информация о товаре

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

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

4.4) Описание товара

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

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

4.5) Дополнительная информация о товаре (конструкторы, выбор материала для элементов и т.п.)

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

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

4.6) Дополнительные блоки по сопутствующей информации (похожие товары, вам понравится, с этим покупают и т.п.)

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

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

Страница контакты

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

5.1) Блок навигации

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

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

5.2) Блок с контактными данными

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

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

5.3) Блок с месторасположением и проездом

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

5.4) Блок обратной связи

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

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

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

Страница о компании

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

6.1) Блок навигации

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

6.2) Блок с информацией

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

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

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

Таким образом, нужно следовать ряду критериев:

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

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

Страница доставки

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

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

Страница оплаты

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

Страница гарантий и возврата

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

В любом случае, страница должна:

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

Страница личного кабинета

10.1) Страница входа/регистрации в личный кабинет

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

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

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

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

10.2) Страница скидок/бонусов/истории заказов

Дополнительные области работы с личным кабинетом могут быть разными. Так, в истории заказов стоит проработать их статусы, то есть “Обработан”, “Оплачен”, “Получен”, “Отказ” и другие. Желательно добавить ссылки на каждый товар для понимания, что именно купил пользователь.

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

Страница 404

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

  1. Закладок браузера – если адрес товара был изменен либо позиция не продается на момент обращения. В таком случае можно предоставить клиенту отображение на странице 404 блока похожей продукции, не забыв сообщить, что искомая позиция недоступна.
  2. Внутренней ссылки на сайте.
  3. Самостоятельного ввода неправильного адреса (ошибка в символе, правильном названии).
  4. Открытия существующей страницы при отсутствии редиректов.

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

Подвал сайта

12.1) Блок с навигацией

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

12.2) Блок с контактными данными

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

12.3) Блок с информацией

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

12.4) Блок с авторской защитой и защитой информации

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

Виджеты

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

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

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

13.1) Модули подписок/всплывающие подсказки/кнопка наверх

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

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

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

Страница корзины

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

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

Страница оформления заказа

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

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

Подпишитесь на рассылку

Используете все ли возможности?

Поисковое продвижение

Поисковое продвижение

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

Контекстную рекламу

Объявления по запросам, которые увеличивают количество клиентов.
Создание сайтов SEORA +7 (495) 117-45-83