Подарочные карты UX и UI Best Practices

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

Оглавление

• ‍ ‍ Создайте отдельный путь к покупке для подарочных карт
• Создайте отдельную целевую страницу со списком всех вариантов подарков.
• Предоставьте клиентам отдельный раздел для проверки статуса подарочной карты.
• Продвигайте подарочные карты в нескольких местах
• Создайте путь к покупке подарочной карты
• Выбор типа подарка
• Выбор формата карты
• Выбор даты доставки (необязательно)
• Выбор суммы подарочной карты
• Предоставление информации о получателях
• Персонализация кода подарочной карты
• Выбор шаблонов подарочных сертификатов
• Загрузка фотографии для персонализации карт
• Процесс оформления заказа
• Отправляйте открытки получателям по нескольким каналам
• Придумать эффективный дизайн письма
• Использование подарочных карт‍
• Разрешить частичное погашение
• Дизайн поля ввода подарочной карты
• Создание сообщений об успехах и ошибках
• Создание уведомлений об истечении срока действия подарочной карты
• Резюме
  

Только в 2019 году подарочные карты не использовали почти 3 миллиарда долларов. Между тем, общие расходы на подарочные карты в 2019 году составили 98,6 миллиарда долларов. Источник

Зная, что подарочные карты являются чрезвычайно мощным инструментом, стоит упростить процесс покупки и погашения подарочных карт. Но как должны быть оформлены поля ввода? На каких подстраницах их продвигать? И как должна выглядеть покупка и погашение карты, исходя из принципов UX?

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

{{ЭЛЕКТРОННАЯ КНИГА}}

{{КОНЕЦ КНИГИ}}

Примечание. Все скриншоты рабочего стола сделаны на Mac, Chrome.

Примечание. Основное внимание в этом посте уделяется приобретаемым подарочным картам в виде цифровых кодов или печатных карт. Если вы хотите узнать больше об использовании подарочных карт в качестве инструментов продвижения и поощрения, я настоятельно рекомендую ознакомиться с нашим UX-руководством по купонам и акциям .

Создайте отдельный путь к покупке для подарочных карт

Путь к покупке подарочных карт может сильно отличаться от стандартного пути клиента, особенно если вы предлагаете цифровые подарочные ваучеры. Вот почему он должен быть разработан как отдельный модуль вашего сайта. Большинство способов покупки подарочных карт сводятся к нескольким важным шагам, которые необходимо отразить в дизайне пользовательского интерфейса:

• Во-первых, найдите раздел подарочных карт в вашем магазине.
• Выбор формата и шаблона подарочной карты (рекомендуется).
• Выбор номинала карты.
• Установка способа доставки и даты.
• Заполнение информации о получателе и сообщение, которое будет отправлено с картой.
• Проверить.
  

Как вы можете заметить, этот процесс отличается от стандартной покупки продукта, когда продукт добавляется в корзину, и никаких дополнительных сведений предоставлять не нужно. Вот почему вам нужно разработать другой дизайн для этого раздела, который отличается от вашей стандартной страницы просмотра продукта. Но об этом чуть позже.

Этот пост написан в основном для электронных подарочных карт. Если вы предлагаете подарочные ваучеры только в обычных магазинах, вот список лучших UX-практик для физических карт:

• Сделайте их привлекательными — дизайн может решить, заметит ли покупатель их и подумает о покупке.
• Заверните их — положите открытки в конверты и предоставьте клиентам место для написания личного сообщения или наилучших пожеланий.
• Разместите их на видном месте – разместите их везде и сделайте так, чтобы их было невозможно не заметить (например, на кассе).
• Сделайте их удобными для мобильных устройств — обеспечьте мобильное погашение и разрешите клиентам использовать подарочные карты, отображаемые на мобильном устройстве. Например, с помощью QR-кодов или штрих-кодов, которые можно сканировать и сохранять на мобильном устройстве.
  

