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

На SEOnews продолжается рубрика «Как создать интернет-магазин» . Ближайшие полгода мы будем рассказывать, почему вам нужен (или не нужен?) интернет-магазин, сколько денег нужно быть готовым потратить на его создание, как оформить основные разделы сайта, каким образом и где его продвигать. И это далеко не полный список вопросов, на которые наши эксперты готовятся дать ответ.

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

Тема правильного оформления страницы доставки актуальна всегда. Алгоритмы поисковых систем обновляются каждый месяц, и ключевые страницы сайтов (а среди них и «Доставка») обрастают все новыми фишками и функционалом. Можно реализовать сотню лайфхаков в борьбе за место в ТОП 10 выдачи, однако если на сайте будет непрозрачная, неинтересная или неполная информация о доставке, все равно на нем вряд ли сделают покупку. Сегодня важно уже не наличие страницы доставки на сайте, а то, завоюет ли она доверие посетителей.

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

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

Уйдете вы с такого сайта или останетесь?

«А у вас в магазине доставка есть?»

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

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

1. Прозрачная стоимость доставки

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

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

Важно доходчиво разъяснить детали , а не просто указать цену и переложить остальное на сотрудников кол-центра.

«Доставка ‒ 450 рублей в пределах МКАД, но это если сейчас закажете, а если через час, то стоимость будет уже 600, а если вы за МКАДом, то 1200. Как, вам еще нужно привезти в определенное время с подъемом на 7 этаж и за МКАД? Тогда вам надо почитать о специальных тарифах в pdf-файле. Да, скачиваете ‒ и на четвертой странице таблица с тарифами…» (Из разговора с оператором кол-центра интернет-магазина бытовой техники и электроники).

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

И так тоже:


Минусы оформления из последнего примера:

  • Страны по зонам (Европейская 7, 8, UK без Шотландии, UK завтра, UK послезавтра), а не тариф для отдельной страны или даже города ‒ все в одном;
  • Слишком много текста (на скриншоте уместилось только 30% информации, размещенной на странице!);
  • Нет данных о формировании стоимости (почему именно 40 фунтов, конечная ли это цена) и точной даты (7-14 дней ‒ довольно сильный разброс).

Если магазин отправляет грузы в разные регионы, необходимо разработать адекватный функционал для клиентов на сайте. Например, на сайте Lamoda это реализовано так: выбираешь город, затем способ доставки (курьер, самовывоз, почта), выбираешь время (сегодня, завтра, послезавтра), смотришь на условия и сумму заказа. Если она выше 2 000 рублей ‒ приятный бонус: доставка бесплатна, если нет ‒ все еще остается выбор из двух вариантов.


Помимо прочего, это преимущество прямо указано в шапке сайта: «Доставка на следующий день в 60 городах России».

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

2. «Бесплатная доставка», «Срочная доставка» ‒ выделить!

Это то, что вызывает доверие и мотивирует смотреть каталог дальше, делает магазин конкурентным на рынке, цепляет пользователя с первых секунд. Не забывайте, что нужно ярко выделять слова БЕСПЛАТНО и СРОЧНО. Пример: сайт Drugstore.com («Бесплатная доставка на заказы от 25 долларов ‒ КАЖДЫЙ ДЕНЬ!»).


Еще один удачный пример реализации страницы доставки ‒ на сайте Eapteka.ru:


  • можно выбрать удобный интервал времени доставки;
  • есть информация о ценах в зависимости от времени и удаленности от МКАД;
  • выделены в отдельный блок преимущества круглосуточной доставки;
  • есть бесплатная доставка при заказе на сумму от 1500 руб.;
  • есть информация о самовывозе.

3. Адреса пунктов самовывоза: главное ничего не забыть

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

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


В случае если филиалов больше 10, лучше оставить на странице доставки только карту (см. п. 4) или хотя бы прикрутить поиск по городу/метро (но ни в коем случае не текст с вертикальной полосой прокрутки!). Это позволит при выборе определенного филиала получить подробную информацию о нем.

