Электронные карты для Apple Wallet и Google Wallet решают одну и ту же задачу - дать клиенту удобную карту лояльности в телефоне. Но на практике это две разные платформы с отличиями в отображении, правилах оформления и поведении на устройствах. Если запускать их без единого стандарта, получается разнобой: на iPhone карта выглядит аккуратно, на Android - иначе, поля уезжают, логика предложений расходится, а поддержке приходится разбирать обращения.
Начните с единой логики карты, а не с дизайна
Сначала стоит зафиксировать, что именно должна показывать карта и как клиент будет ей пользоваться. Для большинства программ лояльности достаточно одной основной карты, где клиент всегда предъявляет один и тот же код.
Базовая логика одинаковая для Apple Wallet и Google Wallet:
-
один идентификатор клиента и один код для сканирования
-
основной показатель выгоды: бонусы или скидка
-
статус или уровень (если есть)
-
одно активное предложение или купон (если вы используете персонализацию)
-
ссылка на правила, контакты, переход в личный кабинет или на сайт
Когда структура закреплена, дизайн становится проще: вы оформляете одни и те же элементы, а не пытаетесь каждый раз подстраивать карту под особенности платформы.
Определите, что должно быть одинаковым на iPhone и Android
Чтобы электронные карты для Apple Wallet и Google Wallet воспринимались как один продукт, полезно унифицировать три слоя.
Визуальный слой
-
один фирменный цветовой набор
-
один стиль логотипа для маленького размера
-
одинаковая иерархия: сначала выгода, затем статус, затем предложение
Смысловой слой
-
одинаковые названия полей (например, "Бонусы", "Скидка", "Статус")
-
одинаковая формулировка правил в коротком виде
-
одинаковые сценарии: добавление, предъявление, обновление после покупки
Поведенческий слой
-
одинаковая логика обновления данных
-
одинаковая обработка повторного добавления (без дублей)
-
одинаковая схема выдачи: QR, ссылка после регистрации, кнопка на сайте
Если эти три слоя совпадают, клиент не замечает платформенные отличия и пользуется картой одинаково.
Учтите различия в отображении и заранее заложите запас
Даже при одинаковом дизайне карты могут выглядеть немного по-разному. Причины простые: экраны, масштабы текста, особенности интерфейса кошелька. Поэтому важно:
-
не перегружать первый экран
-
делать короткие названия полей и короткие значения
-
держать ключевые элементы в фиксированных местах
Практичное правило: на первом экране карты оставляйте только код и 2-3 значения. Все остальное - ниже или по ссылке. Тогда изменения масштаба текста не ломают читаемость.