Оформлення замовлення є спеціальним зрозумілим. Приклади найкращих сторінок оформлення замовлення інтернет-магазинів. Після оформлення замовлення видається інформативне повідомлення

За даними SaleCycle, у всьому світі практично три чверті кошиків інтернет-магазинів кидають ще до покупки. Оптимізуючи процес оформлення замовлення, можна повернути багато грошей, втрачених раніше. Легке та інтуїтивне оформлення допоможе отримати споживчу лояльність та підштовхнути клієнтів до повторних покупок.

У цій статті представлені важливі поради для оформлення кошика сайту, які допоможуть підвищити коефіцієнт їхньої конверсії.

1. Весь процес оформлення замовлення зробити на одній сторінці

Такий варіант передбачає, що клієнти завершать процес покупки однією сторінці. Дедалі більше сайтів використовують цю стратегію, оскільки покупці прагнуть простоти.

Процес оформлення покупки на одній сторінці забезпечує наступні переваги:

• Виглядає компактно, чим заохочує покупців, які мають мало часу на завершення покупки;
• Покупці не йдуть через те, що перехід з однієї сторінки на наступну може тривати надто багато часу.
• Вимагає меншої кількості кліків – дослідження показує, що в ідеалі для завершення покупки потрібно не більше семи кліків.

Приклад односторінкової форми

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

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

Декілька підказок для оптимізації сторінки оформлення замовлення:

• Розмістити такі поля, як ім'я та адресу, з правого боку сторінки;
• Додати можливість використання розрахункової адреси як адресу доставки;
• Розташувати зміст замовлення праворуч сторінки;
• Включити методи оплати;
• Помістити зрозумілу кнопку заклику до дії, наприклад, «Зробити замовлення».

Передбачається, що продажі через мобільні пристрої до кінця 2017 року досягнуть обсягу в 700 мільярдів доларів, що на 300% більше за показники минулих чотирьох років. Однак тут вища кількість кинутих кошиків – можливо, тому, що люди роблять покупками на ходу та їх сильніше відволікає довкілля. Тому 84% мобільних покупців кидають корзини у процесі оформлення.

Поради щодо мобільної оптимізації процесу:

• Зробити клікабельні кнопки більшими і помітнішими;
• Зменшити розмір зображень, щоб зменшити час завантаження;
• Відображати індикатори довіри, такі як «Це безпечна оплата за допомогою 256-бітного SSL шифрування»;
• Вертикально вирівняти форми, щоб спростити навігацію;
• Прибрати фактори, що відволікають, такі як оголошення і спливаючі вікна, щоб покупцям ніщо не заважало завершити процес;
• Розглянути прийом більш простих варіантів мобільного платежу типу Apple Pay, де користувачі можуть розраховуватися за допомогою відбитка пальця.

Мобільні форми, прості у заповненні, підвищують конверсії

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

Додавання полів форми оформлення замовлення, які не мають жодного відношення до угоди, таких як «Компанія», відбивають у клієнтів бажання закінчити покупку. Такі форми містять у середньому 23,88 полів, навіть за те, що ідеальне кількість збільшення коефіцієнта конверсії дорівнює 12.

Варто переглянути форму замовлення.

Поля, які можна прибрати:

• другий адресний рядок;
• назву;
• по батькові;
• по батькові/ініціали.

Водночас варто розглянути використання Google Autofill. Значна кількість клієнтів використовує Chrome та Android, щоб робити покупки. Їхня персональна інформація, швидше за все, збережена в Google, щоб заощадити час на введенні даних. Використання Google Autofill допоможе магазину наблизитися до сайтів, які дозволяють купувати в один клік завдяки збереженій інформації.

Google Autofill допомагає клієнтам швидко оформити замовлення

Функція автоматичного наповнення допомагає клієнтам економити час, особливо мобільним покупцям. Друкуючи на мобільних пристроях, можна зробити помилки, засмутитися, і, можливо, кинути цю ідею. Google Autofill вирішує цю проблему автоматично заповнюючи поля форми даними, які клієнти вводили раніше.

Вимога реєстрації всіх користувачів – серйозний бар'єр для конверсій, особливо для невеликих сайтів. Багатьом покупцям не хочеться створювати обліковий запис на сайті, особливо якщо вони роблять замовлення вперше.

Кожен 4-й користувач кине свій кошик, якщо від нього вимагатимуть зареєструватися. Натомість варто запропонувати клієнтам оформлення замовлення як гостя.

Багато великих брендів надають таку можливість.

Гостьове оформлення замовлення - опція, запропонована новим клієнтам