Однако, если вы перешли на цифровые технологии, вот несколько основных рекомендаций, которые помогут вам правильно спланировать путешествие с подарочной картой с точки зрения UX и UI.

Создайте отдельную целевую страницу со списком всех вариантов подарков.

Теперь, когда вы знаете о необходимости потратить немного больше времени на разработку модуля подарков, становится ясно, что вам также понадобится целевая страница. Целевая страница вашей подарочной карты должна четко объяснять доступные варианты подарочной карты. Он должен демонстрировать различные дизайны карт (если вы предлагаете их много) и представлять различные варианты доставки карт (если вы предоставляете как электронную почту, так и распечатку). Также рекомендуется разместить здесь некоторые FAQ или T&C, чтобы предложить дополнительную информацию потенциальным покупателям.

Пример:

Zalando имеет специальную целевую страницу для продвижения своих подарочных карт. В этом представлении потенциальные покупатели могут увидеть все возможные варианты персонализации и выбрать между стандартными картами и подарочными коробками.

Winc, компания, занимающаяся электронной коммерцией вина, включила раздел часто задаваемых вопросов на свою целевую страницу подарочной карты с умной копией.

Вы можете использовать целевую страницу не только для демонстрации своего предложения, но и для того, чтобы клиенты могли проверить текущий баланс своей карты. Некоторые компании также используют это пространство, чтобы позволить пользователям перезагрузить карты, которые у них уже есть.

Предоставьте клиентам отдельный раздел для проверки статуса подарочной карты.

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

Пример:

У Шейна есть небольшой виджет в разделе подарочных карт, который позволяет покупателям проверять баланс своей подарочной карты, что делает это пространство идеальным местом для всего, что связано с подарочными картами.

Starbucks позволяет пользователям проверять баланс, переводить баланс, сообщать о любых проблемах или перезагружать карты в отдельном разделе страницы.

Продвигайте подарочные карты в нескольких местах

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

Пример:

В Home Depot помимо навигационной панели есть верхняя панель с дополнительными сервисами. Они решили использовать это пространство для продвижения подарочных сертификатов. Это соответствует хорошей практике UX, поскольку клиенты всегда будут видеть это предложение в верхней части страницы.

Они также включили подарочные карты в нижний колонтитул.

Zalando информирует о подарочных картах как в панели навигации, так и в нижнем колонтитуле. Однако в этом случае подарочные карты были перечислены в категории «Аксессуары», поэтому их было труднее найти, чем в The Home Depot.

Помимо навигации по веб-сайту или мобильному приложению, вы также можете добавлять подарочные карты в нижний колонтитул своих электронных писем. Кроме того, вы также можете включить их в определенные этапы пути клиента. Например, вы можете упомянуть подарочные карты в благодарственном письме после покупки, чтобы побудить покупателей подарить кому-то подарочную карту в вашем магазине, поскольку они уже наслаждались покупками с вашим брендом. Другой идеей было бы добавить карточки в раздел рекомендуемых товаров рядом с видом корзины.

Говоря об электронных письмах, вы также можете рассмотреть возможность отправки отдельных сообщений для продвижения подарочных карт в определенное время года. Например, ориентируйтесь на такие праздники, как Рождество или День матери, с помощью специальных сообщений электронной почты о возможностях подарков в вашем магазине.

Пример :

Винк отправил отдельное электронное письмо, чтобы напомнить подписчикам о Дне матери и продвигать подарочные карты.

Alloy Apparel запустила кампанию скидок на все физические подарочные карты за день до Рождества, чтобы дать клиентам возможность приобрести карты в последнюю минуту.

Создайте путь к покупке подарочной карты

Выбор типа подарка

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

Пример:

PrettyLittleThing предлагает только один тип и формат подарков. Вот почему их путь к покупателю начинается с выбора шаблона подарочного сертификата.

