Правила фирменного оформления Google

В этом руководстве рассказывается, как правильно использовать элементы бренда Google Pay в приложениях.

Кнопки оплаты через Google Pay

Кнопка оплаты через Google Pay вызывает Google Pay API. В ответ интерфейс инициирует появление страницы, на которой пользователи могут выбрать способ оплаты.

Все кнопки оплаты через Google Pay на сайте должны отвечать нашим правилам фирменного оформления, в том числе перечисленным ниже.

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

Объекты

Все кнопки оплаты через Google Pay доступны в формате масштабируемых растровых изображений (файлы 9-Patch) и готовы к использованию в вашем макете.

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

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

Типы кнопок
Google Pay (только логотип) Скачать
Оплатить через Google Pay Скачать
Забронировать через Google Pay Скачать
Оплатить через Google Pay Скачать
Сделать пожертвование через Google Pay Скачать
Заказать через Google Pay Скачать
Оплатить через Google Pay Скачать
Подписаться через Google Pay Скачать

Стиль

Кнопка оплаты Google Pay доступна только в одном цвете. Кнопки оплаты с текстом «Оплатить при помощи» доступны на разных языках, однако название бренда Google Pay всегда остается на английском. Самостоятельно переводить надписи на кнопках нельзя.

Кнопки оплаты через Google Pay

Кнопки должны быть окружены свободным пространством со всех сторон

Кнопка оплаты должна быть окружена свободным пространством со всех сторон. Расстояние до ближайшего рисунка или текстового элемента должно составлять не менее 8 dp. В свободном пространстве не должно быть графических или текстовых элементов.

Пример свободного пространства вокруг кнопки оплаты через Google Pay для Android

Минимальная ширина

Ширина кнопок Google Pay должна быть не меньше 168 dp.

Пример кнопки оплаты через Google Pay минимальной ширины

Рекомендации

Что следует делатьЧего делать нельзя
  • Добавлять только те кнопки Google Pay, которые предлагаются Google.
  • Использовать кнопки Google Pay для инициализации процесса оплаты.
  • Использовать кнопки одного стиля на всем сайте.
  • Устанавливать размер кнопок Google Pay таким образом, чтобы они были равными другим аналогичным элементам интерфейса или больше их.
  • Создавать собственные кнопки Google Pay или изменять шрифт, цвет, заполнение кнопки.
  • Использовать кнопки Google Pay для инициализации процессов, не связанных с оплатой.
  • Делать кнопку Google Pay меньше других кнопок.

Символ Google Pay

Чтобы показать Google Pay в качестве доступного средства оплаты, используйте символ этого сервиса. При этом можно использовать только символ, представленный ниже.

Объекты

Скачайте символ Google Pay в формате SVG.

Скачать

Символ

Добавьте символ Google Pay на страницы, где сервис указан в качестве способа оплаты.

Символ Google Pay

Если рядом с символами других компаний указаны их названия, вместе с символом нашего сервиса разместите надпись "Google Pay". Сохраните исходный цвет и ширину контура и не меняйте сам символ. Используйте только вариант, представленный Google.

Свободное пространство

Оставьте вокруг символа Google Pay столько же свободного пространства, сколько и вокруг других фирменных знаков. Расстояние до ближайшего рисунка или текстового элемента должно составлять не менее половины высоты буквы G.

Пример свободного пространства вокруг символа Google Pay

Размер

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

Добавьте символ Google Pay на каждую страницу на пути к оформлению покупки.

Рекомендации

Что следует делатьЧего делать нельзя
  • Добавлять в приложение только те символы Google Pay, которые предлагаются Google.
  • Использовать символ Google Pay, чтобы указывать наш сервис в качестве способа оплаты.
  • Создавать символы Google Pay самостоятельно или менять уже существующие.
  • Переводить слово "Pay" на другой язык.
  • Использовать символ Google Pay иного или меньшего размера, чем символы других сервисов оплаты.

Google Pay в тексте

Вы можете писать, что принимаете оплату через Google Pay, и продвигать наш сервис в маркетинговых материалах.

Пишите оба слова в названии сервиса с заглавной буквы

Заглавными должны быть только первые буквы слов: G и P. Писать полное название прописными буквами (GOOGLE PAY) можно, только если остальные текстовые элементы сайта представлены в таком же виде. Делать это в маркетинговых материалах запрещается.

Не пишите название Google Pay в форме аббревиатуры

Всегда пишите оба слова полностью.

Придерживайтесь того же оформления, что используется в вашем приложении

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

Не переводите название Google Pay

Оно должно быть написано на английском языке.

Добавляйте символ товарного знака к первому упоминанию Google Pay в маркетинговых текстах

Когда название Google Pay упоминается в рекламных материалах впервые или в особо значимом месте, рядом с ним должен быть надстрочный символ ™. Добавлять его к названию сервиса в интерфейсе не нужно.

Если на странице нет логотипов брендов платежных систем, то добавлять логотип для Google Pay также не нужно. Достаточно написать название сервиса.

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

Указывайте, что оплата была выполнена через Google Pay, на страницах подтверждения и в квитанциях, которые отправляете по электронной почте.

Рекомендации по работе с Google Pay

Хотите получать как можно больше конверсий? Настройте процесс и страницы оплаты так, чтобы покупателям было удобно проверять свои платежные данные и подтверждать покупки.

Следуйте приведенным ниже рекомендациям.

Сделайте Google Pay основным способом оплаты

Мы рекомендуем добавить кнопку оплаты через Google Pay на заметное место и сделать наш сервис основным или единственным способом оплаты.

Разрешите покупки без регистрации аккаунта

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

Используйте Google Pay для запуска процесса оплаты

Нажимая кнопку Google Pay, пользователь переходит на страницу оплаты. Там он может только выбрать и подтвердить один способ оплаты. Всю остальную необходимую информацию он должен указать до того, как нажмет кнопку Google Pay. Возможная информация:

  • размер, цвет и количество товара;
  • комментарий к подарку;
  • промокод, если имеется;
  • предпочтительный способ доставки;
  • пункты назначения для отдельных товаров.

Если пользователь не предоставил нужные данные, сообщите ему, что сделать это необходимо, до перехода на страницу оплаты.

Добавьте кнопку оплаты через Google Pay на страницы с информацией о товаре

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

Добавляйте информацию о Google Pay в квитанции и на страницы подтверждения

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

Ознакомьтесь с примерами ниже.

  • "Платежная система •••• 1234 через Google Pay"
  • "Платежная система •••• 1234 (Google Pay)"
  • "Google Pay (Платежная система •••• 1234)"
  • "PayPal abc...d@gmail.com через Google Pay"
  • "Способ оплаты: Google Pay"
  • "Оплачено через Google Pay"

Выводы

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

На этих изображениях показан рекомендуемый процесс оплаты покупки через Google Pay.

Согласование

После того как вы завершите интеграцию с Google Pay API, вам потребуется согласовать все места размещения кнопок Google Pay и ссылок на сервис в интерфейсе.

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