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

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

Если есть сомнения в подходах - .

Что делает оформление заказа приятным?

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

Полезные фичи:

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

Источники проблем:

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

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

Domino’s

Сайт Domino’s сделал упор на мобильность. Он распознаёт типы устройств и адаптируется под них.

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

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

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

Lowe’s

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

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

Предложите зарегистрироваться в конце процесса оформления заказа. На сайте Lowe’s можно зарегистрироваться, перед тем как нажать на кнопку ‘сделать заказ’. Здесь не должно возникнуть трудностей.


Threadless

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

Вся форма оформления заказа находится на одной странице. И это очень удобно.


Amazon

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

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


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

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


Schuh

Их команда отлично понимает важность юзабилити и постоянно улучшает её.

Посмотрите на скриншот ниже, в чём прелесть данной страницы:

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


Crate & Barrel

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


Nordstrom

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

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

Superbalist.com

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

Потом пользователя просят создать пароль, прежде чем продолжить.


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

Что примечательно, на сайте Superbalist добавлено много мелкого текста, который объясняет условия доставки и что вписывать в поля.


AO.com

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


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

Joseph Joseph

Еще один сайт с красивым дизайном формы оформления заказа — Joseph Joseph . Страница, которая была выбрана в качестве примера — форма регистрации/оформление заказа без регистрации.

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


Хорошие примеры, но есть куда расти…

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

Тем не менее, процесс оформления заказа несовершенен. Создание аккаунта — обязательное условие, которое не устроит всех пользователей.

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


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

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

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


Boots

Эта форма оформления заказа — самая худшая из представленных.

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


Заключение

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

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

Есть ли у вас примеры форм оформления заказа лучше представленных? Если да, поделитесь ими с нами в комментариях под постом…

Алиэкспресс — это отличный сайт для покупок, цены низкие, выбор огромный, надежность высокая, если бы еще не долгая доставка… Но что вы хотели? Товары же шлют прямо из Китая! Как оформить заказ на алиэкспресс, чтобы товар ТОЧНО дошёл до вас?

СКАЧАТЬ МОБИЛЬНОЕ ПРИЛОЖЕНИЕ ALIEXPRESS

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

Как оформить заказ на алиэкспресс: 7 этапов

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

ВАЖНО! Обязательно запишите логин и пароль! Советую использовать расширение LastPass, которое может хранить ваши пароли безопасно онлайн.

LastPass - что это? Полный обзор и как им пользоваться...

Второй этап — . По данной ссылке вы можете прочитать исчерпывающую инструкцию, как это сделать правильно. Так же в статье есть сервис для преобразования кириллицы в латиницу, так как все нужно писать ТОЛЬКО латинскими буквами. Исключение — это заказа товаров из раздела ТМОЛЛ (доставка из России), там адрес нужно писать по русски.

ВАЖНО! Ошибка в адресе может привести к тому, что товар не дойдет до вас или вам его не отдадут на почте!

Если у вас есть сомнения, как все правильно написать адрес на алиэкспресс, то обратитесь ко мне в разделе , я вам обязательно помогу.

Выбор товара

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


Так же в конце каждой статьи есть поисковая форма, которая может помочь найти вам нужный товар на алиэкспресс, в этом случае поиск по сайту ведет Google, что делает поиск очень эффективным.

Проверяем продавца

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

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


Выбираем кэшбэк

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


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

Заказ товара


Оплата товара

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


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

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

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

Как правильно выполнить страницу оформления заказа

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

  • фото товара . Когда есть изображение, человеку проще проверять свои покупки, потому как покупатели в первую очередь обращают внимание именно на фотографию. Проследите за тем, чтобы фото было крупным и четко показывало выбранную позицию;
  • кликабельное наименование товара . Иногда, добавив позицию в корзину, пользователь хочет еще раз пересмотреть ее характеристики и в очередной раз убедиться в правильности своего выбора. Намного удобнее кликнуть на название продукции в корзине, чем возвращаться на предыдущую страницу или заново искать товар в каталоге;
  • отображение количества позиций, доступных на складе . Например, если человек хочет купить 20 блокнотов, а в наличии только 15, он должен узнать об этом сразу, а не через время, когда с ним свяжется менеджер и сообщит неприятную новость;
  • отображение заказываемого количества единиц товара, цены за одну штуку и общей стоимости . Это важные сведения, которые должны быть на странице заказа обязательно;
  • перечень способов оплаты . Лучше, если клиент вашего интернет-магазина сразу увидит доступные платежные сервисы, а не поймет, что не находит подходящего варианта, когда уже начнет заполнять форму заказа;
  • пометка о наличии товара . Она должна быть и в каталоге, и на странице оформления заказа, чтобы потом не было неприятных сюрпризов;
  • инструменты управления . Разместите кнопки, позволяющие быстро и легко убрать позицию из корзины или добавить в список желаний. Часто случаются ситуации, когда пользователь выбрал продукцию, но по какой-то причине передумал ее приобретать. У него должна быть возможность быстро отказаться от покупки;
  • кнопка восстановления товара в корзине . Она пригодится, когда позиция была удалена случайно. Дайте покупателю возможность еще раз подумать, действительно ли он хочет удалять конкретный продукт;
  • кнопка возврата к каталогу для продолжения покупок . Она должна быть достаточно крупной, чтобы ее не пришлось долго искать. Располагайте этот элемент управления на видном месте;
  • отображение бонусных начислений и скидок . Это позволит клиенту сполна оценить собственные возможности, еще раз убедиться в выгоде сотрудничества с конкретным интернет-магазином.

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

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

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

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

