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