SlideShare a Scribd company logo
1 of 66
Download to read offline
Нарративные
игры
UI
функции
паттерны
экраны
модули
UI
UX
функции
паттерны
экраны
модули
UI
ценность
конверсия
сценарии
содержание
UX
функции
паттерны
экраны
модули
UI
Проблемы
сложно залезать в чужую шкуру
сценарий рвется
люди дизайнеры не умеют
моделировать поведение
Сложно залезть
в чужую шкуру 
Ценность 

не формулируется
Легко уйти 

в фантазии
люди дизайнеры
не умеют
моделировать
поведение
Дизайнер
думает
картинками 
Геометафора 
Дискретность
Сценарий рвется
Кто я такой, и что я
здесь делаю?
Нарратив
Нарратив
связность
достоверные детали
трансформация героя
понимание ценности
Нарратив
связность
достоверные детали
трансформация героя
понимание ценности
Нарратив
связность
достоверные детали
трансформация героя
понимание ценности
Нарратив
связность
достоверные детали
трансформация героя
понимание ценности
Нарративные игры
Gamism – игра ради победы,
соревнования, достижения целей
Simulationism – игра ради
процесса исследования 

и моделирования чего-либо
Narrativism – игра ради создания 

и развития красивой истории мира /
персонажа / сюжета
Нарративные
игры
игры в рассказывание
истории
Микроскоп
Человечество
начинает новую
жизнь среди
звезд
Чужаки
захватывают
многочислен-
ные звездные
системы
Массовое
заселение
чужой сферы
дайсона
Человечество
угасает
изолированное
и одинокое
Исследовательский
корабль находит
сферу дайсона
Солнечные
вспышки
уничтожают
человеческие
поселения
Фиаско
Pivot
Инструменты
В чем ваша выгода?
Что у вас за продукт?
Чем вы на самом деле торгуете?
Кто такой именно ваш клиент?
Где вы его будете искать?
Почему покупают именно у вас?
В чем ваша выгода?
Что у вас за продукт?
Чем вы на самом деле торгуете?
Кто такой именно ваш клиент?
Где вы его будете искать?
Почему покупают именно у вас?
Если мы создадим интерфейс, 

То решим проблему таких-то людей 

Благодаря таким-то свойствам
продукта
Кто я такой, и что я
здесь делаю?
Что он увидит?
Что он должен 

понять / сделать?
Что нам нужно
на выходе?
Как человек
попал сюда?
Какой у него
мотив?
Кто я такой, и что я
здесь делаю?
Что он увидит?
Что он должен 

понять / сделать?
Что нам нужно
на выходе?
Как человек
попал сюда?
Какой у него
мотив?
Трансформация
Драма
Протагонист
Кто главный герой?
Основная цель

За что борется главный герой
Основной конфликт/антагонист 

Что стоит на пути главного героя
Герой, чтобы достичь своей цели,
преодолевая трудное для него
препятствие, совершает ПОСТУПОК
это история про пол, возраст, художественный
образ главного героя, который хотел
достигнуть цель, необходимость достижения
которой понятна не только автору, но и
читателю/зрителю, на пути к своей цели
совершил достойные внимания зрителя
поступки, обязательно подразумевающие некое
преодоление какого-то ужасного препятствия,
НО сюжетный поворот в результате или
получил совсем не то, на что рассчитывал, или
выясняется, что с самого начала всё вообще
обстояло не так, как мы предполагали.
это история про пол, возраст, художественный
образ главного героя, который хотел
достигнуть цель, необходимость достижения
которой понятна не только автору, но и
читателю/зрителю, на пути к своей цели
совершил достойные внимания зрителя
поступки, обязательно подразумевающие некое
преодоление какого-то ужасного препятствия,
НО сюжетный поворот в результате или
получил совсем не то, на что рассчитывал, или
выясняется, что с самого начала всё вообще
обстояло не так, как мы предполагали.
Cписанный астронавт,
преодолевая законы
физики, отправляется 

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

time
difficulty
внутренняя трансформация
внешние обстоятельства
Барьер
Мечта
Барьер
Попытка
Артефакт!
Мечта
Барьер
Попытка
Он хочет…
Он пытается…
Он меняется…
внутренняя трансформация
внешние обстоятельства
Что им такого нужно, 

чего они еще сами не знают?
Если мы хотим понять, 

что движет человеком – 

