Когда на первом экране страницы приложения есть только крупный слоган и кнопка «Начать», посетителю приходится гадать, что случится после нажатия. Без прокрутки должно быть понятно, что предлагает приложение, кому оно пригодится и куда ведёт следующий шаг. Для Android есть и четвёртый вопрос: заработает ли оно на устройстве посетителя.
Первый экран: смысл раньше оформления
Заголовок лучше посвятить назначению приложения, а не общему обещанию. «Сканируйте документы и сохраняйте их в PDF» говорит больше, чем «Ваши идеи без границ». В подзаголовке можно сразу назвать важное условие: распознавание текста требует интернета или часть инструментов доступна по подписке. Все подробности на первый экран не поместятся, но ключевые ограничения не стоит прятать ниже кнопки установки.
Рядом с текстом покажите экран с основным действием: список заметок, окно редактора или результат сканирования. Декоративный рисунок не объяснит, как устроено приложение. Если используете макет телефона, проверьте, различимы ли элементы интерфейса на небольшом дисплее.
Одна главная задача — один заметный маршрут
Человек открывает страницу, чтобы разобраться в возможностях приложения, проверить совместимость или перейти к установке. Подпись на основной кнопке должна совпадать с действием. Если она ведёт в магазин, «Открыть страницу в Google Play» точнее, чем «Получить»: файл не начнёт загружаться сразу. Если приложение сперва предлагают попробовать в браузере, так и напишите.
Кнопки «Скачать», «Зарегистрироваться», «Узнать больше» и «Попробовать», оформленные одинаково ярко, мешают выбрать нужную. Второстепенное действие можно сделать обычной ссылкой или менее заметной кнопкой. При этом требования к устройству и описание платных функций должны быть доступны без регистрации.
Как проверить понятность кнопки
- Глагол называет действие: открыть магазин, посмотреть функции, начать пробный период.
- Подпись не скрывает обязательный следующий шаг, например создание учётной записи.
- Кнопку видно на странице, но она не перекрывает текст и другие элементы.
- После нажатия открывается обещанное место, а не неожиданная форма или рекламная страница.
Порядок блоков помогает ориентироваться
Постройте страницу в том порядке, в котором человек принимает решение. Сначала покажите назначение приложения и его интерфейс. Затем объясните, какие задачи оно решает, на каких устройствах работает и на каких условиях им можно пользоваться. После этого уместны ответы на частые вопросы и переход к установке.
Заголовок каждого блока должен быть понятен при беглом просмотре. «Что можно сделать без интернета» полезнее, чем «Свобода в деталях». Короткие абзацы и списки облегчают поиск ответа, но не заменяют пояснений: пометка «офлайн» не говорит, можно ли без сети создавать файлы или только открывать сохранённые.
Для мобильной игры порядок может быть другим: сначала игровой процесс и управление, затем режимы, требования к устройству и покупки внутри приложения. Скриншоты тоже лучше подписывать по содержанию. «Управление во время уровня» информативнее, чем «Экран 2».
Конкретика вызывает меньше вопросов, чем обещания
Фразы «работает быстро», «подходит всем» и «лучший выбор» мало что объясняют. Лучше описать действие: «Можно обрезать видео, добавить титры и сохранить ролик в галерею». Если функция зависит от версии Android, модели телефона, интернета или тарифа, укажите это рядом с описанием.
Не путайте возможности приложения с возможностями сайта. Кнопка «Установить» на странице может лишь переводить в официальный магазин; сама по себе она не подтверждает совместимость с телефоном посетителя. Предложите проверить требования и доступность в магазине. Если для разных устройств предусмотрены разные версии, объясните, какую выбрать, не направляя человека к неофициальным сборкам или способам обхода ограничений.
Что уточнить на странице Android-приложения
- Минимальную версию Android и особые требования, если сведения известны и актуальны.
- Нужен ли интернет для основных функций и какие данные доступны офлайн.
- Есть ли реклама, покупки внутри приложения или подписка и какие функции от них зависят.
- Какие разрешения нужны для ключевых действий и зачем — например, доступ к камере для сканирования.
- Куда ведёт кнопка установки и как называется разработчик в официальном магазине.
Сверяйте эти сведения с текущей версией приложения. Если после обновления функцию удалили, а страница по-прежнему её обещает, даже удобная структура не поможет посетителю принять верное решение.
Читаемость на телефоне — часть смысла
На узком экране информация появляется порциями. Баннер высотой почти во весь экран отодвигает первое полезное предложение вниз, а текст внутри картинки при уменьшении может стать нечитаемым. Основные сообщения лучше размещать обычным текстом: он подстраивается под ширину экрана и масштабирование.
Контраст, размер шрифта и расстояние между кнопками влияют на то, заметит ли человек важные условия. Бледную подпись о подписке легко пропустить, а по тесно расположенным ссылкам трудно попасть пальцем. Различие между состояниями «доступно» и «недоступно» тоже не стоит обозначать одним лишь цветом — добавьте текст.
Всплывающее окно, которое сразу закрывает описание, мешает понять предложение. Если нужно согласие на необязательные технологии или выбор региона, варианты должны легко читаться, а возврат к содержимому — быть понятным. Горизонтальная прокрутка обычных абзацев — ещё один повод исправить мобильную версию.
Как проверить страницу глазами нового посетителя
Откройте страницу на телефоне через обычное мобильное соединение, а не только на широком мониторе. Представьте, что ничего не знаете о продукте, и пройдите несколько шагов:
- Попробуйте за несколько секунд понять по первому экрану, что делает приложение. Если для ответа нужен раздел «О нас», уточните заголовок.
- Найдите требования к Android, сведения об оплате и ограничениях. Если они теряются в длинном тексте, вынесите их в блок с прямым названием.
- Нажмите основную кнопку и сравните результат с её подписью. Проверьте, удобно ли вернуться на страницу.
- Увеличьте масштаб текста и посмотрите, не перекрывают ли друг друга кнопки, подписи и скриншоты.
- Отключите изображения и прочитайте страницу ещё раз: назначение приложения и условия использования должны остаться понятными.
Затем попросите человека, не знакомого с приложением, своими словами объяснить, для чего оно нужно и что произойдёт после нажатия основной кнопки. Не подсказывайте: несовпадение с вашим замыслом укажет на заголовок, подпись или блок, который стоит переписать. Например, если «Попробовать» воспринимают как бесплатный запуск без учётной записи, а кнопка открывает регистрацию, замените подпись на «Создать аккаунт» и рядом укажите условия пробного доступа.