Что повышает конверсию страницы заказа

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

Но есть еще несколько моментов, на которые вам следует обратить внимание:

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

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

Оформление страницы благодарности за заказ

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

  • текст, выражающий благодарность за заказ;
  • уведомление о приеме заказа. Например: «Ваша заявка будет обработана автоматически. Если возникнут вопросы, наши менеджеры свяжутся с вами»;
  • краткое описание дальнейших действий. Например: «Вы совершили покупку на сумму 35 долларов, номер заказа № 3256822, по нему вы можете отследить этап выполнения заявки»;
  • контактные данные. Их можно представить так: «Если у вас есть вопросы по заказу или дальнейшему сотрудничеству с нашей компанией, звоните нам по телефону … или отправляйте письмо на электронную почту …»;
  • и еще раз предложите подписаться на рассылку в социальных сетях, добавив соответствующие кнопки. Если пользователю понравился уровень обслуживания, он обязательно сделает подписку и будет следить за вашей площадкой.

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

Примеры лучших страниц оформления заказа

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

  • Эталон;
  • Викимарт;
  • Озон;
  • Юлмарт;
  • Техносила;
  • Связной;
  • Эльдорадо.

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

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

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

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

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

Запомнить

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

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

Робокасса - выберите способ оплаты через данную систему и произведите транзакцию в соответствии с выбранным вариантом

Яндекс.Касса - выберите, с какого счета необходимо произвести оплату и нажмите кнопку "Оплатить". Далее действуйте в соответствии с выбранным вариантом

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

Paymaster - здесь, также как и в счстеме Робокассы следует выбрать необходимый сервис и произвести оплату в соответствии с выбранным вариантом

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

10. Только после того, как Вы оплатите заказ, и к Вам на почту придет сообщение о смене статуса заказа на «Оплачен», менеджеры сайта примут его в работу.

Надеемся, что данная инструкция поможет Вам в совершении заказа на сайте! Удачных приобретений!

С уважением, тех поддержка!

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

Но так ли обстоят дела на самом деле? Предлагаем вам ознакомиться с некоторыми формами оформления заказа на коммерческих сайтах.

Примеры страниц оформления заказа на коммерческих сайтах

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

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

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

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

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

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

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

Компания «Macy’s»
Вот еще один прекрасный пример – приятная, понятная и не перегруженная страница, которая обращает внимание пользователей на ключевые моменты:

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

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

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

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

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

А так она выглядит сейчас:

Все предельно понятно (необходимо ввести адрес доставки, имя получателя и email), нет никаких барьеров для оформления покупки.

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

(Рис. Пользователя просят ввести email и ненавязчиво спрашивают, есть ли у него пароль для входа на сайт)

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

(Рис. Войти, введя адрес эл. почты и пароль. Зарегистрироваться, введя адрес эл. почты, почтовый код и номер клубной карты)

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

Компания «John Lewis»
Еще один прекрасный пример оформления страницы заказа. Здесь нет условия обязательной регистрации всех пользователей, а на самой страничке представлены все необходимые контактные данные компании, предложена функция безопасного подтверждения заказа (оформление заказа можно продолжить только пройдя по ссылке, высланной на электронный адрес):

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

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

(Рис. Войти в систему оформления заказа через email и пароль или зарегистрироваться на сайте, прежде чем начать делать покупки)

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

(Рис. Посетителю предлагают ввести электронный адрес и указать, является он новым покупателем (тогда надо щелкнуть по ниже располагающейся желтой кнопке) или уже пользовался услугами «Amazon» (тогда вводится пароль)).

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

(Рис. Нового покупателя просят ввести имя, адрес эл. почты, номер контактного телефона (опционально) и пароль).

Компания «House of Fraser»

У них очень простая страничка оформления заказа, которая не представляет собой никакого барьера для совершения покупки:

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

Компания «American Apparel»

Компании «American Apparel» удалось на одной страничке разместить не только информацию о заказах (список покупок) и их стоимости, но и функцию «войти через свой логин» и оформление заказа в статусе гостя.
Однако все это сделано настолько «вкусно», что покупатель нисколько не запутается и его ничто не будет отвлекать от покупки:

(Рис. Оформление заказа: 1) список и стоимость заказа; 2) войти через свой логин или в качестве гостя указать детали доставки)

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

Например, если не брать во внимание ввод номера с клубной карты (что в любом случае опционально), формы по оформлению и подсчету стоимости заказа таких компаний, как «House of Fraser» и «Tesco», требуют введения одинаковой информации.

Вот только «Tesco» своей манерой реализации превратили это в барьер, а «House of Fraser» не создают никаких препятствий и направляют всех пользователей сразу на страницу оформления заказа без обязательной регистрации. Какая тактика лучше? Как по мне, вторая…

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



Просмотров