Оформлення полів з терміном дії картки має відповідати формату даних на такий (помилку

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

Як не слід оформляти поля з терміном дії картки

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

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

Тут випробуваний, оформляючи покупку в мобільному додатку Macy, намагається порахувати, якого місяця відповідає «07» на його кредитну картку.

Кращий спосіб оформлення полів з терміном дії картки

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

Поля форми Net-a-Porter відповідають формату відображення даних на більшості карт. (Варто зазначити, що підписи «Місяць» та «Рік» зробили б сторінку оплати ще зручніше).

Стандарт ISO7813 визначає властивості «Карт для фінансових транзакцій». У розділі 6.2 зазначено, що коректно видавлювати на мапі дату закінчення терміну дії в форматі MM / РР і MM-ГГ. Тому, проектуючи поля введення в Відповідно до цього формату, ви дозволяєте користувачам легко і без помилок вводити дані своїх карт. Ви звільняєте їх від необхідності переводити цифри на карті в назву місяця або шукати поля, де потрібно продублювати все цифрами.

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

Диявол криється в деталях

Поліпшити дизайн полів з датою закінчення дії картки допоможуть деякі деталі.

Перше, що варто зробити - додати під осередками підпису. чітко визначають значення вводяться цифр. На деяких картах під цифрами ставлять дрібні підписи «Місяць» та «Рік», хоча таке оформлення зустрічається набагато рідше, ніж зазначений в ISO формат «MM / РР».

Завдяки підписам «Місяць» та «Рік» в формі сайту FTD значення вводяться цифр не викликає сумнівів.

Домогтися ідеального оформлення можна, додавши між полями слеш або дефіс (в ISO7813 обидва варіанти вказані як допустимі, хоча нам частіше зустрічалися карти зі слешем). Цей прийом також допоможе посилити схожість оформлення даних не карті і на екрані.

На сайті Safeway для посилення схожості оформлення даних на карті і на екрані між полями додали слеш.

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

В якості висновку перерахуємо всі способи подання даних про термін дії карти, розділивши рішення на вдалі і невдалі.

Погано. Як не слід оформляти поля з даними про термін дії карти (і як надходять 40% онлайн-ритейлерів):

Добре. Два кращих способу оформлення полів з терміном дії картки.

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