4. Карта для наглядности

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


5. Способы оплаты (коротко)

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


6. Простой калькулятор доставки

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

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


7. Не забудьте удостовериться, что страница существует


Например, на момент написания статьи на сайте «Евросети» выдавалась 404-я ошибка при попытке открыть страницу «Доставка и оплата». Но сейчас проблема решена.

Лайфхаки, связанные с доставкой

1. Увеличиваем средний чек

Как только вы нажмете на кнопку «Добавить в корзину» на сайте BrewDog.com, всплывет интерактивная форма. Она наглядно показывает, что доставка в любом случае обойдется вам в 5 фунтов ‒ так почему бы не купить до 24 товаров с доставкой всего за 5 фунтов?


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


2. Покупатели любят выбирать из нескольких вариантов

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

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


3. Сообщите о доставке везде, где это уместно!

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


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

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


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


  • Страница каталога:


  • Страница карточки товара:


Выводы

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

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

Сайт ‒ это только первая остановка на пути пользователя к доверительным отношениям с вашим брендом. Реальное взаимодействие начинается после фразы «Ваш заказ успешно оформлен».

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

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

Прямо к корзине или остаемся на странице продукта?

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

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

Как ASOS побуждает к оплате на 50% больше новых покупателей?

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

Бывший eCommerce директор компании ASOS Джеймс Харт (James Hart) рассказал, как им удалось достичь такого улучшения:

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

Взгляните на обновленную страницу оплаты заказа на сайте ASOS:

А теперь на ее предыдущую версию:

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

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

Лучшие практические методики оформления заказа

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

1. Пошаговая процедура оформления заказа

Обновленное оформление заказа от ASOS показывает, насколько простым может быть этот процесс, если вы скроете от пользователей все отвлекающие факторы.

2. Гарантия безопасности

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

3. Четкий индикатор прогресса

Индикатор прогресса выполнен с учетом всех нюансов:

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

4. Наличие разъясняющих подсказок

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

5. Понятный главный CTA-элемент


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

6. Ручной ввод адресных данных


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

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

7. Наличие адреса для отправки счета

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

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

8. Изменение полей оплаты на основе выбора карты

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

9. Полный предпросмотр и редактирование заказа до его подтверждения

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

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

10. Различные варианты доставки, перечисленные в удобном формате

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

11. Возможность вернуться назад без потери информации

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

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

Пути для дальнейшего улучшения

  1. Используйте описательные индикаторы прогресса: замените надпись «Продолжить» на «Просмотреть мой заказ» и т.д.
  2. Объясните посетителям, почему они должны указывать в форме дату рождения.
  3. Используйте более человечные сообщения об ошибках, которые не заставят ваших пользователей уйти.
  4. Предоставьте покупателю достойную причину, по которой вам понадобится номер его мобильного (например, вы отправляете клиентам текстовые уведомления о статусе их заказа).
  5. Предоставьте людям возможность вернуться на предыдущую страницу, когда они находятся в процессе оформления заказа. Это позволит им внести важные изменения, даже если вспомнят о своей ошибке слишком поздно.

И никакого контактного номера?

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

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

Клиенты ASOS уже знают, что товары в их корзине будут зарезервированы не дольше 60 минут, поэтому ожидать ответа от службы поддержки на протяжении нескольких часов (до 4 часов) для них было бы попросту бессмысленно.

Подводя итоги

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

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

Мы в WordFactory верим, что продают не витиеватые словесные конструкции, не поражающие креативом заголовки, не творческие находки, а информация. Если узнать все, что интересует потенциального клиента, ответить на все его вопросы, вы и получаете продающий текст. Что же хочет видеть читатель на странице «Доставка»?

