Большой длинный дизайн-процесс (мастер-класс)

109

Upload: anton-outkine

Post on 15-Jun-2015

765 views

Category:

Education


2 download

DESCRIPTION

Слайды к мастер-классу по дизайн-процессу: как делать действительно большие и длинные дизайн-проекты и не сойти с дистанции.

TRANSCRIPT

Page 1: Большой длинный дизайн-процесс (мастер-класс)
Page 2: Большой длинный дизайн-процесс (мастер-класс)

Давайте дружитьАнтон Уткин и Митя Кириллов (Thalient)

[email protected]

Анна Бакунова (Intel)→ facebook.com/anna.bakunova

Наталья Покровская (McCann Erickson)→ pokrovskaya.com

Page 3: Большой длинный дизайн-процесс (мастер-класс)

Но прежде,чем мы начнём…

Page 4: Большой длинный дизайн-процесс (мастер-класс)

Где домашка?

Page 5: Большой длинный дизайн-процесс (мастер-класс)

Caveat emptor→ Eсли у вас есть реальный дизайн-проект, эта лекция будет резонировать.

→ Если у вас нет реальной проблемы, вам покажется, что мы — Капитаны, и говорим общие вещи и чушь.

Page 6: Большой длинный дизайн-процесс (мастер-класс)

Эпизод IСуть проблемы

Page 7: Большой длинный дизайн-процесс (мастер-класс)

Дизайнв жопе

Page 8: Большой длинный дизайн-процесс (мастер-класс)

Дизайн-студия«Градиентики тенюшка»

Page 9: Большой длинный дизайн-процесс (мастер-класс)

«Сделайтеэто синеньким»

Page 10: Большой длинный дизайн-процесс (мастер-класс)

Эпизод IIДизайн-процесс

Page 11: Большой длинный дизайн-процесс (мастер-класс)

Кто из вас маркетолог?

Page 12: Большой длинный дизайн-процесс (мастер-класс)

Какие задачирешает маркетинг?

Page 13: Большой длинный дизайн-процесс (мастер-класс)

Мы вернёмсяк этим вопросам

Page 14: Большой длинный дизайн-процесс (мастер-класс)

Ключ к успеху —списки

Page 15: Большой длинный дизайн-процесс (мастер-класс)

1. Идея

Page 16: Большой длинный дизайн-процесс (мастер-класс)

Явные и неявныепотребности

Page 17: Большой длинный дизайн-процесс (мастер-класс)

Мы преуспеем,если решаем

чью-то проблему

Page 18: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 19: Большой длинный дизайн-процесс (мастер-класс)

Мы открываем ресторан

Page 20: Большой длинный дизайн-процесс (мастер-класс)

Или кафе?

Page 21: Большой длинный дизайн-процесс (мастер-класс)

Какую проблему мы решаем?→ накормить людей→ накормить людей здоровой едой→ ресторан / сезонная еда / локальная еда / поддержать местного производителя

Page 22: Большой длинный дизайн-процесс (мастер-класс)

Идея — мы открываем ресторан сезонной местной

кухни

Page 23: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Какая у вас идея?Сформулируйте её в одном предложении.

Page 24: Большой длинный дизайн-процесс (мастер-класс)

2. Постановка задачи

Page 25: Большой длинный дизайн-процесс (мастер-класс)

Elevator Pitch

Page 26: Большой длинный дизайн-процесс (мастер-класс)

Cформулируйте идею, чтобы её

поняли и поддержали

Page 27: Большой длинный дизайн-процесс (мастер-класс)

Elevator pitch→ какую проблему вы решаете?→ кто в вашей команде?→ что вы собираетесь сделать?→ чем вы уникальны?

Page 28: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 29: Большой длинный дизайн-процесс (мастер-класс)

В нашем районе (Тверская / Пресня) мало простых доступных кафе с простой здоровой едой.

Мы с ребятами (Аня, Митя, Наташа) откроем кафе. Антон знает отличного шеф-повара, Митя хорошо знаком с подмосковными фермерами, а у Наташи есть Tesla, чтобы быстро и дёшево возить продукты. Именно поэтому кафе будет выгодно отличаться от дорогостоящих мест низкими ценами и здоровой местной едой.

Page 30: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Сформулируйте elevator pitch длиной 30 секунд.Ещё раз: проблема / команда / решение проблемы / в чём уникальность.

Page 31: Большой длинный дизайн-процесс (мастер-класс)

3. Human-Centered Design

Page 32: Большой длинный дизайн-процесс (мастер-класс)

А теперьспросим

пользователя

Page 33: Большой длинный дизайн-процесс (мастер-класс)

Source: HCD Toolkit by IDEO.

→ Что и для кого вы делаете?→ Как вы это делаете?→ Какие у вас для этого ресурсы?

Page 34: Большой длинный дизайн-процесс (мастер-класс)

Source: HCD Toolkit by IDEO.

ПОТРЕБНОСТЬ

ВЫПОЛНИ МОСТЬ