Як тільки клієнти клацають по цій опції, необхідно відразу перевести їх на сторінку оформлення замовлення. Після того, як вони завершать транзакцію, потрібно дати можливість зберегти їх дані, але не примушувати їх зареєструватися. Натомість варто запитати: «Чи хочете ви зберегти свої дані наступного разу?». Це збільшує ймовірність того, що клієнти погодяться для більш швидкого оформлення замовлення на випадок, якщо в майбутньому вони знову зроблять покупку в цьому магазині.

5. Відображати знаки безпеки під час оформлення покупки

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

Потрібно відображати знаки безпеки, такі як логотип Verisign або Norton Secured. Вони вказують, що інтернет-магазин безпечний та надійний. Дослідження показує, що 6 із 10 покупців кинули свої кошики саме через відсутність гарантій безпеки.

Прибутковість будь-якого інтернет-магазину насамперед залежить, наскільки комфортні умови створено на сайті. Будь-який покупець хоче якнайшвидше знайти те, що вони шукає і при цьому витратити мінімум своїх зусиль. За статистикою більшість клієнтів не люблять процес оформлення замовлення. Саме тому, якщо ви хочете збільшити кількість продажів, необхідно спростити систему оформлення замовлень у себе на сайті.

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

1. Простота - запорука ефективності.

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

2. Використовуйте наочні приклади.

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

3. Усього показуйте хід оформлення замовлення вашому клієнту.

Клієнт повинен завжди бачити скільки етапів він пройшов і скільки ще доведеться пройти. має особливе значення з погляду психології. Класична схема оформлення замовлення проходить у 3-4 етапи. Перший етап – користувач складає список замовлення. Другий етап – покупець вносить свої контактні дані. Третій етап – перевірка інформації. Четвертий етап - угода.

4. Розвійте всі сумніви клієнтів.

У нашій країні нещодавно став діяти закон про захист персональних даних, але багато користувачів не знають про це. У html формі замовлення обов'язково вкажіть позначку про нерозголошення особистої інформації. Це суттєво підвищить довіру ваших клієнтів.

5. Ні! реєстраціям.

Практично всі покупці погано ставляться до будь-якої реєстрації у зв'язку з тим, що цей процес може зайняти багато часу (на їхню думку). Тому, навіть якщо у вас на сайті реєстрація здійснюється без підтвердження профілю, видаліть її або зробіть процес оформлення замовлення доступним для незареєстрованих користувачів. Варто зазначити, що в деяких випадках реєстрація, навпаки, потрібна. Наприклад, коли ви збираєтеся створити якісну базу клієнтів. У цьому випадку зробіть реєстрацію на сайті через соціальні мережі. Це дуже просто.

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

” викликала інтерес з боку читачів, тому вирішив продовжити таку серію статей. І сьогодні ми заглибимося у способи спрощення процедури оформлення замовлення у вашому інтернет-магазині. Застосувавши рішення цієї статті, ви з легкістю зможете оптимізувати свою сторінку або сторінки оформлення замовлення.

Зрозуміло, кожен інтернет магазин по-своєму унікальний і не існує оптимального для всіх випадків варіанту. Тому я постараюся навести загальні, перевірені мною рекомендації, а ви вже самі вирішите, що для вас підходить, а що ні.

1. Навіщо взагалі це все?
2. Типи оформлення замовлення;
3. Оптимізація оформлення замовлення;
4. Запитуємо дані із покупця;
5. 2 робочі варіанти реалізації;
6. аналітика;
7. Висновок та невеликий подарунок!

Навіщо взагалі це все?

Перед тим як ми почнемо, відповімо на запитання навіщо взагалі оптимізувати процес оформлення замовлення в інтернет магазині:

1. Зробити процес простим відвідувача;
2. Розпочавши оформлення замовлення, не дати відвідувачу перервати його;
3. І, найголовніше, з цього процесу.

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

Типи оформлення замовлення

Існує три базові типи оформлення замовлення, кожен з яких має свої плюси та мінуси.

1. За кілька кроків

Найбільш поширений варіант, який за умовчанням вбудований у більшість . Функціонально простий і тривіальний: на сторінці кошика є кнопка "Оформити замовлення", при натисканні на яку покупець починає оформлення замовлення за кілька кроків. Для кожного типу інформації, що запитується у покупця, є свій крок.

Кожен крок збирає певну інформацію із покупця;
Покупця просять надати інформацію порційно і не лякається від великої кількості полів однією сторінці;
Найкраще підходить для тих інтернет магазинів, які вимагають багато інформації з покупця;
Все-таки кілька кроків та небажання заповнювати десятки полів.

