Помните чёрные кнопки App Store и Google Play, которые раньше встречались едва ли не на каждом сайте мобильного приложения? Они никуда не исчезли, но некоторые сервисы больше не хотят подстраивать под них свой дизайн. Вместо привычных значков появляются фирменные кнопки, а иногда посетителю предлагают нажать прямо на изображение смартфона.
На эту перемену обратил внимание UX-дизайнер Adir SL. Он заметил, что на сайтах приложений стандартные значки магазинов всё чаще уступают место другим решениям. И дело не в том, что Apple или Google отказались от знакомых кнопок: разработчики по-прежнему могут использовать официальное оформление, но некоторые предпочитают собственный подход.
Интереснее всего, что привычные значки когда-то сами были дизайнерским решением, которое помогло пользователям разобраться с новым способом установки программ. Теперь отдельные сайты обходятся без них. Но означает ли это, что узнаваемые кнопки выполнили свою задачу и больше не нужны?
Как две кнопки стали привычной частью интернета
В 2010-х годах кнопки «Download on the App Store» и «Get it on Google Play» были почти обязательным атрибутом сайтов мобильных приложений. Apple и Google предоставляли разработчикам готовые графические элементы, которые легко узнавались независимо от оформления страницы.
Эти значки встречались не только в интернете. Их размещали в рекламных объявлениях, печатных брошюрах и на другой рекламной продукции. Пользователю не требовалось разбираться в интерфейсе каждого отдельного сайта: знакомая кнопка сразу подсказывала, где найти приложение.
Со временем у этого удобства обнаружилась обратная сторона. Стандартный чёрный значок не всегда вписывается в оформление сайта, особенно если разработчики строят его вокруг ярких цветов, иллюстраций или необычной визуальной концепции.
Здесь и возникает выбор: сохранить узнаваемый элемент магазина приложений или сделать кнопку скачивания частью собственного интерфейса.
Signal и Telegram показывают, как можно обойтись без привычных значков
Хороший пример — Signal. В рассмотренном Adir SL варианте сайта мессенджер использует для скачивания приложения кнопки собственного синего цвета. Они выглядят как остальные элементы интерфейса и не выбиваются из общей цветовой гаммы.
Посетитель видит обычную кнопку скачивания, а не отдельный рекламный элемент App Store или Google Play. Назначение осталось прежним, изменилось только оформление.
Telegram пошёл ещё дальше. В примере, который приводит автор, вместо стандартных кнопок скачивания используются изображения устройств с открытым приложением. Посетитель может нажать непосредственно на изображение смартфона, чтобы перейти к установке.
В представленном варианте изображения устройств также меняются в зависимости от того, с какой мобильной платформы пользователь открывает сайт.
Такой подход позволяет показать не только место скачивания, но и само приложение. Человек видит знакомый экран смартфона и интерфейс Telegram ещё до установки. Кнопка здесь становится частью демонстрации продукта.
Впрочем, у нестандартного оформления есть очевидное условие: посетитель должен понимать, куда нажать. Если изображение выглядит исключительно декоративным элементом, часть пользователей может просто не догадаться, что оно ведёт к скачиванию.
Поэтому замена привычного значка сама по себе не делает интерфейс удобнее. Как и в случае с другими кнопками и призывами к действию, значение имеют понятная подпись, визуальная заметность и ожидаемый результат нажатия.
Почему Apple и Google не отказываются от стандартных кнопок
У появления фирменных кнопок есть любопытное противоречие: Apple и Google продолжают поддерживать собственные значки магазинов приложений и публикуют рекомендации по их использованию.
Apple предлагает разработчикам официальные варианты значков App Store, в том числе привычный чёрный и альтернативный белый. Компания рекомендует использовать их в рекламных материалах и не разрешает произвольно изменять фирменную графику.
Google также предоставляет официальные значки Google Play и рекомендует использовать их для продвижения приложений, доступных в магазине.
Поэтому появление собственных кнопок на отдельных сайтах нельзя объяснить тем, что платформы отменили прежний стандарт или официально разрешили заменять свои фирменные обозначения любыми другими.
Adir SL связывает изменения в том числе с развитием маркетинговых требований Apple и большей свободой дизайнеров. Однако прямой связи между изменением правил компании и распространением нестандартных кнопок он не подтверждает количественными данными.
Само стремление сайтов к более цельному оформлению выглядит понятным. Дизайнеру проще вписать обычную кнопку в существующую систему цветов, размеров и отступов, чем подстраивать страницу под отдельный графический элемент другой компании.
Но если на сайте используются названия, логотипы или официальные значки магазинов приложений, требования Apple и Google к их оформлению всё равно необходимо учитывать.
Почему в Diablo Immortal привычные кнопки выглядят иначе
Особенно заметной разница становится на сайтах игр, где оформление часто строится вокруг собственного визуального мира.
Именно во время знакомства с Diablo Immortal автор UX Collective снова обратил внимание на стандартные значки App Store и Google Play. На фоне тщательно оформленного игрового сайта привычные чёрные кнопки показались ему чужеродными.
Пока посетитель изучает персонажей, иллюстрации и атмосферу игры, всё работает на погружение в её мир. Но стоит взглянуть на стандартные значки магазинов, и перед ним снова оказывается знакомый интерфейс скачивания обычного мобильного приложения.
Для браузера, почтового клиента или приложения со списком задач такой контраст может быть практически незаметным. А вот на странице игры с выразительным художественным оформлением отдельный рекламный элемент способен сильнее выделяться на общем фоне.
Это не означает, что стандартные значки портят игровые сайты. Узнаваемость и понятность перехода к установке могут быть не менее важны, чем визуальная целостность страницы.
Старые кнопки больше не нужны? Не совсем
Adir SL сравнивает изменение кнопок скачивания с постепенным отказом от скевоморфизма — подхода, при котором цифровые элементы имитируют физические предметы. Когда пользователи привыкают к определённым действиям, интерфейсу уже не всегда нужны прежние визуальные подсказки.
В случае с магазинами приложений логика похожа: человек знает, что приложение можно установить из App Store или Google Play, и способен найти нужный переход даже без знакомого чёрного значка.
Но между этими примерами есть разница. Кнопки магазинов приложений не просто объясняют действие. Они ещё и показывают, на какой платформе доступна программа и куда именно ведёт ссылка.
Поэтому я бы не спешил отправлять их в музей веб-дизайна. Фирменная кнопка действительно может лучше вписаться в оформление сайта, однако стандартный значок помогает быстрее распознать магазин приложений. Какой вариант удобнее для конкретной аудитории, без пользовательского тестирования сказать нельзя.
Возможно, привычные чёрные кнопки просто перестали быть единственным очевидным способом предложить установку приложения. Signal использует фирменное оформление, Telegram экспериментирует с изображениями устройств, а другие разработчики сохраняют стандартные значки.
И если однажды вы снова заметите знакомую кнопку App Store на необычно оформленном сайте, это не обязательно будет признаком устаревшего дизайна. Иногда самый узнаваемый элемент интерфейса стоит оставить именно потому, что пользователю не нужно гадать, куда он ведёт.
Источник: UX Collective — Whatever happened to “Download on the App Store” buttons?