мы должны обнаруживать
внешние проявления, которые
раскрывают внутренние
пружины
это история про пол, возраст, художественный
образ главного героя, который хотел
достигнуть цель, необходимость достижения
которой понятна не только автору, но и
читателю/зрителю, на пути к своей цели
совершил достойные внимания зрителя
поступки, обязательно подразумевающие некое
преодоление какого-то ужасного препятствия,
НО сюжетный поворот в результате или
получил совсем не то, на что рассчитывал, или
выясняется, что с самого начала всё вообще
обстояло не так, как мы предполагали.
это история про пол, возраст, художественный
образ главного героя, который хотел
достигнуть цель, необходимость достижения
которой понятна не только автору, но и
читателю/зрителю, на пути к своей цели
совершил достойные внимания зрителя
поступки, обязательно подразумевающие некое
преодоление какого-то ужасного препятствия,
НО сюжетный поворот в результате или
получил совсем не то, на что рассчитывал, или
выясняется, что с самого начала всё вообще
обстояло не так, как мы предполагали.
Сценарий
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
проблема, иногда не осознанная
неудачная попытка решения
узнает о нас, пробует пользоваться
профит!
герой
мечта
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
проблема, иногда не осознанная
неудачная попытка решения
узнает о нас, пробует пользоваться
профит!
герой
мечта
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
проблема, иногда не осознанная
неудачная попытка решения
узнает о нас, пробует пользоваться
профит!
герой
мечта
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
проблема, иногда неосознанная
неудачная попытка решения
узнает о нас, пробует пользоваться
профит!
герой
мечта
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
неудачная попытка решения
узнает о нас, пробует пользоваться
профит!
герой
мечта
проблема, иногда неосознанная
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
неудачная попытка решения
узнает о нас, пробует пользоваться
профит!
герой
мечта
проблема, иногда неосознанная
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
неудачная попытка решения
узнает о нас, пробует пользоваться
профит! жизнь меняется!
герой
мечта
проблема, иногда неосознанная
долго и счастливо
хэппиэнд
обычная жизнь, бездействие
неудачная попытка решения
узнает о нас, пробует пользоваться
профит! жизнь меняется!
герой
мечта
проблема, иногда неосознанная
Ошибки
высокая степень абстракции
отделение интерфейса от содержания
банальность
уход в частности
Алексей Кулаков
kulakov@jetstyle.ru
+7 (912) 688 81 19
JetStyle.ru

More Related Content

Viewers also liked

Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015
Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015
Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015JetStyle
 
Автоматизация общения с менеджером, Полина Бынова, JetStyle
Автоматизация общения с менеджером, Полина Бынова, JetStyleАвтоматизация общения с менеджером, Полина Бынова, JetStyle
Автоматизация общения с менеджером, Полина Бынова, JetStyleJetStyle
 
Исследовательские проекты в жизненном цикле и рутинных процессах компании
Исследовательские проекты в жизненном цикле и рутинных процессах компанииИсследовательские проекты в жизненном цикле и рутинных процессах компании
Исследовательские проекты в жизненном цикле и рутинных процессах компанииJetStyle
 
Данные на службе бизнеса
Данные на службе бизнесаДанные на службе бизнеса
Данные на службе бизнесаJetStyle
 
Об особенностях работы художника, который гипотетически может все
Об особенностях работы художника, который гипотетически может всеОб особенностях работы художника, который гипотетически может все
Об особенностях работы художника, который гипотетически может всеJetStyle
 
CPC-трафик в unit-экономике, Полина Бынова
CPC-трафик в unit-экономике, Полина БыноваCPC-трафик в unit-экономике, Полина Бынова
CPC-трафик в unit-экономике, Полина БыноваJetStyle
 
Особенности MVP в Enterprise / Владимир Васильев (Почта России)
Особенности MVP в Enterprise / Владимир Васильев (Почта России)Особенности MVP в Enterprise / Владимир Васильев (Почта России)
Особенности MVP в Enterprise / Владимир Васильев (Почта России)Ontico
 
Интерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaИнтерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaJetStyle
 
Управление - это игра. Алексей Кулаков, JetStyle
Управление - это игра. Алексей Кулаков, JetStyleУправление - это игра. Алексей Кулаков, JetStyle
Управление - это игра. Алексей Кулаков, JetStyleJetStyle
 
MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14
MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14
MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14Ilya Korolev
 
MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...
MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...
MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...dkalaev
 
Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"
Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"
Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"JetStyle
 
Разработка MVP. Зачем это нужно и как это делать?
Разработка MVP. Зачем это нужно и как это делать? Разработка MVP. Зачем это нужно и как это делать?
Разработка MVP. Зачем это нужно и как это делать? JetStyle
 

Viewers also liked (13)

Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015
Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015
Минисервисы или микросервисы в условия цейтнота, Руслан Каримов, UWDC 2015
 
Автоматизация общения с менеджером, Полина Бынова, JetStyle
Автоматизация общения с менеджером, Полина Бынова, JetStyleАвтоматизация общения с менеджером, Полина Бынова, JetStyle
Автоматизация общения с менеджером, Полина Бынова, JetStyle
 
