Хороша форма оформлення замовлення в інтернет-магазинах - запорука успішних продажів. Так, на яких же сайтах вона найкраща?
Хороші приклади відбиралися відповідно до принципів юзабіліті. Також варто відзначити, що деякі приклади є унікальними, і не підійдуть для кожного сайту. Завжди тестируйте і покращуйте елементи на сторінці оформлення замовлення.
Що робить оформлення замовлення приємним?
- Примушена реєстрація перед оформленням замовлення.
- Занадто багато кроків.
- Непотрібні поля форми.
- Незрозумілі повідомлення про помилки.
- Проблеми з підтвердженням форми. Наприклад, строгі правила формату часу.
Кращі приклади форм оформлення замовлення
Сайт Domino's зробив упор на мобільність. Він розпізнає типи пристроїв і адаптується під них.
Форма оформлення замовлення - приємна і легка в використанні: немає реєстрації, прості поля заповнення, збережені платіжні дані для повторних покупців.
Також у них є додаток, в якому можна зробити замовлення одним клацанням. Просто відкриваєте додаток. чекаєте 10 секунд, і ваша піца направляється до вас.
Реєстрація може стати перепоною на шляху здійснення покупок. Цей додатковий крок перед оформленням замовлення може виявитися непосильним для багатьох користувачів.
З іншого боку, реєстрація дозволяє спрощувати процес покупок в подальшому. Це зручно і для користувачів
Запропонуйте зареєструватися в кінці замовлення. На сайті Lowe's можна зареєструватися, перед тим як натиснути на кнопку 'зробити замовлення'. Тут не повинно виникнути труднощів.
Threadless
Прекрасна форма оформлення замовлення. Користувача відразу ведуть на сторінку з кошиком і платіжними даними. Можна зробити замовлення без реєстрації, між іншим.
Вся форма оформлення замовлення знаходиться на одній сторінці. І це дуже зручно.
На сайті Amazon легко робити повторні покупки. Звичайно, спочатку вам доведеться заповнити інформацію про себе, але зате потім, Amazon запам'ятає їх раз і назавжди.
Це мінімізує кількість кліків і кроків. Процес від додавання товару в корзину до підтвердження замовлення займає три кроки. Чи не кожен подужає стільки. Плюс, відпадуть спонтанні покупці.
На їхньому сайті у форми оформлення замовлення відмінний дизайн. Одне поліпшення, яке їм варто зробити, - виділити форму оформлення замовлення від решти контенту на сторінці.
Їх команда чудово розуміє важливість юзабіліті і постійно покращує її.
Подивіться на скріншот нижче, в чому краса Сторінка:
- Безпека. Вгорі розміщено підтвердження про безпеку сторінки і контактні дані компанії.
- Сповіщення про доставку та повернення товару. Три пункту над формою оформлення замовлення нагадують користувачам про хороших умовах доставки, знижки та простому процесі повернення товару.
- Індикатор прогресу. Допомагає користувачам зрозуміти, як багато кроків варто очікувати. І те, що їх три вже говорить про те, що це швидкий процес.
- Проста реєстрація. Schuh не цікава реєстрація на даному етапі, він запропонує її пізніше.
- Посилання на важливу інформацію. Не потрібно робити ці посилання внизу занадто помітними, але вони повинні бути, якщо знадобляться користувачу.
- Способи оплати. Візуальне нагадування про те, за допомогою чого користувачі можуть оплатити замовлення.
- Форма по центру. На сторінці є кілька відволікаючих елементів, але фокус сконцентрований на здійсненні покупки.
Crate Barrel
У форми красивий і простий дизайн. Все побудовано логічно, кожне поле позначено. Є індикатор прогресу, відсутні відволікаючі елементи на сторінці.
Хороший приклад форми оформлення замовлення на одній сторінці. У неї є одна перевага - користувачеві здається, що зробити замовлення набагато швидше. І не важливо, чи це правда.
На сайті Nordstrom є інформація про товар і його ціною, плюс незаповнені поля виділяються червоним, так що користувач не пропустить важливе.
Superbalist.com
Потім користувача просять створити пароль, перш ніж продовжити.
Після цього, його посилають на красиву форму оформлення замовлення (хоча це не зовсім зручно для користувачів, які хочуть покласти в кошик більше одного товару).
Що примітно, на сайті Superbalist додано багато дрібного тексту, який пояснює умови доставки і що вписувати в поля.
AO.com проробив гарну роботу. На цій сторінці можна вибрати час і дату доставки, до того ж дуже легко:
Сторінка з платіжними даними - відмінна. Відображається сума замовлення, дата доставки, кількість товарів і т.п. AO залишив свої контактні дані, щоб будь-який користувач міг відразу зателефонувати, якщо у нього виникли якісь питання.
Joseph Joseph
Ще один сайт з гарним дизайном форми оформлення замовлення - Joseph Joseph. Сторінка, яка була обрана в якості прикладу - форма реєстрації / оформлення замовлення без реєстрації.
Що вони роблять правильно: надають покупцеві вибір. Хтось захоче зареєструватися, а хтось ні, і у них буде можливість зробити замовлення без додаткових процедур.
Хороші приклади, але є куди рости ...
Сайт Zappos - хороший приклад, вони приділяють увагу обслуговування і лояльності клієнтів.
Можливо, в разі компанії Zappos, репутація бренду знімає цей бар'єр. Цікаво, чи пробували вони щось інше.
Після реєстрації користувачів перенаправляють на сторінку кошика, що не дуже зручно.
До того ж, форма оформлення замовлення нічим не виділена. Вона втрачається на тлі головного навігаційного меню, рядка пошуку, алфавітного покажчика і т.д. Занадто багато відволікаючих елементів, через які користувачі не захочуть робити замовлення.
Виділяти форму оформлення замовлення не означає заманювати користувачів, це означає спрощувати їм процес покупки.
Ця форма оформлення замовлення - найгірша з представлених.
висновок
Може бути, форми не схожі один на одного, але в кожній з них є корисні фічі, які можна використовувати при створенні свого сайту.
Що є спільного у кожної з цих форм? Вони націлені на те, щоб спростити завдання користувачам. Наприклад, коли ви хочете, щоб користувач зареєструвався, краще додати один або два кроки в кінці оформлення замовлення, ніж на початку.