Как Виталик готовится дизайнить

Пять заморочек, которые отличают хорошего дизайнера от обычного.

Natalia Babaeva
4 min readAug 6, 2017

Задача такая. Есть черновая презентация с готовым утвержденным контентом, сделанная мной. Нужно сверстать из нее книжку-буклет за неделю. Дизайнера два, Виталик — главный.

Казалось бы, все есть. Садись, бери первый слайд и верстай. Хаха, нет.

1. Виталик готовится понимать задачу

  1. Виталик распечатывает презу на принтере. Больше 100 слайдов, по 2 слайда на лист.
  2. Берет канцелярский нож и режет стопку на слайды.

3. Упс. Слайды забыли пронумеровать. Он берет фломик и нумерует всю стопку от руки.

4. Раскладывает их на полу ровненько по порядку.

Неправильная форма «ковра», чтобы можно было пройти в туалет налево.

Первая польза. Я увидела все слайды сразу. Увидела, какие выпадают из структуры. Начала править контент.

5. Виталик клеит на стену рулонную бумагу и готовит стикеры.

6. Открывает Workflowy. Поехали.

2. Виталик понимает задачу

  1. Зовет меня. «Рассказывай, зачем и кому она нужна.»
  2. Пытает. Что хочет заказчик, зачем, как эволюционировала цель. Какая польза клиенту, какие сценарии использования. И так далее на час.
  3. Строчит все в Workflowy.

Вторая польза. Пока я рассказываю и смотрю на ковер из слайдов, понимаю, что можно выкинуть. Он говорит «Отлично!».

4. Дальше он говорит. «Ты мне сейчас не нужна». Прилепляет на стену бумагу в рулонах. Берет стикеры.

5. Садится и переносит главные мысли из Workflowy на стикеры и расклеивает на стене. Сортирует их по группам.

6. Фоткает стену со стикерами. Распечатывает.

3. Виталик проверяет, правильно ли он понял

  1. Виталик приходит ко мне с распечаткой стикеров.
  2. Пересказывает все по стикерам с айпада — целевую аудиторию, сценарии. Все сначала.
  3. Что-то корректирую, что-то еще вспоминаю, добавляю.

Третья польза. Когда слышу со стороны понимание задачи, всплывают новые тонкости.

4. Виталик подписывает на распечатке со стикерами комментарии, обводит что-то. Понимание задачи на одном листе готово. И жевано-пережевано. Печатает на принтере.

4. Виталик погружается в структуру

  1. Зовет к ковру из слайдов: «Теперь рассказывай структуру». Рассказываю.
  2. «Давай еще раз обойдем ее и перечислим все виды слайдов». Перечислили. Насчитали 23 типа слайда с точки зрения верстки.
  3. «Теперь давай тегировать. Какие типы слайдов типовые?» Насчитали 7 типовых. Протегировал в Workflowy.

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

4. «Сейчас я протегирую трудозатратные». Протегировал.

5. Виталик планирует работу

  1. Для типовых слайдов решили, что Виталик сделает шаблоны в первую очередь и отправит их второму дизайнеру.
  2. Уникальных слайдов 16, их будет делать сам Виталик.
  3. Прикинули, что в какой день делает Виталик, а что дизайнер. Где риски, как их пикировать.

Сидим на полу, уставшие. Виталик говорит: «Вот теперь у меня ощущение, как будто я все очень хорошо понимаю. Можно делать.»

Фото на память

Полдня тяжелой работы. Ни одного слайда не нарисовано. Зато Виталик понял все насквозь. Чувствую запах крутого продукта. Моя стопка правок по контенту тоже поможет. Хорошо поработали.

Пятая польза (гипотетическая): Будет офигенный продукт. Всегда так было. Не просто красивей и понятней, но точнее бить в цель.

Этот день напомнил мне историю из книги «Вы, конечно, шутите, мистер Фейнман!». В детстве Ричард Фейнман, будущий нобелевский лауреат, чинил радиоприемники друзьям друзей. Однажды он был у клиента, посмотрел приемник, задумался. Клиент спросил у него: «Почему ты не чинишь, а только ходишь по комнате?». «Я думаю.» После этого клиент всем рассказывал, что этот мальчик не просто чинит приемники, «Он сначала думает!».

Продолжение этого кейса и много фото с результатом — в этом посте: https://link.medium.com/JdKZ6XgCxeb

А пока вспомним…

Чему мы сейчас научились?

Я учусь у Виталика все время. В этот раз вот чему.

  1. В начале полезно подумать. Не то, чтобы я не делала этого раньше ;-) Но часто хочется бежать и делать сразу.
  2. Ручной труд дополняет умственный. Печать, разрезания, раскладывания пасьянсов из карточек, переписывания, расклеивание стикеров, группирование их кучками, стрелочки, обводочки — все это помогает глубже понимать задачу.
  3. Полезно посмотреть на все сразу. Да, я пролистывала все слайды на компе много раз. Но раскладывать «ковры» из элементов проекта значит дать себе возможность окинуть все одним взглядом. Важно: одним! Это источник новых инсайтов.
  4. Проговаривая цели в десятый раз для кого-то, можно найти много полезного для себя. Дотошные базовые вопросы сводят с ума, когда вы и так «все прекрасно понимаете». Но на них можно бесконечно растить и подкручивать продукт.
  5. Важно найти дизайнера—со-продакта и довериться ему. Если вам повезло работать с дизайнером, который глубоко копает, не обижайте его ограничениями вроде «через час первый слайд». В несвободе они не поют.

Меня зовут Наташа Бабаева. Я пишу про маркетинг, продукт и инновации. В Facebook лично, в Telegram кратко, на Медиум детально.

Помогаю прокачивать навыки инноватора в Школе ченджеров. В чем идея? / Подписаться→

Копаю тему инноваций в платной рассылке «Бабаева копает инновации». В чем идея? / Подписаться→

--

--

Natalia Babaeva
Natalia Babaeva

Written by Natalia Babaeva

Founder at School of Changers, Change Consultant, Medium blogger