БЮДЖЕТ НОСТЬ

Page 35: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 36: Большой длинный дизайн-процесс (мастер-класс)

→ Как ресторан должен выглядеть?→ В чём потребность его посетителей?→ Что важнее — интерьер или меню?→ Или, возможно, важнее шеф-повар?

Page 37: Большой длинный дизайн-процесс (мастер-класс)

Посмотритена рынок

Page 38: Большой длинный дизайн-процесс (мастер-класс)

Пообщайтесьс аудиторией

Page 39: Большой длинный дизайн-процесс (мастер-класс)

Сделайтевыводы

Page 40: Большой длинный дизайн-процесс (мастер-класс)

Сделайте что хотите,но примите решение

Page 41: Большой длинный дизайн-процесс (мастер-класс)

Это бизнес-решение, определяемое инвестициями — но на самом деле это дизайн-решение

Page 42: Большой длинный дизайн-процесс (мастер-класс)

Source: HCD Toolkit by IDEO.

ПОТРЕБНОСТЬ

ВЫПОЛНИ МОСТЬ

БЮДЖЕТ НОСТЬ

Page 43: Большой длинный дизайн-процесс (мастер-класс)

→ Решили, что 60% средств инвестируем в меню (шеф-повар! продукты!)

→ 30% инвестируем в аренду→ и чёрт с ним с интерьером, если всё вкусно (азиатская модель).

Page 44: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Разверните ваш elevator pitch до бизнес-плана.Ключевые моменты: кто ваша аудитория, каковы её потребности, каким образом вы будете их решать (команда? время? инструменты) и какой у вас для этого бюджет.

Page 45: Большой длинный дизайн-процесс (мастер-класс)

4. Проектирование взаимодействия

Page 46: Большой длинный дизайн-процесс (мастер-класс)

Design as a Service

Page 47: Большой длинный дизайн-процесс (мастер-класс)

Всё по порядку→ Как пользователь попадает к вам?→ Как начинается взаимодействие?→ В каком формате оно происходит?→ Что ваш пользователь делает / может делать?→ Как он покидает вас?

Page 48: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 49: Большой длинный дизайн-процесс (мастер-класс)

→ Стоя или сидя?→ Быстрая или медленная еда?→ Как мы встречаем гостя?→ Как обслуживаем (шведский стол / стойка

/ заказ у официанта?)→ Как гости расплачиваются?

Page 50: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Постройте схему пользовательского взаимодействия.Ключевые моменты: как он к вам попадает, что и как он делает / может делать, с чем он вас покидает и как вы получаете прибыль?

Page 51: Большой длинный дизайн-процесс (мастер-класс)

5. ID

Page 52: Большой длинный дизайн-процесс (мастер-класс)

К этому моментуу вас есть всё, чтобы сформулировать фирменный стиль

Page 53: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 54: Большой длинный дизайн-процесс (мастер-класс)

«Митболы Навального»

Page 55: Большой длинный дизайн-процесс (мастер-класс)

«Медленная лапша»

Page 56: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Сформулируйте название и фирменный стиль вашего проекта.Дополнительные очки за фирменный знак, который хорошо отразит суть того, что и как вы делаете.

Page 57: Большой длинный дизайн-процесс (мастер-класс)

6. MVP

Page 58: Большой длинный дизайн-процесс (мастер-класс)

Minimum viable product — «минимально возможный продукт», другими словами — прототип, который можно начать продавать

Page 59: Большой длинный дизайн-процесс (мастер-класс)

Не откладывайтезапуск проекта

Page 60: Большой длинный дизайн-процесс (мастер-класс)

Чем раньше,тем лучше

Page 61: Большой длинный дизайн-процесс (мастер-класс)

Так вы успеетенабить шишекв начале пути

Page 62: Большой длинный дизайн-процесс (мастер-класс)

A/B тестирование

Page 63: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 64: Большой длинный дизайн-процесс (мастер-класс)

→ Наш MVP это выездной ларёк на Stay Hungry Backyard.

→ Наше A/B тестирование это два разных формата на двух бэкъярдах: куб с «Митболами Навального» и тележкас медленной лапшой.

→ Разная цена, разные аудитории.

Page 65: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Опишите, как выглядит ваш MVP.→ Опишите, как именно вы будете проводить

A/B тестирование.Дополнительные очки, если вы сможете легко сделать радикально разные тесты.

Page 66: Большой длинный дизайн-процесс (мастер-класс)

7. Feedback

Page 67: Большой длинный дизайн-процесс (мастер-класс)

Более известный как «обратная связь» или

«отзывы»

Page 68: Большой длинный дизайн-процесс (мастер-класс)

Понаблюдайтеза реакциейаудитории

Page 69: Большой длинный дизайн-процесс (мастер-класс)

Соберитестатистику

Page 70: Большой длинный дизайн-процесс (мастер-класс)

Сделайте выводы

Page 71: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 72: Большой длинный дизайн-процесс (мастер-класс)

→ Лапша нравится больше.→ Но в основном не хипстерам, а людям среднего возраста.