Способы доставки. Очевидно? Банально? Логично? Совершенно согласна. Но текст о доставке часто не договаривает о том, что сотрудники магазина готовы отправить посылку любым способом, включая передачу маршруткой. Некоторые считают, что возможность самовывоза – это нечто само собой разумеющееся и не пишут о ней вовсе. Поэтому если вы – один из тех владельцев сайтов, которые хотят «как у розетки», начните со страницы «Доставка», как у «Розетки»:

  • 5 способов доставки;
  • названия вариантов и курьерских служб;
  • краткие и расширенные описания;
  • простое для восприятия визуальное оформление.

Красота ведь? Даже не забыли написать про…

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

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

И еще один хороший пример. Сайт http://jysk.ua/ сразу же показывает, где можно забрать товар, который вы видите в интернет-магазине.

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

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

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

Доставка к двери. К двери подъезда или квартиры на 12-м этаже? Стоимость доставки уже включает подъём на 12-й этаж? Элементарный вопрос, в котором нет неважных нюансов.

Пример. Я вешу 53 килограмма. Чугунная ванна – 96. Я считаю, что «доставка к двери» подразумевает доставку к двери квартиры, а курьер интернет-магазина понимает под «дверью» дверь подъезда. Вопрос: и что теперь делать с центнером чугуна?

Доставка с примеркой. Только выйдя из роддома, женщина по-настоящему понимает не только, что такое «нечего надеть», но и «некогда пойти по магазинам». Именно в этой ситуации меня по-настоящему выручил интернет-магазин http://musthave.ua/ . Их замечательный курьер привозит товар на дом, и это единственный мужчина в мире, который терпеливо выносит получасовую примерку одного платья. Такая услуга не стоит ничего, если вы покупаете хоть одну единицу товара, а если ничего не подошло, платите всего 50 грн. Дорогие MustHavе, вы реально крутые! Подсказка: добавьте информацию в раздел «Доставка». Вы делаете такую простую и такую бесценную штуку, о которой есть смысл не то, что говорить, а кричать!

И антипример. Магазин, который мы не будем называть, также украинский производитель красивейших (судя по каталогу) платьев, работает только в формате шоу-рума закрытого типа. Договориться о примерке нужно заранее (я договаривалась дважды, но примерку дважды переносили, потому что товар все не поступал и не поступал). Также можно прислать кого-нибудь и забрать платья для примерки, оплатив 100% стоимости .

Оперативная доставка. Срок доставки в зависимости от выбранного способа – это еще одна суперважная для принятия решения о покупке штука. А еще это способ ускорить принятие решения клиентом («Закажите сегодня до 17:00 – и уже завтра товар будет у вас»). К тому же это может помочь акцентировать внимание клиента на том способе доставки, который наиболее удобен/выгоден интернет-магазину («Закажите доставку именно вот так – и уже сегодня получите посылку»).

Отопительный сезон начинается 15 октября. А вот холодно в квартире становится всегда гораздо раньше и всегда внезапно. Вот уже много лет подряд где-то в промежутке между этими двумя событиями я заказываю тончайшее, теплейшее, приятнейшее на ощупь термобелье николаевского производителя http://kifa.com.ua/ . Самое классное, что я всегда знаю: мой заказ доставят ровно в течение одного рабочего дня. А это значит, что уже завтра мне будет тепло и уютно, независимо от того, сколько еще дней мэр будет советовать «готуватися до землі».


Оплата наложенным платежом. Клиенту будет полезно узнать, что:


И снова пример, и снова Rozetka. Оформляя заказ, узнала от оператора, что при оплате наложенным платежом комиссия не взымается. Это был просто приятный бонус, так как стоимость покупки была небольшой. А вот при заказе дорогостоящего товара, например, Macbook Pro за 90 000 гривен, экономия 2% (1800 гривен) была бы очень ощутимой. И об этом, к сожалению, на странице «Доставка» скромно промолчали.

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

