Оцініть свою форму оформлення замовлення за 15 критеріями, перш ніж видалити одне поле

Оцініть свою форму оформлення замовлення за 15 критеріями, перш ніж видалити одне поле

Середня електронна комерція, згідно з оглядом Інституту Баймарда за 2024 рік, виконує 5.1 кроку та містить 11.3 поля форми, порівняно з вісьмома полями. більшості сайтів насправді потрібноЦей розрив реальний. Це також причина, чому більшість робіт з формами починаються не в тому місці: хтось підраховує поля, видаляє три, відправляє їх, а коефіцієнт конверсії не змінюється.

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

Чому «просто вирізати поля» – це неправильний перший крок

Цифра, яку всі наводять, що скорочення форми з 11 полів до 4 збільшує конверсію на 120%, походить з тематичне дослідження 2008 року, проведене веб-агентством ЧикагоПрочитайте PDF-файл, і ви побачите, що 184 перегляди форми призвели до 10 надсилань, проти 219 переглядів, що призвели до 26, у формі B2B «Зв’яжіться з нами» через два несуміжні вікна майже два десятиліття тому. Десять конверсій проти двадцяти шести – це анекдот. Це ніколи не було результатом електронної комерції, і це не може витримати тієї ваги, яку йому надає галузь.

Історія про Expedia, необов'язкове поле «Компанія», яке коштує приблизно 12 мільйонів доларів на рік, бере свій початок з доповіді на конференції 2010 року, про яку повідомляло видання, яке вже не існує. кожен збережений запис це вже з рук. Ставтеся до цього як до історії про неоднозначне маркування, а не як до коефіцієнта.

Контрольовані тести мають двосторонній ефект. Документи CXL дев'ятиполева форма, яка втратила 14% після видалення трьох полів, а потім зріс на 19.2%, коли всі дев'ять було збережено, а копію мітки переписано. Важливе поле рідко буває тим, яке найлегше видалити.

Рубрика: 15 критеріїв, 45 балів

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

РахунокСенс
0Відсутні або присутні у формі, яка активно шкодить користувачеві
1Присутній, але невідповідний у різних полях або кроках
2Правильно на щасливому шляху
3Правильність на кожному шляху, включаючи стани помилок, замовлення B2B та адреси за межами країни

Група A — Інвентаризація полів (12 балів)

#критерійЯк виглядає число 3
1Використання нижче за течієюКожне поле відповідає системі, юридичному зобов'язанню або кроку виконання, який ви можете назвати. «Маркетинг може цього захотіти» отримує 0 балів.
2Відкладене стягненняВсе, що не є обов'язковим для отримання замовлення, запитується після підтвердження оплати, а не до цього.
3Умовне відображенняПоля, що відповідають ідентифікаційному номеру податку, компанії та регіону, відображаються лише тоді, коли вибір користувача активує їх.
4Без зайвого записуНічого не запитується двічі по всьому потоку, за WCAG 2.2 SC 3.3.7Платіжна адреса за замовчуванням використовується для доставки.

Група B — Механіка введення (12 балів)

#критерійЯк виглядає число 3
5Токени автозаповненняКожне поле містить дійсний Токен автозаповнення WHATWG: given-name, address-line1, postal-code, tel, cc-numberЦе також достатній метод для SC 1.3.5.
6Збіг клавіатуриПравильно type та inputmode тобто числові поля відкривають цифрову клавіатуру на мобільному пристрої.
7Допуск форматуПоштові індекси, номери телефонів та карток, а також ідентифікаційні номери платників податків приймають пробіли, пунктуацію та регістр, а потім нормалізують на стороні сервера. Це чітко зазначено в GOV.UK. шаблон адреси.
8Паста виживаєНіщо не блокує вставку. Одноразові коди зберігаються autocomplete="one-time-code"; менеджери паролів не перемагаються за допомогою користувацьких параметрів введення.

Група C — Маркування та інструкції (9 балів)

#критерійЯк виглядає число 3
9Постійні міткиВидимі мітки, що залишаються після фокусування та введення. Поля, що містять лише заповнювачі, оцінюються на 0. SC 3.3.2.
10Своєчасна допомогаНеоднозначні поля, такі як «Рядок адреси 2», податковий ідентифікатор або код безпеки, містять вбудоване пояснення, а не підказку для пошуку.
11Збіги імен, доступних для людей з обмеженими можливостямиПрограмна мітка містить видимий текст мітки, і кожен вхідний елемент належним чином пов'язаний з нею.

Група D — Помилки та їх відновлення (6 балів)

#критерійЯк виглядає число 3
12Помилки, які виправляютьсяПомилки називають проблему та її виправлення, за SC 3.3.3, з зведення помилок угорі, яка привертає увагу та посилається на кожне поле, що не відповідає дійсності.
13Держава переживає невдачуНіщо не втрачається через помилку перевірки, повернення до попереднього стану, переривання часу сеансу або відхилення платежу.

Група E — Ідентифікаційні ворота (6 балів)

#критерійЯк виглядає число 3
14Гостьовий шляхПокупка завершена без облікового запису. Створення облікового запису пропонується на екрані підтвердження з використанням уже наданих даних. Примусова реєстрація є причиною того, що 18% користувачів відмовляються від покупки. дати за від'їзд.
15Без когнітивного тестуАутентифікація не вимагає запам'ятовування чи розв'язання чогось без альтернативи, на SC 3.3.8.

Читання партитури