→ Сарариманы приходят на обед, к вечеру подтягиваются немолодые парочки.

→ Видимо, дело идёт к семейной лапшичной.

Page 73: Большой длинный дизайн-процесс (мастер-класс)

Резюме:открываем семейную

лапшичную

Page 74: Большой длинный дизайн-процесс (мастер-класс)

" Классная работа→ Попробуйте представить, какие отзывы вы получили при тестировании.

→ Сформулируйте финальную версию вашего продукта. Что именно и как именно вы решили делать? Почему?

Page 75: Большой длинный дизайн-процесс (мастер-класс)

8. Дизайн и воплощение

Page 76: Большой длинный дизайн-процесс (мастер-класс)
Page 77: Большой длинный дизайн-процесс (мастер-класс)

Короче, рисуйтевашу сову

Page 78: Большой длинный дизайн-процесс (мастер-класс)

Но помните:

Page 79: Большой длинный дизайн-процесс (мастер-класс)

Ключ к успеху —списки

Page 80: Большой длинный дизайн-процесс (мастер-класс)

Этого правиланикто не отменял

Page 81: Большой длинный дизайн-процесс (мастер-класс)

" Домашняя работа→ Попробуйте сформулировать (эскизы / фото / видео / презентация / чертежи), как будет выглядеть ваш проект в более-менее финальном виде. Обсудим при следующей встрече или через интернет.

Page 82: Большой длинный дизайн-процесс (мастер-класс)

А теперь — дискотека!

Page 83: Большой длинный дизайн-процесс (мастер-класс)

В смысле,маркетинг

Page 84: Большой длинный дизайн-процесс (мастер-класс)

9. Маркетинг

Page 85: Большой длинный дизайн-процесс (мастер-класс)

Маркетинг — процесс управления обменом ценностями между продавцоми покупателем

Page 86: Большой длинный дизайн-процесс (мастер-класс)

Во всех книжкахпо этой теме пишут

одно и то же

Page 87: Большой длинный дизайн-процесс (мастер-класс)

Примерноследующее:

Page 88: Большой длинный дизайн-процесс (мастер-класс)

The four P’s→ Product→ Price→ Place→ PromotionНичего нового, да?

Page 89: Большой длинный дизайн-процесс (мастер-класс)

Маркетинг —часть дизайн-

процесса

Page 90: Большой длинный дизайн-процесс (мастер-класс)

Каждый из вас —маркетологв костюмедизайнера

Page 91: Большой длинный дизайн-процесс (мастер-класс)

Запомните это,делайте так всегда,живите спокойно

и будьте счастливы

Page 92: Большой длинный дизайн-процесс (мастер-класс)

Эпизод IIIДизайн-процесс наносит ответный

удар

Page 93: Большой длинный дизайн-процесс (мастер-класс)

10. Возвращение к началу

Page 94: Большой длинный дизайн-процесс (мастер-класс)

! Кейс

Page 95: Большой длинный дизайн-процесс (мастер-класс)

Онищенко запретил лапшу

Page 96: Большой длинный дизайн-процесс (мастер-класс)

Наш новый вид из окна на ближайшие 4 года

Page 97: Большой длинный дизайн-процесс (мастер-класс)

Открылись конкуренты

Page 98: Большой длинный дизайн-процесс (мастер-класс)

И вообще пора менять ориентацию

Page 99: Большой длинный дизайн-процесс (мастер-класс)

Возвращаемсяк самому началу

Page 100: Большой длинный дизайн-процесс (мастер-класс)

И перепридумываемнаш проект

Page 101: Большой длинный дизайн-процесс (мастер-класс)

→ Пробуем новые блюда как «предложение дня», вводим бизнес-ланч.

→ Организуем доставку и кулинарию.→ Меняем помещение.→ Возвращаемся к «Митболам Навального».

Page 102: Большой длинный дизайн-процесс (мастер-класс)

Короче,не останавливаемся

Page 103: Большой длинный дизайн-процесс (мастер-класс)

" Домашняя работа→ Придумайте, какие проблемы возникли у вашего проекта через неделю / месяц / год после начала работы.

→ Придумайте варианты решения этих проблем.

Page 104: Большой длинный дизайн-процесс (мастер-класс)

Почему мы всё эторассказываем?

Page 105: Большой длинный дизайн-процесс (мастер-класс)

Дизайн = процесс

Page 106: Большой длинный дизайн-процесс (мастер-класс)

Дизайн —проектированиепроцессов взаимодействия

Page 107: Большой длинный дизайн-процесс (мастер-класс)

От чашкидо ресторана

Page 108: Большой длинный дизайн-процесс (мастер-класс)

Q+A

Page 109: Большой длинный дизайн-процесс (мастер-класс)

Давайте снова дружитьАнтон Уткин и Митя Кириллов (Thalient)

[email protected]

Анна Бакунова (Intel)→ facebook.com/anna.bakunova

Наталья Покровская (McCann Erickson)→ pokrovskaya.com