Сторибординг — Примеры

Пример 1 — День кладовщика, а не экраны приложения

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

1  Главный экран с плиткой «Склад»
2  Список товаров с полем поиска
3  Страница товара, поле количества в фокусе
4  Всплывающее подтверждение
5  Назад к списку товаров
6  Меню профиля

Решение

1  Конец прохода 4, две коробки в руках, сканер в другой.
2  Читает этикетку; планшет остался на тележке позади.
3  Перчатки надеты — экранная клавиатура не примет нажатие.
4  Идёт два прохода назад к стационарному терминалу; 40 секунд потеряно.
5  Терминал снова просит войти; пароль на тележке.
6  Обратно у полки, коробки уже посчитаны вручную дважды.

Каждая панель теперь называет человека, место и предмет, поэтому панель 3 показывает сбой без объяснений, а исходный сториборд был потоком экранов низкой точности: в нём неверным мог быть только порядок. Обычная ошибка — рисовать интерфейс, потому что его легко рисовать; так стирается контекст, ради которого последовательность и стоит пересматривать.

Пример 2 — Двенадцать шагов сокращены до шести, с повтором

Запись работы агента поддержки превратилась в список из двенадцати шагов, и группа перестаёт читать на седьмой панели. Сократите его до шести панелей в собственном порядке агента, сохранив повторяющийся шаг — повторение и есть находка.

1  Открыть тикет
2  Открыть биллинговый инструмент
3  Найти клиента
4  Скопировать номер счёта
5  Вернуться к тикету
6  Вставить номер
7  Снова открыть биллинговый инструмент
8  Снова найти клиента
9  Сделать скриншот истории платежей
10 Вернуться к тикету
11 Вставить скриншот
12 Закрыть тикет

Решение

1  Открывает тикет; хочет подтвердить, за что списали.
2  Переключается в биллинг; поиск клиента не срабатывает по адресу почты.
3  Находит клиента по номеру счёта.
4  Обратно в тикете; скопированный номер не вставляется в поле ответа.
5  Переключается в биллинг второй раз, чтобы сделать скриншот истории.
6  Вставляет скриншот и закрывает; два переключения инструмента, списание не объяснено.

Панели идут по времени агента, поэтому второе переключение в биллинг нарисовано, а не слито, и двенадцать шагов становятся шестью панелями, где повтор виден. Обычная ошибка — сжать второй поход в «возвращается в биллинг», спрятав находку, ради которой доска и существует.