Два правила. По-перше, гурт:

  • 38-45. Форма — не ваше вузьке місце. Йдіть вгору по течії: додаткові витрати згадують 40% користувачів, які покинули замовлення, а повільну доставку — 20%, тоді як 17% називають складність оформлення замовлення.
  • 28-37. Зафіксуйте кожен 0 та 1 у груповому порядку. Очікуйте вимірного, але обмеженого руху.
  • 18-27. Перебудуйте польовий інвентар, перш ніж проводити A/B-тестування будь-яких косметичних елементів.
  • Нижче 18. Не тестуйте. Перебудуйте, а потім встановіть нову базову лінію.

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

Розроблений приклад

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

Група A отримує 4 бали з 12: безумовне поле ідентифікатора (1), повторення виставлення рахунків з доставкою (0), нічого не відкладено (1), кожне поле можна іменувати (2). Група B отримує 5 балів — немає токенів автозаповнення в блоці адреси, поштовий індекс відхиляє пробіли. Група C отримує 4 бали за мітки лише з заповнювачами. Група D отримує 2 бали: вбудовані помилки, але пароль очищається у разі невдачі. Група E отримує 1 бал: реєстрація обов'язкова. Всього 16 з 45 з двома нулями групи D/E, тому інструкція не «видалити три поля», а «зробити реєстрацію необов'язковою та зупинити очищення стану».

[НЕОБХІДНІ ВНУТРІШНІ ДАНІ: розподіл балів першого аудиту за всіма аудитами кас Switas та зміна медіанного балу після виправлення.]

Три сфери, які потребують місцевої оцінки

Національне посвідчення особи в Туреччині. Турецьким продавцям потрібні ідентифікаційні дані для виставлення рахунків-фактур через e-Arşiv, тому багато кас роблять TC Kimlik Numarası обов'язковим для всіх. Це не обов'язково. Згідно з правилами 2026 року, викладеними в Загальному комюніке № 588 Закону про податкове процесу, рахунки-фактури виставляються покупцям, які не є зареєстрованими платниками податків. може містити значення-заповнювач 11111111111, а продавець не несе відповідальності за перевірку наданих клієнтом ідентифікаційних даних. Обов’язкове одинадцятизначне поле в кожному замовленні є рішенням щодо продукту, а не юридичною вимогою. Критерій 3 існує саме для цього.

Структура адреси. Турецькі адреси охоплюють провінцію, район, мікрорайон, вулицю, будинок, квартиру — шість рівнів проти чотирьох address-level токени, що надаються специфікацією HTML. Виберіть зіставлення, задокументуйте його та підтримуйте стабільність, оскільки його подальша зміна непомітно порушує автозаповнення кожного клієнта, що повертається. Застосовується правило GOV.UK: використовуйте окремі поля лише тоді, коли ви знаєте, які країни обслуговуєте, і можете знайти один формат, який охоплює їх усі.

Поля «Компанія» та «ПДВ». Ідентифікатори B2B мають бути за перемикачем «це бізнес-замовлення». Вони показуються кожному покупцю та є проблемою Expedia в новому одязі.

Де ця рубрика розпадається

Він оцінює механіку форми, і це меншість відмов від оформлення замовлення. Baymard оцінює задокументований середній показник відмов у 70.22% за даними 50 досліджень, при цьому додаткові витрати, швидкість доставки та довіра до платежу є вищими за складність оформлення замовлення. Форма 45/45 на сайті з несподіваними витратами на доставку все одно призводить до втрати замовлення.

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

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

FAQ

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

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

Чи є менша кількість полів коли-небудь правильною відповіддю?
Часто, але як наслідок критеріїв 1-3, а не як ціль. Немає названого подальшого використання, видаліть його. Використання, яке застосовується лише до деяких замовлень, зробіть його умовним.

Чи можу я пропустити критерії доступності, якщо мій ринок знаходиться за межами ЄС?
Ви можете це зробити, але втратите перевагу конвертації. Токени автозаповнення, постійні мітки та одноразові коди, які можна вставляти, були виправленнями зручності використання, перш ніж вони стали елементами відповідності.

Що робити, якщо моя форма має високий бал, але конверсія все ще низька?
Це діапазон 38–45, і він корисний: проблема полягає у виході за течією. Перш ніж знову торкатися інтерфейсу, зверніть увагу на прозорість витрат, обіцянку доставки та варіанти оплати.

Чи варто мені зважувати критерії?
Не з першого разу. Рівні ваги забезпечують чесну оцінку та дозволяють групі D/E виконувати пріоритезацію. Щойно ви отримаєте дані про результати з кількох потоків, зважте їх відповідно до власних результатів.

Чи працює це для форм бронювання та зустрічей?
Так. Форми для запису на прийом до клініки, заявки на отримання державної служби не відповідають тим самим критеріям, зазвичай у групах C та D. Переформулювання потребує лише критерій 14, оскільки деякі послуги законно вимагають ідентифікованого облікового запису.

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

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

Оцініть власну перевірку за п'ятнадцятьма критеріями цього тижня та спочатку виправте нулі груп D та E. Якщо ви бажаєте, щоб її перевірили незалежно, з ранжуванням та розміром недоліків, саме це забезпечує наш UX-аудит.

Джерела


Інджі Діндар
Написано

Інджі Діндар

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


Статті по темі

Світас, як видно на

Magnify: Масштабування інфлюенсер-маркетингу з Енгіном Юртдакулом

Перегляньте наш тематичний аналіз Microsoft Clarity

Ми відзначили Microsoft Clarity як продукт, створений з урахуванням практичних випадків використання в реальних умовах реальними розробниками, які розуміють проблеми, з якими стикаються такі компанії, як Switas. Такі функції, як кліки, що викликають гнів, та відстеження помилок JavaScript, виявилися безцінними для виявлення невдоволення користувачів та технічних проблем, що дозволило цілеспрямовано покращити роботу, що безпосередньо вплинуло на взаємодію з користувачем та коефіцієнти конверсії.