# Эскизы толстым маркером

Канонический адрес: https://producthub.live/shape-up/eskizy-tolstym-markerom
Автор публикации: Product Hub (https://producthub.ru). Опубликовано: 2026-10-13. Обновлено: 2026-10-13.
Книга: Ryan Singer (Райан Сингер), «Shape Up: Stop Running in Circles and Ship Work that Matters», Basecamp, 2019. Оригинал: https://basecamp.com/shapeup

Перевод на русский, часть 1 «Подготовить выполнимый проект», глава 3 «Найти устройство решения». Оглавление: https://producthub.live/shape-up

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

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

Вот пример. Мы часто создавали фиктивные задачи в списках задач Basecamp, чтобы использовать их как разделители. Добавляли пункт вроде «––– Нужно протестировать –––» и размещали задачи под ним. Нам пришла идея добавить полноценную функцию разделителей в инструмент работы с задачами: превратить обходной приём в штатную возможность списков.

Нужно было понять, к чему приведёт добавление разделителя. Мы пришли к предварительной идее: разделитель делит список на «негруппированные» задачи над ним и «сгруппированные» задачи под ним. Каждый следующий разделитель добавляет новую группу ниже негруппированных задач вверху.

![Разделение списка на негруппированные и сгруппированные задачи](https://producthub.live/assets/books/shape-up/light/p032-01.webp)

Можно добавлять задачи через какую-нибудь возможность действия внутри каждой группы, включая верхнюю негруппированную часть.

![Возможность добавлять задачи отдельно в каждую часть списка](https://producthub.live/assets/books/shape-up/light/p032-02.webp)

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

![Добавление задачи через существующее меню действий](https://producthub.live/assets/books/shape-up/light/p033-01.webp)

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

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

Далее: [Результат — это элементы](https://producthub.live/shape-up/rezultat-eto-elementy)