Начнем с выбора типа подарочной карты. Существует множество доступных вариантов подарков, от индивидуальных цифровых ваучеров до корпоративных карт и групповых подарков. Дизайн на этом этапе будет сильно различаться в зависимости от ассортимента подарочных карт, которые вы хотите предложить. Убедитесь, что независимо от того, сколько вариантов есть, все они перечислены разборчиво — настоятельно рекомендуется сохранять плоскую информационную архитектуру, если только вы не хотите выделять только один вариант подарка.

Пример :

Home Depot предлагает несколько вариантов подарков. Отдельные карты рекламируются в верхнем баннере над сеткой одинаково важных бонусных опций, что делает макет понятным для пользователя и позволяет сразу увидеть все опции.

Zalando также предлагает больше вариантов настройки, но выбрал вертикальный макет, где клиентам нужно прокрутить вниз, чтобы увидеть все доступные параметры. Поскольку Zalando предлагает только отдельные карты, им не нужен плоский макет. Вместо этого они используют страницу для переключения фокуса на другие шаблоны и параметры. Дополнительный вариант (подарочные коробки) предлагается внизу страницы, давая понять, что это не основной товар.

Выбор формата карты

Если вы предлагаете как цифровые, так и физические подарочные ваучеры, следующим шагом на пути к покупке должен быть выбор между этими двумя вариантами. Обратите внимание, что этот и следующие шаги должны быть представлены на одной странице. Направление пользователей на новые страницы для завершения процесса покупки, скорее всего, повредит опыту и заставит их покинуть сайт.

Выбор между способами доставки должен быть четким. Вы можете попробовать использовать контрастные цвета или значки, чтобы подчеркнуть разницу между обоими вариантами. Также рекомендуется использовать четкий текст — контраст между «Отправить по электронной почте» и «Отправить по почте» должен быть достаточно прозрачным. Вы также можете предложить вариант дизайна для печати (PDF, прикрепленный к электронному письму) помимо полностью цифрового формата, если одаренный человек получает его по электронной почте, но хочет принести его в магазин в распечатанном виде. Вы также можете включить подарочный QR-код в электронное письмо, чтобы его можно было быстро отсканировать в POS.

Пример:

Victoria's Secret начинает свое путешествие с покупателя с выбора способа доставки. Пользовательский интерфейс придает одинаковое значение обоим параметрам. Тем не менее, я бы порекомендовал более контрастные CTA — «Отправить по почте» и «Отправить по электронной почте» могут сбить с толку, особенно для тех, для кого английский язык не является родным.

Выбор даты доставки (необязательно)

Чтобы повысить UX ваших подарочных ваучеров, вы можете немного персонализировать свои цифровые карты, позволяя пользователям выбирать, когда именно карта должна быть отправлена. Это имеет смысл с точки зрения удобства использования, поскольку открытки обычно отправляются в качестве подарков — отстойно отправлять подарок на день рождения за пять дней до важной даты, верно?

Пример:

PrettyLittleThing заставляет пользователя устанавливать желаемую дату и час доставки. Они использовали простой выпадающий список. Вместо этого я бы рекомендовал использовать средство выбора даты в календаре, которое дает пользователям лучшее представление о выбранной дате (например, о дне недели).

Выбор суммы подарочной карты

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

Пример:

Saatchi Art, онлайн-рынок произведений искусства, использует как рекомендуемые значения, так и настраиваемое поле ввода, чтобы не накладывать никаких ограничений. Если пользователь превысит максимальное значение подарочной карты, он получит сообщение об ошибке, информирующее его о деталях ошибки в верхней части страницы.

Zalando налагает ограничения на стоимость подарочной карты, устанавливая возможные значения от 50 до 100 фунтов стерлингов. Такой подход может иметь смысл с экономической точки зрения. Однако это резко ограничивает гибкость ваших ваучеров и может привести к тому, что пользователи уйдут с вашего сайта, если они захотят получить более дорогую подарочную карту.

Tiffany & Co. не предлагает специальные номиналы карт. Вместо этого они предоставляют предопределенные значения карт. Стоит отметить, что стоимость карты по умолчанию составляет 500 долларов, хотя доступны более низкие значения. Таким образом, Tiffany & Co. удается привлечь внимание клиентов к более дорогим картам и сделать их более желанными и воспринимаемыми как стандартная цена.

