Пользовательский опыт интернет-магазинов: эффективное оформление заказов от ASOS. Советы по юзабилити: страничка оформления заказа в интернет-магазине

12.08.2019 Роутеры и модемы

Процедура покупки товара в нашем Интернет-магазине очень проста и состоит из нескольких шагов.

1. Выбор товара

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

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

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

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

3. Оформление и подтверждение заказа

После того как Вы окончательно сформировали и проверили свой заказ нажмите на кнопку «Оформить заказ».

Введите информацию :

* ФИО получателя,
* адрес доставки,
* контактные данные.

Выберите вариант доставки и способ оплаты . Поля, помеченные звездочками, обязательны для заполнения. Далее, для завершения процедуры оформления заказа Вам нужно нажать кнопку «Оформить заказ» .

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

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

Оплата покупателем счета продавца автоматически означает согласие покупателя с приведенными правилами приобретения товара в фирме «Сезон».

4. Работа с заказом

Заказы обрабатываются с 10.00 до 18.00.

В выходные и праздники возможна задержка обработки заказа.

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

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

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

Важно! Срок оплаты товара - сутки с момента подтверждения заказа операторм интернет-магазина. На это же время резервируется товар. По истечении этого срока, если от Вас не поступит оплата, резерв товара аннулируется.

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

Сегодня статья на тему “Возьми и быстро внедри !”. И, казалось бы, при чем тут простыня в картинке слева? Скоро узнаете

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

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

О чем мы поговорим:

  1. Постановка задачи;
  2. Как НЕ СТОИТ делать;
  3. Простая подача информации (выберите свой вариант внедрения);
  4. Хорошие примеры для подражания;
  5. Заключение.

А вообще почему это так важно?

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

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

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

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

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

Плохой пример

Не самый лучший пример для подражания.

Слева от этого текста вы видите уменьшенный в несколько раз скриншот страницы “Доставка и оплата” с сайта ProSkater.ru.

Скорее всего, эта страница обновлялась по мере поступления информации и открытия новых направлений в доставке, но когда страница в высоту более 13000 пикселей (более 10 экранов длиной!), это уже не кажется смешным.

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

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

Резюме: не стоит валить все в одну кучу, структурируйте информацию!

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

Простая подача информации

У каждого интернет магазина свои типы доставки и единого решения, которое покроет все варианты попросту не существует.

Рассмотрим наиболее часто встречающиеся варианты:

Единые правила для всех

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

Если у вас фиксированная или вовсе бесплатная доставка по всей России, то вам подойдет подобное элегантное решение (живой пример в конце статьи):

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

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

Вариант №1. Только курьер.

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

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

Если вы решите использовать интерактивные Google карты, то имеет смысл воспользоваться Info Windows для Google Maps. Пример:

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

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

Вариант №2. Курьер и самовывоз.

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

В этом случае можно, скорее всего, тоже обойтись текстовой страницей с интерактивной картой в самом начале.

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

Вариант №3. Курьер, самовывоз и почта.

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

Изменения:

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

Первая вкладка “Курьерская доставка и самовывоз” полностью взята из варианта №2. А вот вторая вкладка полностью подготовлена для Почты России:

Те, кто живет в отдаленных регионах, знают, что к ним, в основном, возит только Почта России. И именно поэтому мы сразу предлагаем посмотреть:

  1. Стоимость доставки;
  2. Условия доставки;
  3. А также контрольные сроки доставки на схеме.

То есть при попадании на эту страницу мы ответим на вопросы пользователя еще на первом экране монитора. Это ведь прекрасно!

Иные схемы доставки.

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

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

  1. Основная рекомендация: используйте вкладки для разделения информации. Если вы хотите добавить описание доставки транспортными компаниями, то лучше разместить эту информацию на отдельной вкладке;
  2. По опыту, чем проще общая схема доставки, тем легче работать. Некоторые внедряют калькуляторы доставки Почтой России и упорно для этого забивают вес товаров в , а некоторые просто ставят фиксированную стоимость доставки Почтой России. Средняя себестоимость доставки у обоих получается примерно одинаковая;
  3. Старайтесь сделать так, чтобы при первом взгляде на страницу доставки у пользователя сразу был ответ на его вопрос: “Доставите ли вы в мой город?”;
  4. В конце страницы разместите ссылку “Перейти к покупкам”.

Несколько хороших примеров

Думаю, что будет неплохо разместить в конце несколько отличных примеров реализации страниц “О доставке”:

Ecco

Система вкладок в действии. Ссылка .

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

Exclusivedog

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

Лишним тому подтверждением будет карта скролла этой страницы:

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

Заключение

Очень вам советую не пренебрегать страницей “Доставка” и полноценно её оформить. Эту страницу изучают практически все, кто хочет совершить заказ в вашем интернет магазине.

Поэтому проведите её аудит и сразу же воспользуйтесь рекомендациями из только что прочитанной статьи. Сделайте доброе дело своим посетителям

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

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

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

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

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

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

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

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

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

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

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

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

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

    В зависимости от суммы заказа и региона вам могут быть доступны разные способы доставки.

    Обратите внимание: доставка до любого из магазинов сети «1С Интерес» или партнерского пункта выдачи осуществляется бесплатно.

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

    При оформлении заказа для физического лица обязательны для заполнения поля: фамилия, имя, отчество, E-mail, телефон и адрес доставки*. Исключение составляют заказы с получением в одном из магазинов нашей розничной сети «1С Интерес» или пунктов выдачи, где адрес в заказе заполняется автоматически при выборе способа доставки.

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

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


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

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

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

    Введение абонентского номера означает, что вы даете согласие ООО «Чистый Софт Центр» на осуществление рассылки (текстовых смс-сообщений) на указанный номер о ходе исполнения заказа, для чего в том числе могут привлекаться третьи лица, а также подтверждаете, что осуществляете его использование на законных основаниях.

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

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

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

    На сайте текущая информация о заказах отображается в разделе в вашем Личном кабинете (необходима авторизация).