И снова Musthave. При заказе товара на дом с примеркой понравившиеся вещи можно сразу же купить, а все, что не подошло, – тут же отдать. Все! А вот в другом магазине, о котором я уже писала, можно заказать доставку курьером или попросить кого-то забрать вещи, оплатив 100%, а вернуть платья, которые не подошли, можно почему-то только отправив «Новой Почтой» и ожидать манибек в течение 2 недель.

Постоянный курьер. Моего мужа долгое время бесила доставка https://www.eden.com.ua/ . Мало того, что курьеры появлялись у нас на пороге в 7:00–8:00, как и было оговорено, так они еще и выглядели неприлично свеженькими, бодрыми как для такого раннего времени, энергично заносили неподъемные бутыли с водой, отпускали какую-то шуточку и, во все легкие крикнув «Щиро дякую!», спешили дальше. Мужа бесит еще сильнее то, что сейчас нам зачем-то заменили бригаду доставщиков. К новым ребятам никаких претензий, но никаких шуток юмора, никакого задора, никакого настроения на целый день – мы просто привыкли к предыдущей бригаде.

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

http://ytuzhka.ua/ – сервис утюжки и стирки белья. Просто представьте себе, что больше не нужно стоять каждый вечер и гладить мужу рубашку. Больше не нужно краснеть перед людьми за то, что у мужа две стрелки на штанине. Не нужно покупать новую кофточку, потому что старую прожгла, когда узнала, что Роналду гей. И самое приятное: дорогие вашему сердцу вещи всегда забирает и возвращает один и тот же курьер, настолько «родной», что с ним здороваются консьержка и соседи.

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

Не перезванивать для уточнения деталей заказа. Я искренне не понимаю почему, но для некоторых клиентов архиважно, чтобы им не перезванивали для уточнения деталей заказа. В чем проблема, если вас наберет оператор и на всякий случай перепроверит, правильное ли количество бутылей воды вы указали? Но все-таки если ваша ЦА параноит по этому поводу – лучше знать и указывать такую опцию.

Итак, чек-лист для страницы «Доставка»:

  1. Все ли способы доставки вы указали? Точно? Даже те, которые сами собой разумеются, например, самовывоз из шоу-рума, магазина или склада?
  2. Если предлагаете самовывоз, указали четкие инструкции о том, где и в какое время можно забрать товар? Добавили ориентиры? Загрузили карту?
  3. Указали полный список компаний-перевозчиков, с которыми сотрудничаете?
  4. Расписали ли все важные детали о «доставке к двери»: к двери ванной комнаты/квартиры/подъезда/ворот города?
  5. Возможна ли примерка/тестирование товара при доставке перед оплатой?
  6. Есть ли возможность оперативной доставки? Что в случае с вашим товаром означает «оперативно»? 30 минут для доставки пиццы? Ноутбук в течение 24 часов? Новый Iphone прямо из Штатов через неделю после официальной презентации?
  7. Оплата наложенным платежом: возможна ли она, есть ли особые условия, например, отсутствие комиссии?
  8. Легко ли обменять или сдать товар? Куда и как нужно отправить его при необходимости?
  9. Важен ли для вашего клиента постоянно закрепленный курьер?
  10. Будет ли товар при доставке распакован, собран и установлен?
  11. Есть ли у вашей ЦА паранойя по поводу уточняющих звонков?
  12. Есть ли какие-то способы доставки, которые наиболее выгодны для вашего магазина? Например, продажа случается быстрее, если клиенты пользуются самовывозом. Или стоимость обработки заказа дешевле, если его доставляют определенной курьерской службой.
  13. Указали ли вы все выгоды клиента при том или ином способе доставки (может быть доставлено быстрее или дешевле)?

Каковы особенности доставки вашего товара (например, для клиента важен занос в квартиру, сборка или установка)?

На протяжении 4-х лет я занимаюсь e-commerce. Запустил несколько собственных интернет-магазинов, а так же создал web-студию, которая занимается организацией интернет- продаж и реализовал уже более 50 успешных проектов.