Предоставление информации о получателях

Это важный этап процесса проектирования, особенно в контексте цифровых ваучеров. Здесь вы должны заполнить как минимум два поля ввода — адрес электронной почты получателя и сообщение о подарочной карте, которое должно содержаться в электронном письме. Некоторые компании также предлагают варианты настройки темы письма, чтобы сделать доставку открытки еще более персонализированной. Главное, запрашивайте только необходимую информацию (имя получателя и адрес электронной почты). Не включайте слишком много дополнительных полей.

Другое дело — сообщение карты — лучше предоставить предварительно написанное сообщение, чтобы клиентам было проще отправлять карты быстрее. Однако вы должны позволить пользователям изменять или настраивать сообщения, если им не нравится предварительно написанный текст. Также сделайте поле сообщения необязательным.

Пример :

Starbucks предлагает простой пользовательский интерфейс для информации о получателе и отправителе.

Amazon предоставляет пользователям простое предварительно написанное сообщение, чтобы дать им представление о том, как оно может выглядеть.

Персонализация кода подарочной карты

Если подарочные карты являются важной частью вашего бизнеса, вы можете подумать о дальнейшем повышении их потенциала персонализации. Программное обеспечение вашей подарочной карты должно позволять вам настроить код подарочной карты так, чтобы он совпадал с именем получателя или включал особое событие, к которому привязана карта (например, HAPPYBIRTHDAY7593). Этот простой трюк сделает открытку более запоминающейся. Уникальный шаблон также облегчит применение кода карты на кассе за счет исключения запутанных символов или правильной длины. Перейдите сюда для получения дополнительных сведений об улучшении процесса проверки кода.

Выбор шаблонов подарочных сертификатов

Поскольку подарочные карты обычно отправляются в качестве подарков, лучше сделать их визуально приятными и связанными с событием. Например, представьте, что вы получаете поздравительную открытку, полностью серую и без поздравлений с днем ​​​​рождения. Это был бы не лучший подарок, не так ли? Вот почему рекомендуется предлагать как минимум несколько шаблонов подарочных сертификатов.

Пример:

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

Загрузка фотографии для персонализации карт

Бонусом к быстрому выигрышу UX будет предоставление пользователям возможности загружать свои фотографии для персонализации карты. Обратите внимание, однако, что добавление этой функции требует, чтобы вы придумали условия использования фотографий, чтобы защитить себя от нарушения прав интеллектуальной собственности третьих лиц.

Пример:

Zalando позволяет пользователям создавать свои дизайны карт. Однако, чтобы убедиться, что все улажено с юридической стороны, Zalando требует от пользователей соблюдения их условий использования.

Процесс оформления заказа

Когда пользователи введут всю необходимую информацию, перейдите к этапу оформления заказа, оформленному как стандартное оформление заказа. Убедитесь, что пользователи могут быстро исправить предоставленную информацию или внести изменения в карточку, не удаляя всю корзину и начиная с нуля каждый раз, когда они вносят изменения. В этом представлении также рекомендуется разместить реквизиты карты. Вы можете использовать расширяемый текст, скрытый по умолчанию и отображаемый, когда пользователи нажимают на назначенный значок или наводят курсор на карточку.

Пример :

PrettyLittleThing — пример плохого UX при оформлении подарочной карты. После того, как пользователи добавят карту в корзину, нет простого способа обновить данные карты, такие как информация о получателе или стоимость ваучера. Единственный способ — удалить карту из корзины и начать весь процесс заново.

Winc позволяет пользователям обновлять значение карты, все еще находясь в режиме просмотра корзины.

Отправляйте открытки получателям по нескольким каналам

Есть несколько вариантов обмена картами с получателями. Вот некоторые из них:

