Скетчинг — Примеры

Пример 1 — Раунд из шести скетчей одного экрана

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

Экран: открытые обращения одного клиента + поле ответа.
Известно: агенты обрабатывают 40 обращений в день и печатают в основном по шаблону.
Неизвестно: должен ли список или ответ доминировать на экране.
Ограничение: один карандаш, без цвета, пять минут на лист.

Решение

1  раздвоенная шапка, поиск справа       оптимизирует: просмотр по заголовку
2  список в одну колонку, фильтры сверху  оптимизирует: сначала разбор
3  две панели: список + детали           оптимизирует: по одному обращению за раз
4  сетка карточек                        оптимизирует: ничего — выбросить
5  таблица с правкой на месте            оптимизирует: массовую обработку
6  экран одного действия, одна кнопка    оптимизирует: быстрые ответы

Пометки на листе 3: «а если 40 элементов?» / «поле ответа уедет при прокрутке?»
На листе 6: «где живёт контекст обращения?»
На листе 1: «зона нажатия мала для строки фильтров»

Шесть черновых вариантов за тридцать минут лучше одного аккуратного рисунка, потому что ценность в сравнении: листы 3 и 6 отвечают на открытый вопрос с противоположных сторон, а лист 4 можно отбросить на встрече, а не защищать. Пометки переносят замеченные за рисованием ограничения в следующий раунд, так что с бумагой ничего не теряется. Что обычно идёт не так — доводка первого скетча вместо ещё пяти: он становится дизайном по умолчанию, и группа критикует его стиль, потому что стиль есть что критиковать.