Визуальное мышление
Скетчинг идей: как рисовать мысли, даже если вы не умеете рисовать
Скетчинг идей — это быстрые рисунки от руки, которые объясняют мысль лучше абзаца текста: прямоугольник вместо экрана, стрелка вместо «а потом», обводка вместо «вот это важно». Разберём, зачем рисовать на встречах, какой визуальный алфавит нужен, как скетчить по шагам и как не превратить схему в каракули.
На этой странице
- Что такое скетчинг идей
- Чем скетч отличается от схемы, макета и скетчноута
- Зачем рисовать идеи
- Одна картинка на всех
- Быстрее слов и быстрее аккуратной схемы
- Видно, чего не хватает
- Рисунок не жалко выбросить
- Визуальный алфавит: шести фигур хватает
- Когда скетчинг помогает
- Как скетчить идею: пошагово
- Примеры скетчей
- Эскиз экрана
- Процесс на созвоне
- Скетчинг на встречах и мозговых штурмах
- Бумага, маркерная доска или онлайн-доска
- Частые ошибки
- Скетчинг в NodePanel
- Чек-лист хорошего скетча
- Вопросы и ответы
Что такое скетчинг идей#
Скетчинг идей (от английского sketch — набросок) — это привычка объяснять мысль рисунком: несколько линий, фигур и стрелок, сделанных за минуту, вместо долгого пересказа. Скетч не обязан быть красивым и точным. Его задача — чтобы собеседник понял, что вы имеете в виду, и смог ответить, дорисовав своё.
Скетч живёт на любой поверхности: на салфетке, маркерной доске в переговорной, полях блокнота, онлайн-доске на созвоне. Им набрасывают экран будущего приложения, путь клиента, устройство склада, схему переезда отдела, план выступления. Всё, что легче показать, чем рассказать.
Чем скетч отличается от схемы, макета и скетчноута#
- Схема (например, блок-схема) следует правилам: у фигур есть значения, у процесса — начало и конец. Скетч правил не требует и делается быстрее, зато живёт недолго.
- Макет и прототип экрана рисуют аккуратно, с размерами и настоящими текстами. Скетч экрана — это пять прямоугольников и стрелка «сюда нажимают»: он нужен, чтобы договориться, что вообще будет на экране.
- Скетчноутинг — конспект лекции или книги в картинках, личная заметка. Скетчинг идей — рабочий инструмент: им объясняют и обсуждают, обычно вместе с другими людьми.
Зачем рисовать идеи#
Слова линейны: их слушают по одному, а картинку видят целиком. Когда вы говорите «пользователь заходит, видит список, потом фильтр, потом выбирает», каждый собеседник строит в голове свой экран. Когда вы рисуете — экран у всех один.
Быстрее слов и быстрее аккуратной схемы#
Объяснить устройство экрана словами — минуты, нарисовать — секунды. А по сравнению с аккуратной схемой скетч не требует выбирать фигуры, выравнивать и подписывать связи: мысль появляется на доске с той же скоростью, с какой приходит в голову.
Видно, чего не хватает#
В тексте легко пропустить шаг, на рисунке — трудно: стрелка, которая никуда не ведёт, сразу бросается в глаза. Начав рисовать процесс, вы быстро обнаруживаете вопросы, о которых не подумали: а что, если оплата не прошла? Куда попадает клиент после отмены?
Рисунок не жалко выбросить#
Над аккуратным макетом работали час, и его жалко переделывать. Скетч сделан за минуту — его легко стереть и нарисовать заново, поэтому люди охотнее предлагают и отбрасывают варианты. Для ранних идей это главное преимущество.
Визуальный алфавит: шести фигур хватает#
Почти любой рабочий скетч собирается из нескольких простых фигур. Если договориться, что они значат, рисунки разных людей читаются одинаково. Это и называют визуальным алфавитом.
Подписи важнее рисунка: короткое слово рядом с фигурой снимает любую двусмысленность. Человечек без подписи может быть кем угодно, человечек с подписью «курьер» — уже действующее лицо.
Когда скетчинг помогает#
Скетч подходит
- Обсудить идею экрана, страницы или отчёта до того, как кто-то сядет за макет.
- Объяснить на созвоне, где в процессе узкое место: обвести, подчеркнуть, показать стрелкой.
- Разобрать мозговой штурм: отметить лучшие идеи и связать похожие.
- Быстро показать, как устроено пространство: офис, склад, зал мероприятия.
- Набросать план выступления или статьи, пока мысли ещё не улеглись.
Лучше другой формат
- Процесс нужно утвердить и передать дальше — нужна аккуратная блок-схема.
- Структуру темы раскладываете по уровням — удобнее интеллект-карта.
- Экран идёт в разработку — нужен макет с размерами и текстами.
- Схема будет жить годами и меняться — соберите её из блоков, а не из штрихов.
Как скетчить идею: пошагово#
Назовите вопрос
Одной фразой сверху: «Как клиент записывается к мастеру?». Скетч без вопроса превращается в рисование ради рисования.
Нарисуйте главное действующее лицо
Человечек, экран или предмет, вокруг которого всё происходит. Подпишите его.
Добавьте шаги и связи
Прямоугольники для этапов, стрелки для переходов. Не выравнивайте и не ищите лучшее место — только порядок.
Подпишите всё коротко
Одно-два слова у каждой фигуры и стрелки. Подпись делает каракули понятными.
Выделите главное
Обведите узкое место, подчеркните решение, поставьте звезду у того, что обсуждаем. Один акцент лучше пяти.
Покажите и дайте дорисовать
Скетч — приглашение к разговору. Пусть коллега возьмёт маркер и поправит то, что видит иначе.
Перенесите итог в схему
То, о чём договорились, соберите аккуратными блоками и связями: скетч свою работу сделал.
Примеры скетчей#
Два учебных примера: эскиз экрана и разбор процесса на созвоне. Оба нарисованы от руки поверх доски — так, как это делают на встрече.
Эскиз экрана#
Команда салона обсуждает экран записи к мастеру. Вместо описания «сверху поиск, ниже карточки мастеров» один человек рисует контур телефона, строку поиска, три строки списка и кнопку, а справа подписывает, почему так. Через пять минут все спорят уже не о словах, а о том, нужна ли кнопка внизу экрана.
Процесс на созвоне#
Аналитик показывает путь покупателя по шагам и хочет обратить внимание на доставку. Он подчёркивает шаг маркером, рисует стрелку назад — туда, куда возвращаются покупатели, — и пишет вопрос. Сама схема не меняется: пометки лежат поверх и после обсуждения легко стираются.
Цифра в вопросе здесь учебная. На настоящей встрече в подписи — то, что вы знаете из своих данных, или честное «проверить».
Скетчинг на встречах и мозговых штурмах#
Рисовать вместе сложнее, чем в одиночку: кто-то стесняется, кто-то перехватывает маркер. Несколько приёмов помогают.
- Сначала молча, потом вслух. Дайте каждому две-три минуты нарисовать свой вариант, и только потом обсуждайте. Так идеи не подстраиваются под первую прозвучавшую.
- Восемь набросков за восемь минут. Известное упражнение дизайнеров: лист делят на восемь частей и на каждую дают минуту. Первые варианты очевидные, последние — самые интересные.
- Рисует тот, кто объясняет. Ведущий не перерисовывает чужие идеи — он просит автора показать самому.
- Отмечайте, а не стирайте. Понравившееся обводят или ставят звезду, сомнительное перечёркивают одной линией: видно и решение, и путь к нему.
- Итог — в слова. В конце встречи под скетчем пишут, о чём договорились и что делать дальше.
Как провести сам штурм — от вопроса до отбора идей и интеллект-карты, — разобрано в руководстве «Мозговой штурм и интеллект-карта», а как разложить итог по веткам — в статье «Как сделать интеллект-карту».
Бумага, маркерная доска или онлайн-доска#
Бумага хороша для себя: рука замедляет и помогает думать. Маркерная доска — для команды в одной комнате, пока никто не стёр рисунок. Онлайн-доска нужна, когда участники в разных городах или когда скетч должен лечь прямо на рабочую схему и остаться с ней.
Частые ошибки#
Так хуже
Так лучше
- Рисунок без подписей. Через неделю никто, включая автора, не вспомнит, что значил этот круг.
- Всё выделено. Пять цветов и обводка у каждого блока — то же самое, что ничего не выделить.
- Погоня за красотой. Если скетч переделывают третий раз ради ровных линий, пора остановиться: он уже свою задачу выполнил.
- Скетч вместо решения. Рисунок помог договориться — запишите договорённость словами или соберите схему. Иначе через месяц останутся только линии.
- Слишком много на одном рисунке. Один скетч — один вопрос. Второй вопрос — второй скетч рядом.
Скетчинг в NodePanel#
В NodePanel рисуют прямо на доске, как маркером. Кнопка с карандашом «Рисование от руки» на панели инструментов включает режим рисования: ручка, полупрозрачный маркер для выделения, ластик, девять цветов и три толщины линии. Зажали кнопку мыши — рисуете, на сенсорном экране — пальцем или пером; с Shift получается прямая линия.
- Каждый росчерк становится блоком «Рисунок»: его можно выделить, подвинуть, растянуть, перекрасить, закрепить или удалить. CtrlZ убирает последний росчерк.
- Рисунки лежат поверх блоков — ими обводят и подчёркивают, — но не мешают щёлкать по блокам под ними.
- Коллеги на доске видят рисунок, как только вы отпустили кнопку; он попадает в историю версий и в экспорт PNG, SVG и PDF.
- Честно о том, чего нет: фигуры от руки не превращаются в ровные блоки и рукописный текст не распознаётся — подписи удобнее печатать текстовым блоком.
Все клавиши и подробности — в справочнике «Рисование от руки». Для штурма с пометками есть готовый шаблон мозгового штурма, а как провести штурм с командой онлайн — на странице мозговой штурм на онлайн-доске. Порисовать можно без регистрации — в песочнице на главной.
Чек-лист хорошего скетча#
- Сверху или рядом — вопрос, на который отвечает рисунок.
- Фигуры из простого алфавита: прямоугольник, круг, человечек, стрелка.
- У каждой фигуры и стрелки — короткая подпись.
- Выделено одно главное, а не всё подряд.
- На рисунке один вопрос; второй — отдельным скетчем.
- На рисунок ушли минуты, а не час.
- Под скетчем записано, о чём договорились.
- То, что должно жить долго, перенесено в аккуратную схему.
Вопросы и ответы#
Что такое скетчинг простыми словами?
Это быстрые рисунки от руки, которыми объясняют мысль: фигуры, стрелки, человечки и короткие подписи. Скетч делается за минуту и нужен, чтобы собеседник понял идею, а не чтобы любоваться рисунком.
Нужно ли уметь рисовать, чтобы скетчить?
Нет. Достаточно провести линию, нарисовать круг, прямоугольник и стрелку. Понятность скетчу дают подписи, а не мастерство.
Чем скетчинг отличается от скетчноутинга?
Скетчноутинг — конспект в картинках, обычно личный: лекция, книга, доклад. Скетчинг идей — рабочий инструмент для обсуждения, его рисуют, чтобы договориться с другими людьми.
Можно ли скетчить на онлайн-доске мышью?
Можно: для пометок, обводок и стрелок мыши хватает, линия сглаживается. Для подробных рисунков удобнее сенсорный экран с пером, а подписи проще печатать текстовым блоком.
Что делать со скетчем после встречи?
Записать рядом, о чём договорились, и перенести итог в аккуратную схему или задачи. Сам скетч можно оставить как историю обсуждения или стереть.