2. За один крок

Другий за популярністю варіант, дуже рідко зустрічається в CMS за умовчанням, хоча легко додається за допомогою модулів. При натисканні кнопки “Оформити замовлення” у кошику, покупцеві пропонується заповнити всі дані на одній сторінці замість кількох.

Усі дані збираються на одній сторінці;
Оптимальне рішення для більшості інтернет-магазинів;
Якщо на одній сторінці потрібно багато даних, це може відлякати покупця. Тому необхідно оптимізувати кількість полів (розглянуто нижче).

3. На сторінці кошика

Варіант, який зустрічається найрідше. Окремої сторінки для оформлення замовлення не передбачено, все відбувається безпосередньо на сторінці кошика.

Всі дані збираються на одній сторінці з ;
Найкраще працює з мінімальним набором полів на сторінці (див. скріншот вище)
Аналогічно, якщо на одній сторінці запитується занадто багато даних, це може відлякати покупця. Аналогічно необхідно оптимізувати та знизити кількість полів для заповнення.

Розглядаючи інтернет магазин у класичному його розумінні, має сенс брати до уваги лише три основні варіанти. Пропоную перейти до вибору найоптимальнішого.

Який із трьох варіантів вибрати?

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

Оптимізація оформлення замовлення інтернет магазину

У цьому розділі я підкажу вам найпростіші та найелегантніші рішення (інші, більш функціональні рішення, я впроваджую тільки за своїм). Тільки не забудьте їх впровадити, а не просто прочитати та відкласти “на завтра”.

Нам багато не треба! Знижуємо навантаження на покупця

Пропоную розпочати оптимізацію не з перестановки елементів чи добавки функціоналу, а, навпаки, зі скорочення кількості даних, що запитуються.Не слід просити покупця вводити взагалі всі дані: ім'я, прізвище, по батькові, телефон, email, країну, регіон, місто, вулицю, будинок, корпус, квартиру, індекс та багато іншого. Це його відлякає, тому пропоную спростити завдання.

Давайте подумаємо, яку інформацію на сайті необхідно збирати, а яку зовсім необов'язково?

Таким чином необхіднозапитувати такі дані:

1. Прізвище та Ім'я.
   Приклад: “ Андрій Родіонов”
2. E-mail.
   Приклад: ”
3. Телефон:
   Приклад: “ +7-123-456-78-90 ”
4. Адреса для або поштової доставки:
   Приклад: “Санкт-Петербург, Невський пр, будинок 1, кв 1”. Пропонувати заповнювати в одне поле, не слід робити окреме поле для вулиці, окреме для будинку та окреме для квартири.
5. Коментар до замовлення.

Усього вийшло п'ять полів для заповнення. Запитавши ці дані, ви легко зможете:

• Зв'язатися із покупцем;
• Внести його до бази передплатників;
• Відправити замовлення.

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

Тепер, оптимізувавши збір даних покупця, розглянемо кілька варіантів оформлення замовлення на базі рекомендації вище.

Варіант №1. Просто і зі смаком.

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

В результаті ви повинні отримати приблизно таку картину:

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

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

Варіант №2. Стильно та функціонально.

Якщо в першому варіанті у нас вся інформація збиралася в одному місці, то в другому варіанті ми з вами спробуємо розділити збір даних і зробити більш наочним.

Крок 1. І почнемо зі збору даних покупця.Врахуємо досвід першого варіанта і багато просити не будемо

Крок 2. Вибір способу доставки.

Якщо у вас як мінімум 2 способи доставки, дуже добре працює поділ варіантів за вкладками, щоб покупець відразу сконцентрувався на потрібному йому варіанті.

Ось таким чином можна запропонувати обрати кур'єрську доставку:

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

А ось так самовивіз:

Доставка Поштою Росії:

Погодьтеся, що ця інформація, виведена без вкладок, не читалася б так легко. А так все виглядає чистенько та акуратно.

Крок 3. Вибір способу оплати.

Тут теж постараємося зробити все максимально просто та наочно.

Тепер подивимося як все виглядатиме у зборі.

Затишно виглядає, правда?

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

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

Аналітика форми відправлення замовлення

У цьому нам допоможуть два незамінні інструменти:

1. Google Analytics. Візуалізація послідовностей.
2. Яндекс.Метрика Вебвізор + Аналітика Форм.

Google Analytics

У цій системі ми використовуватимемо “Візуалізацію послідовностей”. Подібне відстеження буде найефективніше для інтернет магазинів з оформленням замовлення за кілька кроків. Виглядатиме це приблизно таким чином (клікніть по зображенню для збільшення):