И так, начнем. Контент, который важен на странице доставки.

1. Регионы доставки

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

2. Способы доставки

Ваши покупатели должны видеть на странице доставки доступные для выбора способы. По каждому способу доставки желательно писать следующую информацию:

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

3. Склад и адреса отправки

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

4.Стоимость и сроки доставки

Обязательно укажите в течении какого срока вы отправляете заказ со склада.

Если на сайте работает автоматический расчет сроков и стоимости доставки, то опишите это.

Если расчет стоимости выполняет менеджер после получения заказа, то нужно написать об этом и приложить наиболее популярные примеры расчета стоимости, к примеру “Доставка заказа в Москву в среднем занимает 2- 3 рабочих дня и стоит 700 — 100 RUB”

5. Не забывайте о клиенте после отправки.

Укажите, что вы присылаете трек номер, опишите, когда стоит ждать покупателю трек номер и как (смс или email). Укажите как покупатель узнает о том, что заказ пришел к нему.

6. В заключении

Прикладываю пример прототипа правильно оформленной страницы доставки.

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

13 мая 2014 в 09:00

Иной взгляд на оформление заказа в интернет-магазине

  • Usability ,
  • Веб-дизайн

В странах СНГ не менее 75-80% заказов приходятся на cash-and-delivery (оплата заказа при доставке). Это отличие российского и западного потребителя легло в основу редизайна оформления заказа Сотмаркета еще в 2012 году. Тогда впервые в России интернет-магазин перестал требовать авторизации или регистрации клиента перед совершением покупки.

Фоновая регистрация и авторизация пользователей

Хотя авторизация на последнем шаге покупки и не несет никакой ценности для пользователя, это западное клише глубоко укоренилась в Рунете. Со средней частотой покупки (техники) раз в 9-10 месяцев люди зачастую не запоминают регистрационных данных: эл. почты, логина, пароля. Парадокс в том, что большинство интернет-магазинов с готовностью принимают заказы по телефону, но при этом создают искусственные препятствия при совершении покупке онлайн.

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

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

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


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

Ремаркетинг брошенных корзин

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


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

Данные, собранные таким образом, нельзя (читай: бессмысленно) использовать для рассылки рекламных сообщений не связанных с конкретным заказам.

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


ФИО одним полем


Небольшой новацией стало поле ввода ФИО - 3 в 1, что позволило решить сразу несколько проблем:
  • ненавязчивое напоминание о необходимости ввести полные данные ФИО;
  • менеджер колл-центра получает во внутреннюю систему обработки заказов корректно разнесенные;
  • сама форма сохраняет визуальную простоту и не выглядит сложнее, чем есть на самом деле.

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


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

Усиливаем влияние на принятие решений пользователем

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


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


В случае выбора самовывоза из пункта Пикпоинта, клиент не может выбрать оплату в кредит .


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

Ввод адреса доставки одним полем

Трудно переоценить важность удобного выбора способа доставки и самовывоза. Воспользовавшись API Яндекс.Карт мы существенно облегчили ввод адреса доставки и выбора пункта выдачи заказа. Такое решение позволило одновременно решить сразу 2 задачи:
  • с одной стороны упростить клиентам процесс заполнения формы, теперь требуется заполнить лишь одно поле ввода, вместо 3-4;
  • с другой стороны, количество ошибок/опечаток при заполнении формы существенно снизилось за счет подсказок адресов, что сокращает время обработки менеджерами заказов созданных через сайт.
Интерфейсу выбора пунктов выдачи заказов мы уделили отдельное внимание, т.к. в 70-75% заказов превалирует самовывоз, разработав две формы: на карте и списком. В обоих случаях можно выбрать интересующее метро/район/объект в зоне которого находятся ближайшие точки самовывоза. Это существенно упрощает поиск искомого пункта выдачи.