Исследовательские проекты в жизненном цикле и рутинных процессах компании
Исследовательские проекты в жизненном цикле и рутинных процессах компанииИсследовательские проекты в жизненном цикле и рутинных процессах компании
Исследовательские проекты в жизненном цикле и рутинных процессах компании
 
Данные на службе бизнеса
Данные на службе бизнесаДанные на службе бизнеса
Данные на службе бизнеса
 
Об особенностях работы художника, который гипотетически может все
Об особенностях работы художника, который гипотетически может всеОб особенностях работы художника, который гипотетически может все
Об особенностях работы художника, который гипотетически может все
 
CPC-трафик в unit-экономике, Полина Бынова
CPC-трафик в unit-экономике, Полина БыноваCPC-трафик в unit-экономике, Полина Бынова
CPC-трафик в unit-экономике, Полина Бынова
 
Особенности MVP в Enterprise / Владимир Васильев (Почта России)
Особенности MVP в Enterprise / Владимир Васильев (Почта России)Особенности MVP в Enterprise / Владимир Васильев (Почта России)
Особенности MVP в Enterprise / Владимир Васильев (Почта России)
 
Интерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsredaИнтерфейсы для Smart TV #uxsreda
Интерфейсы для Smart TV #uxsreda
 
Управление - это игра. Алексей Кулаков, JetStyle
Управление - это игра. Алексей Кулаков, JetStyleУправление - это игра. Алексей Кулаков, JetStyle
Управление - это игра. Алексей Кулаков, JetStyle
 
MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14
MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14
MVP. Минимальный Жизнеспособный Продукт. Tolstoy Startup Camp 02.04.14
 
MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...
MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...
MVP (минимальный жизнеспособный продукт): как не потерять деньги на разработк...
 
Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"
Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"
Создание нового стиля, дизайна и шрифта для "Батенька, да вы трансформер!"
 
Разработка MVP. Зачем это нужно и как это делать?
Разработка MVP. Зачем это нужно и как это делать? Разработка MVP. Зачем это нужно и как это делать?
Разработка MVP. Зачем это нужно и как это делать?
 

Similar to Нарративные игры как метод прототипирования, Алексей Кулаков, UWDC 2015

Необходимая информация по настройке игрофикации: принципы / матрицы / алгоритмы
Необходимая информация по настройке игрофикации: принципы / матрицы / алгоритмыНеобходимая информация по настройке игрофикации: принципы / матрицы / алгоритмы
Необходимая информация по настройке игрофикации: принципы / матрицы / алгоритмыGoodKarma.me
 
Как написать хороший сценарий
Как написать хороший сценарийКак написать хороший сценарий
Как написать хороший сценарийRoman Makush
 
Allods Team: Visual storytelling and directing the illustration
Allods Team: Visual storytelling and directing the illustrationAllods Team: Visual storytelling and directing the illustration
Allods Team: Visual storytelling and directing the illustrationDevGAMM Conference
 
Искусство управленческой борьбы. Тарасов В.К.
Искусство управленческой борьбы. Тарасов В.К.Искусство управленческой борьбы. Тарасов В.К.
Искусство управленческой борьбы. Тарасов В.К.Maksim Grinevich
 

Similar to Нарративные игры как метод прототипирования, Алексей Кулаков, UWDC 2015 (7)

Истории про истории
Истории про историиИстории про истории
Истории про истории
 
Необходимая информация по настройке игрофикации: принципы / матрицы / алгоритмы
Необходимая информация по настройке игрофикации: принципы / матрицы / алгоритмыНеобходимая информация по настройке игрофикации: принципы / матрицы / алгоритмы
Необходимая информация по настройке игрофикации: принципы / матрицы / алгоритмы
 
Как написать хороший сценарий
Как написать хороший сценарийКак написать хороший сценарий
Как написать хороший сценарий
 
копилка
копилкакопилка
копилка
 
копилка
копилкакопилка
копилка
 
Allods Team: Visual storytelling and directing the illustration
Allods Team: Visual storytelling and directing the illustrationAllods Team: Visual storytelling and directing the illustration
Allods Team: Visual storytelling and directing the illustration
 
Искусство управленческой борьбы. Тарасов В.К.
Искусство управленческой борьбы. Тарасов В.К.Искусство управленческой борьбы. Тарасов В.К.
Искусство управленческой борьбы. Тарасов В.К.
 

More from JetStyle

Frontttalks nov2013
Frontttalks nov2013Frontttalks nov2013
Frontttalks nov2013JetStyle
 