На зображенні вище показано кілька кроків оформлення замовлення від кошика до сторінки “Спасибі за покупку”. Як думаєте, чому на передостанньому кроці така велика кількість відмов?

Що вам дасть ця статистика:

1. Розуміння з якого кроку йде покупець;
2. Розуміння куди йде покупець із оформлення замовлення.

Як налаштувати подібний інструмент розказано.

Яндекс.Метрика

Багато хто чув про Вебвізор, але не всі чули про Аналітику Форм. Для того, щоб велося відстеження цієї статистики, у вас має бути включений ВебВізор та впроваджено відповідний код Яндекс.Метрики на сайт. Подивіться приклад звіту по одному кроці оформлення замовлення (клік для збільшення):

Що вам дасть ця статистика:

На основі цих даних ви з легкістю зрозумієте, в який бік варто думати щодо подальшої оптимізації сторінки оформлення замовлення.

Висновок

Сьогоднішня стаття розкрила для вас один із найпростіших шляхів збільшення конверсії вашої сторінки оформлення замовлення. Розглянемо ваші подальші варіанти дій:

1. Неробам. Нічого не робити та насолоджуватися поточними показниками конверсії;
2. Початківцям. Провести аналітику хворих місць оформлення замовлення та підготувати список змін;
3. Досвідченим. Провести аналітику, підготувати ТЗ зміни, дати завдання програмісту;
4. Професіоналам. Провести аналітику, підготувати ТЗ на зміни, дати завдання програмісту, відстежити виконання та провести аналітику по оновленій сторінці.

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

26.09.2013 Міні аудити

Будь-який аудит має бути заснований насамперед на даних систем аналітики та статистики поведінки покупців. Зважаючи на те, що цих даних у мене немає, сильно звужується область роботи.

Wool day.

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

Обліковий запис.
Як ви вважаєте, чи не надто багато на одну невелику ділянку варіантів оформлення замовлення?

Не впевнений, що пропоную оптимальне рішення для вашої ситуації, але моє відчуття, що на скріншоті нижче все виглядає дещо чистіше:

Допустимо, я хочу здійснити замовлення без реєстрації та натискаю на відповідну кнопку. Вносимо корективи:

1. "Поштову скриньку" перейменувати на E-Mail
2. "Ім'я По батькові" та "Прізвище" об'єднати в одне і назвати "Ім'я"
3. Якщо дуже хочеться запитати дату народження, то залиште лише день та місяць. Не всі люблять повідомляти рік народження.
4. Навіщо вам 2 розсилки? Яка мотивація передплатити 2 розсилки?

Наступний крок.

1. Добре було б цей крок поєднати з попереднім щоб побачивши порожніх полів у покупця не виникало негативних думок
2. Індекс бажано прибрати або як мінімум зробити необов'язковим для заповнення
3. Відповідно до сторінки “Доставка”, ви доставляєте по всій Росії. То навіщо ще раз пропонувати країну?
4. Що вам дасть наповнення регіону? Його можна дізнатися самостійно.

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

Якщо є сумніви у підходах - .

Що робить оформлення замовлення приємним?

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

Корисні фічі:

• • Пошук адреси або введення тексту.

• • Копіювання адреси доставки на адресу платіжних даних.

• • Прохання створити обліковий запис з'являється в кінці, коли користувач готовий зробити покупки.

• • Оформлення замовлення без реєстрації.

• Зрозумілі повідомлення про помилки, щоб користувач швидко зміг їх виправити.

Джерела проблем:

• • Вимушена реєстрація перед оформленням замовлення.

• • Занадто багато кроків.

• • Непотрібні поля форми.

• • Незрозумілі повідомлення про помилки.

• Проблеми із підтвердженням форми. Наприклад, строгі правила формату часу.

Найкращі приклади форм оформлення замовлення

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

Ця форма оформлення замовлення - найгірша з представлених.

Що тут погано: користувач повинен двічі писати свою адресу - при заповненні платіжних даних та даних про доставку. Використання однієї й тієї ж адреси за умовчанням — добрий спосіб скоротити час заповнення форми, яким користуються багато сайтів.

Висновок

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

Що є спільного у кожної з цих форм? Вони мають на меті спростити завдання користувачам. Наприклад, коли ви хочете, щоб користувач зареєструвався, краще додати один або два кроки наприкінці оформлення замовлення, ніж на початку.

Чи є у вас приклади форм оформлення замовлення, краще представлених? Якщо так, поділіться ними з нами у коментарях під постом.