SlideShare a Scribd company logo
1 of 34
Download to read offline
Сторителлинг в проектировании взаимодействия
Битва мух
и котлет
Антипаттерны
Дизайнер думает картинками, а не состояниями
В ходе разработки теряется консистентность

(интерфейс зарастает мхом и исключениями)
Экраны не демонстрируют ценность

(которую мы пытаемся создать)
Пользователь натыкается на дыры в сценарии
Проблема
Человек-
Экран
Человек-
Воронка
Визуальный язык:
– Интерфейсные
паттерны
– Сетка
– Структура экрана
– Визуальный стиль
– Палитра приемов
Слова и цифры:
– Отслеживание
метрик
– Unit-экономика
– Подбор
ключевых фраз
Дизайнер Траффик-менеджер
Человек-
Экран
фигачит
экраны
Человек-
Воронка
фигачит
сегменты
Каждый из участников
сконцентрирован 

на своем фрагменте
Опыт пользователя непрерывен, 

а работа дискретна
Каждый из участников
сконцентрирован 

на своем фрагменте
Опыт пользователя непрерывен, 

а работа дискретна
Надо менять метафору
и думать про людей
Человек-
человек
UX-дизайнер
Человек-
Экран
Человек-
Воронка
Визуальный язык:
– Интерфейсные
паттерны
– Сетка
– Структура экрана
– Визуальный стиль
– Палитра приемов
Слова и цифры:
– Отслеживание
метрик
– Unit-экономика
– Подбор
ключевых фраз
Дизайнер Траффик-менеджер
Истории людей:
– Впечатления
– Поступки
– Обстоятельства
– Состояния
– Сценарий
– История
Нарратив –
это круто
Нарратив –
это круто
Восстанавливает контекст
Заставляет говорить конкретикой
Насыщает содержанием
Дает поводы для креатива
Лечит дыры в сценарии
Перипетия
внутренняя трансформация
внешние обстоятельства
Барьер
Мечта
Проблема
Попытка
Бездействие
Неожиданная
помощь
Барьер
Мечта
Проблема
Самостоятельная
попытка
Наш
интерфейс
Бездействие
Он хочет…
Он пытается…
Он меняется…
внутренняя трансформация
внешние обстоятельства
Gamism 
игра ради победы, соревнования, достижения целей
Simulationism 
игра ради процесса исследования и моделирования чего-либо
Narrativism 
игра ради создания и развития красивой истории
мира / персонажа / сюжета
Нарративные
игры
Задача – залезть в чужую шкуру,
захотеть того, чего должен хотеть наш герой
Ситуация до: что я делал прямо перед проблемой
Проблема: что плохо (осознанное или нет)
Мотив: к чему я стремлюсь
Барьер: что мне мешает получить желаемое прямо сейчас
Осведомленность: что и откуда я знаю про предмет
Генерация
персонажа
Наследник королевства
Есть белый конь
Красив
Влюблен без памяти
Хорошо танцует
Галантен
Верен
Готов прощать шалости
Будет красиво ухаживать
Игра в принцессу
и принца
Наследник королевства
Есть белый конь
Красив
Влюблен без памяти
Хорошо танцует
Галантен
Верен
Готов прощать шалости
Будет красиво ухаживать
Гол как сокол
Ходит пешком
Урод
Не обращает на меня внимания
Не умеет танцевать
Хам
Кобель
Ревнивец
Не будет ухаживать
Игра в принцессу
и принца
Наследник королевства
Есть белый конь
Красив
Влюблен без памяти
Хорошо танцует
Галантен
Верен
Готов прощать шалости
Будет красиво ухаживать
Гол как сокол
Ходит пешком
Урод
Не обращает на меня внимания
Не умеет танцевать
Хам
Кобель
Ревнивец
Не будет ухаживать
Игра в принцессу
и принца
Разбирается в камнях
Живет в Екатеринбурге
Сразу платит
Покупает регулярно
Готов потратить больше 300000
Приведет друзей
Привык покупать в интернете
Знает чего хочет
Покупает по картинке
Ничего не понимает в камнях
Живет в другой стране
Платит через год
Купит один раз
Не готов платить
Никому не расскажет
Никогда не покупал в интернет
Не умеет выбирать
Нужно несколько визитов
Игра в принцессу
и принца
На примере ювелирки
Разбирается в камнях
Живет в Екатеринбурге
Сразу платит
Покупает регулярно
Готов потратить больше 300000
Приведет друзей
Привык покупать в интернете
Знает чего хочет
Покупает по картинке
Ничего не понимает в камнях
Живет в другой стране
Платит через год
Купит один раз
Не готов платить
Никому не расскажет
Никогда не покупал в интернет
Не умеет выбирать
Нужно несколько визитов
Игра в принцессу
и принца
На примере ювелирки
Микроскоп
Человечество
начинает новую
жизнь среди
звезд
Чужаки
захватывают
многочислен-
ные звездные
системы
Массовое
заселение
чужой сферы
дайсона
Человечество
угасает
изолированное
и одинокое
Исследовательский
корабль находит
сферу дайсона
Солнечные
вспышки
уничтожают
человеческие
поселения
События
Сцены
Эпохи
Расстроилась
Конверсия в в
открытие
Кончились все
памперсы
Найду в
интернете
Сегодня никто
не доставляет
Нашла сайт,
гарантирующий
доставку в
течении двух
часов
CTR
Листинг Карточка
товары
Метрики
Экраны
История
Кто я такой, и что
я здесь делаю?
Что он увидит?
Что он должен 

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