Мобильное приложение для бизнеса: взгляд со стороны разработчика
Мобильное приложение для бизнеса: взгляд со стороны разработчикаМобильное приложение для бизнеса: взгляд со стороны разработчика
Мобильное приложение для бизнеса: взгляд со стороны разработчикаJetStyle
 
Разработка через тестирование в Python и Django #pyconru
Разработка через тестирование в Python и Django #pyconruРазработка через тестирование в Python и Django #pyconru
Разработка через тестирование в Python и Django #pyconruJetStyle
 
Сергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdc
Сергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdcСергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdc
Сергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdcJetStyle
 
Илья Седов: Как заставить программу под iOS шевелиться? #uwdc
Илья Седов: Как заставить программу под iOS шевелиться? #uwdcИлья Седов: Как заставить программу под iOS шевелиться? #uwdc
Илья Седов: Как заставить программу под iOS шевелиться? #uwdcJetStyle
 
Алексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdc
Алексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdcАлексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdc
Алексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdcJetStyle
 
Борис Касавин: Big data для нужд реального российского бизнеса #uwdc
Борис Касавин: Big data для нужд реального российского бизнеса #uwdcБорис Касавин: Big data для нужд реального российского бизнеса #uwdc
Борис Касавин: Big data для нужд реального российского бизнеса #uwdcJetStyle
 
Алексей Иванов: немного о grunt.js #FrontTalks
Алексей Иванов: немного о grunt.js #FrontTalksАлексей Иванов: немного о grunt.js #FrontTalks
Алексей Иванов: немного о grunt.js #FrontTalksJetStyle
 
Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)
Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)
Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)JetStyle
 
Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)
Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)
Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)JetStyle
 
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminarРазработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminarJetStyle
 
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному текстуАлексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному текстуJetStyle
 
Алексей Кулаков: Теория ограничений Голдратта #oseminar
Алексей Кулаков: Теория ограничений Голдратта #oseminarАлексей Кулаков: Теория ограничений Голдратта #oseminar
Алексей Кулаков: Теория ограничений Голдратта #oseminarJetStyle
 

More from JetStyle (13)

Frontttalks nov2013
Frontttalks nov2013Frontttalks nov2013
Frontttalks nov2013
 
Мобильное приложение для бизнеса: взгляд со стороны разработчика
Мобильное приложение для бизнеса: взгляд со стороны разработчикаМобильное приложение для бизнеса: взгляд со стороны разработчика
Мобильное приложение для бизнеса: взгляд со стороны разработчика
 
Разработка через тестирование в Python и Django #pyconru
Разработка через тестирование в Python и Django #pyconruРазработка через тестирование в Python и Django #pyconru
Разработка через тестирование в Python и Django #pyconru
 
Сергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdc
Сергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdcСергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdc
Сергей Беляев: Интернет-телевизор - самый недооцененный сегмент разработки #uwdc
 
Илья Седов: Как заставить программу под iOS шевелиться? #uwdc
Илья Седов: Как заставить программу под iOS шевелиться? #uwdcИлья Седов: Как заставить программу под iOS шевелиться? #uwdc
Илья Седов: Как заставить программу под iOS шевелиться? #uwdc
 
Алексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdc
Алексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdcАлексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdc
Алексей Кулаков: Суеверия vs научный подход в проектировании интерфейсов #uwdc
 
Борис Касавин: Big data для нужд реального российского бизнеса #uwdc
Борис Касавин: Big data для нужд реального российского бизнеса #uwdcБорис Касавин: Big data для нужд реального российского бизнеса #uwdc
Борис Касавин: Big data для нужд реального российского бизнеса #uwdc
 
Алексей Иванов: немного о grunt.js #FrontTalks
Алексей Иванов: немного о grunt.js #FrontTalksАлексей Иванов: немного о grunt.js #FrontTalks
Алексей Иванов: немного о grunt.js #FrontTalks
 
Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)
Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)
Александр Устинов: Работа с существующими клиентами (бизнес-завтрак)
 
Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)
Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)
Сергей Наймушин: Управление привлечением новых клиентов (бизнес-завтрак)
 
Разработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminarРазработка сайта как создание мультфильма #oseminar
Разработка сайта как создание мультфильма #oseminar
 
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному текстуАлексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
Алексей Кулаков: Доклад о ненависти к рыбе...и любви к осмысленному тексту
 
Алексей Кулаков: Теория ограничений Голдратта #oseminar
Алексей Кулаков: Теория ограничений Голдратта #oseminarАлексей Кулаков: Теория ограничений Голдратта #oseminar
Алексей Кулаков: Теория ограничений Голдратта #oseminar
 

Нарративные игры как метод прототипирования, Алексей Кулаков, UWDC 2015