• Отправить через сообщение электронной почты.
• Отправьте покупателю в виде PDF-файла для печати, которым можно физически поделиться с получателем.
• Доставьте физические карты по почте покупателю или получателю.
• Отправить через социальные сети, например, Messenger, Whatsapp.
  

Что касается дизайна пользовательского интерфейса, мы сосредоточимся на цифровых картах, отправляемых по электронной почте получателю. Если получатели впервые слышат о вашем бренде, вы можете включить в свою электронную почту несколько сигналов доверия. Вот несколько советов, как не попасть в спам:

• Четкая идентификация отправителя является важным маркером доверия — вы можете рассмотреть возможность включения имени отправителя в строку темы электронного письма с прикрепленной подарочной картой, чтобы повысить доверие. Например, используйте строку темы «Кэти только что прислала тебе подарок!»
• Используйте персонализацию — если у вас есть имя получателя, вы должны добавить его в свою электронную почту, чтобы улучшить UX и сделать сообщение более надежным.
• Не преувеличивайте стоимость подарочной карты в строке темы — старайтесь воздерживаться от использования таких фраз, как «ваучер», «код», «сделка» или числового значения карты в строке темы. Поставщик электронной почты получателя может расценить ваше сообщение как спам или поместить его на вкладку «Продвижение» почтового ящика.
  

Придумать эффективный дизайн письма

Когда дело доходит до содержания электронной почты, оно должно охватывать несколько моментов:

• Укажите стоимость карты.
• Включите ссылку на конкретные условия или дополнительную информацию об ограничениях погашения карты (если таковые имеются).
• Код подарочной карты, который легко скопировать в буфер обмена, желательно одним щелчком мыши.
• CTA, который ведет получателя в ваш магазин.
  

Помните, что пользователи могут читать вашу почту как на настольных, так и на мобильных устройствах. Чтобы убедиться, что ваши подарочные карты удобны для мобильных устройств, вы можете включить глубокие ссылки в CTA, чтобы пользователи перешли прямо в ваше приложение электронной коммерции с подарочным кодом, уже добавленным в их цифровой кошелек. Если вы выбираете только формат электронной почты, обязательно включите легко масштабируемый штрих-код или QR-код с высокой контрастностью, чтобы гарантировать, что сканирующее устройство в POS может использовать его.

Пример:

Watsi, благотворительная организация здравоохранения, отмечает все флажки, когда дело доходит до правильного дизайна электронной почты с подарочной картой.

Amazon рассматривает подарочные карты как кредит магазина, который можно хранить на счете. В свое электронное сообщение они включили глубокую ссылку, которая ведет пользователей прямо на веб-сайт или в приложение Amazon (в зависимости от устройства), которое автоматически зачисляет кредиты на учетную запись получателя.

Использование подарочных карт

Как предположил Ким Салазар, полезность купонов и подарочных сертификатов прямо пропорциональна удобству их использования в интернет-магазине.

Вам следует избегать каких-либо ограничений на погашение подарочного ваучера, таких как минимальная сумма заказа. Еще одна общая хорошая практика UX — помнить, что получатели подарочных карт будут более чувствительны к информации о доставке и стоимости продукта. Такой клиент настраивает содержимое корзины с большим вниманием, чем обычно. Это связано с опасением, что разница номинала карты и суммы заказа может быть потеряна. Вот почему вы также должны взглянуть на путь пользователя в целом и внести исправления, чтобы обеспечить наилучшее взаимодействие с пользователем.

{{КЛИЕНТ}}

{{КОНЕЧНЫЙ ПОТРЕБИТЕЛЬ}}

Разрешить частичное погашение

Вы можете рассматривать подарочные карты как способ оплаты, а не промо-ваучер. Этот вариант отлично подходит, если вы используете перезаряжаемые подарочные карты, как в случае со Starbucks. Затем динамически рассчитывается баланс на карте, и в качестве способа оплаты используются кредиты. Аналогично кредитной или дебетовой карте. Если вы выберете это решение, вам нужно убедиться, что на подарочных картах нет срока действия (или он очень длинный). Это может сделать ваши подарочные карты очень привлекательными, но в то же время требуется высококачественная инфраструктура, чтобы карту можно было выкупить навсегда.