понять / сделать?
Что нам нужно
на выходе?
Как человек
попал сюда?
Какой у него
мотив?
Трансформация
Типовой
сценарий
Типовой
сценарий
Герой
Обычная жизнь (бездействие)
Проблема (иногда неосознанная)
Самостоятельная неудачная попытка решения
Узнает о нас (волшебная альтернатива)
Пробует пользоваться
Профит! Жизнь меняется! (получается ценность)
Хэппиэнд
Долго и счастливо
Мечта
Герой
Обычная жизнь (бездействие)
Проблема (иногда неосознанная)
Самостоятельная неудачная попытка решения
Узнает о нас (волшебная альтернатива)
Пробует пользоваться
Профит! Жизнь меняется! (получается ценность)
Хэппи-энд
Долго и счастливо
Мечта
Типовой
сценарий
Дельта =
ценность
Герой
Обычная жизнь (бездействие)
Проблема (иногда неосознанная)
Самостоятельная неудачная попытка решения
Узнает о нас (волшебная альтернатива)
Пробует пользоваться
Профит! Жизнь меняется! (получается ценность)
Хэппи-энд
Долго и счастливо
Мечта
Типовой
сценарий
Алексей Кулаков
kulakov@gmail.com
+7 912 688 81 19

More Related Content

More from Alexey Kulakov

постановка задачи на интерфейс
постановка задачи на интерфейспостановка задачи на интерфейс
постановка задачи на интерфейсAlexey Kulakov
 
алексей иванов интернет как продолжение сайта
алексей иванов интернет как продолжение сайтаалексей иванов интернет как продолжение сайта
алексей иванов интернет как продолжение сайтаAlexey Kulakov
 
Структура шуток и творчества
Структура шуток и творчества Структура шуток и творчества
Структура шуток и творчества Alexey Kulakov
 
кулаков научный подход против суеверий
кулаков научный подход против суеверийкулаков научный подход против суеверий
кулаков научный подход против суеверийAlexey Kulakov
 
трехчастная струтктура
трехчастная струтктуратрехчастная струтктура
трехчастная струтктураAlexey Kulakov
 
доклад о ненависти к рыбе
доклад о ненависти к рыбедоклад о ненависти к рыбе
доклад о ненависти к рыбеAlexey Kulakov
 
Прикладные игры
Прикладные игры Прикладные игры
Прикладные игры Alexey Kulakov
 
Вечные грабли Npj
Вечные грабли NpjВечные грабли Npj
Вечные грабли NpjAlexey Kulakov
 
цикл жизни продукта
цикл жизни продуктацикл жизни продукта
цикл жизни продуктаAlexey Kulakov
 
Jetstyle remont conversia
Jetstyle remont conversiaJetstyle remont conversia
Jetstyle remont conversiaAlexey Kulakov
 
надо понимать для кого мы делаем презентацию
надо понимать для кого мы делаем презентациюнадо понимать для кого мы делаем презентацию
надо понимать для кого мы делаем презентациюAlexey Kulakov
 
поиск собственного содержания
поиск собственного содержанияпоиск собственного содержания
поиск собственного содержанияAlexey Kulakov
 

More from Alexey Kulakov (19)

постановка задачи на интерфейс
постановка задачи на интерфейспостановка задачи на интерфейс
постановка задачи на интерфейс
 
алексей иванов интернет как продолжение сайта
алексей иванов интернет как продолжение сайтаалексей иванов интернет как продолжение сайта
алексей иванов интернет как продолжение сайта
 
Структура шуток и творчества
Структура шуток и творчества Структура шуток и творчества
Структура шуток и творчества
 
кулаков научный подход против суеверий
кулаков научный подход против суеверийкулаков научный подход против суеверий
кулаков научный подход против суеверий
 
трехчастная струтктура
трехчастная струтктуратрехчастная струтктура
трехчастная струтктура
 
Dump2012
Dump2012Dump2012
Dump2012
 
Ipadbook
IpadbookIpadbook
Ipadbook
 
доклад о ненависти к рыбе
доклад о ненависти к рыбедоклад о ненависти к рыбе
доклад о ненависти к рыбе
 
Game frontier
Game frontierGame frontier
Game frontier
 
Game frontier
Game frontierGame frontier
Game frontier
 
Прикладные игры
Прикладные игры Прикладные игры
Прикладные игры
 
Вечные грабли Npj
Вечные грабли NpjВечные грабли Npj
Вечные грабли Npj
 
цикл жизни продукта
цикл жизни продуктацикл жизни продукта
цикл жизни продукта
 
Jetstyle remont conversia
Jetstyle remont conversiaJetstyle remont conversia
Jetstyle remont conversia
 
Present ibp2
Present ibp2Present ibp2
Present ibp2
 
надо понимать для кого мы делаем презентацию
надо понимать для кого мы делаем презентациюнадо понимать для кого мы делаем презентацию
надо понимать для кого мы делаем презентацию
 
Clearing hurdles
Clearing hurdlesClearing hurdles
Clearing hurdles
 
поиск собственного содержания
поиск собственного содержанияпоиск собственного содержания
поиск собственного содержания
 
Заготовка
ЗаготовкаЗаготовка
Заготовка
 

Битва мух и котлет. Нарративные игры для нужд User experience