Скетчинг

Что это такое

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

Почему это важно

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

Ключевые идеи

Количество прежде качества

Сделайте много вариантов одного экрана за один присест. Шесть — хорошая цель на полчаса, больше — если задача не устоялась; ценность в сравнении, а не в отдельном рисунке.

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

Ограничьте инструмент, чтобы ограничить детали

Карандаш, маркер или один цвет для рисования. Никаких заливок, иконок из библиотеки, настоящего содержимого. Когда среда не может выразить лоск, обсуждение остаётся на структуре.

Пометки вместо доводки

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

Выбрасывайте их

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

Рисуйте в группе

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

Практика

Шесть вариантов одного экрана

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

Готово, когда: у вас шесть пронумерованных листов, и вы можете назвать, что каждый из них оптимизирует.

Нарисуйте поток, который плохо рисуется

Выберите задачу из шести шагов. Нарисуйте весь поток маленькими прямоугольниками, соединёнными стрелками, на одном листе, затем передайте его кому-то и попросите пройти вслух.

Готово, когда: он доходит до конца, не спрашивая, куда идут стрелки, пользуясь только вашим скетчем.

Частые ошибки

Сначала открыть инструмент дизайна — идея фиксируется до того, как исследована, и каждое позднее изменение стоит дороже; исправить: нарисуйте первые три раунда на бумаге.
Красивый скетч — детализация приглашает критику стиля вместо структуры; исправить: держите один цвет и грубые формы и остановитесь, когда структура читаема.
Один нарисованный вариант — первая идея становится дизайном по умолчанию; исправить: всегда делайте хотя бы три, в идеале шесть, прежде чем что-то обсуждать.
Нет пометок — ограничение, замеченное за рисованием, теряется; исправить: пишите вопрос на листе рядом с затронутой частью.
Хранение каждого скетча — кипа растёт, и каждый рисунок становится позицией, которую надо защищать; исправить: сфотографируйте, отберите, перерисуйте, сдайте бумагу в переработку.

Что читать дальше

Сторибординг (03-design-ux/16-storyboarding) — скетчинг, применённый ко всей последовательности, а не к одному экрану.
Вайрфрейминг (03-design-ux/27-wireframing) — превращение выбранного скетча в структурированный макет.
Фасилитация и проектирование воркшопов (03-design-ux/03-facilitation-workshop-design) — проведение раундов скетчинга в группе.
Miro (03-design-ux/13-miro) — где обычно заканчиваются удалённые раунды скетчинга.