Пример:

Делать покупки с подарочной картой Zalando легко, но начало работы может стать проблемой для пользователя. Чтобы использовать подарочную карту по назначению, получатель должен создать учетную запись, найти вкладку «Ваучеры» и поместить код подарочной карты в специальное текстовое поле, чтобы выкупить ее. После погашения наличные, загруженные на карту, рассматриваются как кредиты Zalando и могут использоваться в качестве способа покупки.

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

Дизайн поля ввода подарочной карты

Получатели подарочных карт хотят использовать свои подарки как можно скорее. Чтобы удовлетворить эту потребность, вы должны предоставить поле ввода ваучера в начале процесса покупки, предпочтительно в корзине перед оформлением заказа. Такой подход позволяет клиентам заранее проверить, действительна ли карта, прежде чем вводить личную информацию.

Еще лучший подход — предложить возможность выкупа подарочного сертификата на самом раннем этапе процесса покупки, намного раньше, чем во время завершения и оплаты заказа.

Пример:

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

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

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

Еще одна хорошая практика, связанная с подарочными кодами, – четкое разграничение полей оплаты и ваучера, поскольку их близость и сходство могут вызывать разочарование у потенциальных покупателей.

Рекомендации соответствуют рекомендациям по пользовательскому интерфейсу купонов. Если вы хотите узнать, как создавать поля ввода ваучера, прочтите его.

Пример:

Birchbox — отличный пример поля ввода ваучеров. Название коробки «Промо-коды и подарочные коды» делает цель коробки кристально ясной. Многие сайты электронной коммерции используют «Промокоды» в качестве названия для этого раздела, что может сбить с толку владельцев подарочных карт, поскольку карты не считаются рекламными акциями. Они также предлагают ссылку, чтобы открыть поле с кодом купона в режиме оформления заказа для тех, кто пропустил его в режиме просмотра корзины. Это отличный способ сохранить возможность добавления кода купона на обоих этапах.

Создание сообщений об успехах и ошибках

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

По той же логике вы также должны отобразить соответствующее сообщение об ошибке с указанием типа проблемы с подарочной картой. Не отображайте одно и то же сообщение об ошибке в каждом случае, так как оно не будет указывать пользователю, что не так и как он может исправить проблему. Вот некоторые примеры:

• "Код подарочной карты неверный. Повторите попытку".
• «Срок действия кода подарочной карты истек».
• «Вы не являетесь держателем подарочной карты (если вы назначаете подарочные купоны отдельным клиентам)».
• «Ваш заказ не соответствует условиям подарочной карты (если вы устанавливаете ограничения на погашение карты)».
  

Пример:

SummerSalt отображает сообщение об ошибке, если введенный код недействителен или условия акции не соблюдены. Они поощряют клиентов перепроверять свой код.

Создание уведомлений об истечении срока действия подарочной карты

Если у ваших карт есть срок действия, вам нужно планировать заранее и настроить автоматические уведомления, чтобы предлагать пользователям использовать баланс своей карты до истечения срока его действия. Здесь вы должны следовать лучшим практикам UX, связанным с маркетингом по электронной почте, то есть сделать визуальный эффект привлекательным, сделать текст умным, добавить хорошо контрастирующий призыв к действию и воздержаться от использования слов, которые могут быть помечены как спам («скидка» «сделка», «продажа»).

Резюме

Я надеюсь, что этот список лучших практик поможет вам начать разрабатывать свой веб-сайт и мобильный телефон для подарочных карт или улучшить текущий дизайн пользовательского интерфейса. Если вам нужен общий совет по созданию кампании с подарочными картами, обязательно ознакомьтесь с этим руководством.

{{СТА}}

Готовы вывести свои подарочные карты на новый уровень?

Начать

{{ENDCTA}}