ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ...

52
ДИЗАЙН-МЫШЛЕНИЕ: КАК СДЕЛАТЬ КЛАССНЫЙ ПРОЕКТ?

Transcript of ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ...

Page 1: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ДИЗАЙН-МЫШЛЕНИЕ:

КАК СДЕЛАТЬ КЛАССНЫЙ ПРОЕКТ?

Page 2: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ЦЕЛИ НА СЕГОДНЯ:

Узнать про дизайн-мышления

Понять, как его применять

Попробовать решить конкретные задачи

Сделать конкретные продукты

Page 3: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КРЕАТИВНОСТЬ – ЧТО ЭТО?

Page 4: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление
Page 5: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление
Page 6: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ДИЗАЙН-МЫШЛЕНИЕ

метод создания продуктов/услуг, ориентированных на интересы пользователя

Page 7: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ИДЕЯ ОТ ЧЕЛОВЕКА

Любая идея – это решение потребности человека

Page 8: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИМЕРЫ

Понятная «книга» вместо стандартной инструкции для пожилых

Page 9: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИМЕРЫ

Больница как место для увлекательных детских квестов

Page 10: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИМЕРЫ

Сайты операторов сотовой связи с возможностью быстрой оплаты (меню быстрых действий)

Page 11: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ДЭВИД КЕЛЛИ

Не придумал, а упаковал –нельзя упаковать здравый смысл

Page 12: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИНЦИПЫ:

1. Ошибайся раньше, ошибайся чаще!

Page 13: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИНЦИПЫ:

2. Прототип вместо тысячи слов

Page 14: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИНЦИПЫ:

3. Первым делом – спроси пользователя

Page 15: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИНЦИПЫ:

4. Делайте вместе

Page 16: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРИНЦИПЫ:

5. «Да, и…»

Page 17: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ТРИ КИТА

Процесс: есть алгоритм, итеративность, смешанные команды

Подход: человекоцентричность, эмпатия, культ быстрых ошибок

Среда: осязаемый мыслительный процесс, возможность «думать руками»

Page 18: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ЭТАПЫ ДИЗАЙН-МЫШЛЕНИЯ

Page 19: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

• Эмпатия

• Фокусировка

• Генерация идей

• Выбор идей

• Прототипирование

• Тестирование

ЭТАПЫ

Page 20: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Проявление сопереживания по отношению к другому человеку, способность понять его чувства и представить себя на его месте

ЭМПАТИЯ

Page 21: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Проявление сопереживания по отношению к другому человеку, способность понять его чувства и представить себя на его месте

ЭМПАТИЯ

Page 22: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КАРТА СТЕЙКХОЛДЕРОВ

Продукт/услуга

Кто будет использовать?

А кто еще будет использовать?

Page 23: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Узнаем прошлый опыт и мотивацию:

• Нулевая позиция

• 5 почему

• Открытые вопросы

• Итоги

ГЛУБИННОЕ ИНТЕРВЬЮ

80 20

Page 24: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЛУБИННОЕ ИНТЕРВЬЮ

Page 25: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЛУБИННОЕ ИНТЕРВЬЮ

• ГИПОТЕЗЫ: …

• ВОПРОСЫ: ...

• НАХОДКИ: ...

Page 26: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КАРТА ЭМПАТИИ

Page 27: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Стереотипы – главный враг эмпатии!

КАРТА ЭМПАТИИ

Page 28: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

СТЕРЕОТИПЫ

Создаем решение для людей, отвечая на их настоящие потребности, а не наше стереотипное представление о них

Page 29: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Стереотипы – главный враг эмпатии!

КАРТА ЭМПАТИИ

Что он слышит?Что говорят его друзья? Родственники?

Что он видит?Что его окружает, какая среда?

Где?

Что он делает?Как этот человек проводит время?

Что он говорит? Какие у него принципы?

Какие боли? Чего он боится?

Что им движет? Что ему нужно и о чем он мечтает?

Page 30: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КОПАЙТЕ ГЛУБЖЕ!

Page 31: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

«МОКАСИНЫ»

Погружаемся в опыт пользователя и проходим весь путь в его «обуви».

Page 32: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КАРТА ПУТИ ПОЛЬЗОВАТЕЛЯ

Page 33: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КАРТА ПУТИ ПОЛЬЗОВАТЕЛЯ

7:00«Не охота вставать…»

7:15«Да встаю я, встаю»

Школьника

8:00«Лучше б и не ел, чем это »

Любое время:«Как же хочется спать…»«Что там выложили нового в инсту?»«Зайду-ка я ВК»

12:00«Как урок может быть таким долгим!»

Page 34: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ФОКУСИРОВКА

Page 35: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КЛАСТЕРИЗАЦИЯ

Собираем находки в группы по общим признакам

Page 36: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЕНЕРАЦИЯ ИДЕЙ

Действие + Объект + Измеряемая хар-ка действия = Идея

Page 37: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЕНЕРАЦИЯ ИДЕЙ

Действие + Объект + Измеряемая хар-ка действия = Идея

Пожелание ≠ идея

Page 38: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЕНЕРАЦИЯ ИДЕЙ

Действие + Объект + Измеряемая хар-ка действия = Идея

Пожелание ≠ идея

Сделать крутую игру

Page 39: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЕНЕРАЦИЯ ИДЕЙ

Действие + Объект + Измеряемая хар-ка действия = Идея

Пожелание ≠ идея

Сделать приложение для айфона: найди все предметы супергероев

Сделать крутую игру

Page 40: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ГЕНЕРАЦИЯ ИДЕЙ

Page 41: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Стол

Ручка

Кружка

Бумага

Одеяло

Кошка

Змея

Цветок

Человек

Медведь

Деревянный

Пластиковый

Стеклянный

Легкая

Теплое

Пушистая

Гибкая

Ароматный

Умный

Большой

ТРИЗ: МЕТОД ФОКАЛЬНЫХ ОБЪЕКТОВ

Page 42: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

МОЗГОВОЙ ШТУРМ

Page 43: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

МОЗГОВОЙ ШТУРМ

• Нет критике

• Принцип «Да, и...».

• Поощряйте сумасшедшие идеи

• Визуализируйте свои идеи

• Высказывается один человек

• Держите фокус на поставленной теме

• Стремитесь к наибольшему количеству идей. Хороший результат — 15 идей от каждого члена команды

Page 44: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ВЫБОР ИДЕИ

Page 45: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

КАНВАС

Инструмент для работы продуктовой команды, который помогает расположить все “хотелки” и функции на временной шкале

MVP Ключевой продукт Полноценный продукт

Время

Page 46: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ПРОТОТИПИРОВАНИЕ

Page 47: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

LSP

Page 48: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

ТЕСТИРОВАНИЕ

Page 49: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

МАТЧАСТЬ

Page 50: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

Когда «ДА» Когда «НЕТ»

продукты/сервисы для людей Это не про людей

улучшить опыт Проблема локализована

наладить взаимодействие Решение очевидно

понять, что не так

ДИЗАЙН-МЫШЛЕНИЕ:

Page 51: ДИЗАЙН МЫШЛЕНИЕ: КАК СДЕЛАТЬ …iro23.ru/sites/default/files/dm_vzroslye.pdfпредставить себя на его месте ЭМПАТИЯ Проявление

БОЛЬШЕ ПРАКТИКИ!