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