Презентация с первой лекции образовательной программы ИКРЫ и Ростелекома под названием Digital Brunch

1. Икра
2015
Арсеньев Родион
Независимый
арт-диреткор
и преподаватель
что такое
интерактивный
дизайн

2. что такое интерактивный дизайн
москва, 2015
Глава 1
добро
пожаловать

3. что такое интерактивный дизайн
москва, 2015
разрешите представиться
Арсеньев
Родион
Независимый
арт-директор
и преподаватель

4. что такое интерактивный дизайн
москва, 2015
Глава 2
зачем мы
собрались

5. что такое интерактивный дизайн
москва, 2015
интерактивный дизайн
Как это
происходит?
Как с этим
жить
Что это
такое?

6. что такое интерактивный дизайн
москва, 2015
Глава 3
графический дизайн
vs интерактивный
дизайн

7. что такое интерактивный дизайн
москва, 2015
что такое
Графический
дизайн

8. что такое интерактивный дизайн
москва, 2015
что такое
Интерактивный
дизайн

9. что такое интерактивный дизайн
москва, 2015
добро пожаловать
Графический
дизайн
Интерактивный
дизайн
VS

10. что такое интерактивный дизайн
москва, 2015
добро пожаловать
Графический
дизайн
Интерактивный
дизайн
VS

11. что такое интерактивный дизайн
москва, 2015
добро пожаловать
Графический
дизайн
Интерактивный
дизайн
Звукорежиссура
Драматургия
Хареография
UX
Программирование
Психология
Психология
Технологии
Копирайтинг
Анимация
Новые технологии

12. что такое интерактивный дизайн
москва, 2015
Глава 4
генеральные
идеи дизайна

13. что такое интерактивный дизайн
москва, 2015
design
means
you do
care
real mofo moto

14. что такое интерактивный дизайн
москва, 2015
польза
помощь
развлечение
вовлечение
еще одно

15. что такое интерактивный дизайн
москва, 2015
Дизайнер
дизайн-Объект
Дизайн-объект
Дизайн-мыслитель не фокусируется на
объекте. Он режиссирует сценарий
взаимодействия с будущим объектом.
Опят является целью процесса. Объект
— это инструмент создания опыта.
Люди
На самом деле, дизайн-продукт
начинается здесь.
Опыт
опытный образец
Опыт связывает

16. что такое интерактивный дизайн
москва, 2015
Когда тебе
не все равно
примеров пример
Опыт
Дизайнер
Дизайн-
объект
Идея
KEETRA DEAN DIXON
ANONYMOUS HUGGING, ALASKA, 2008

17. что такое интерактивный дизайн
москва, 2015
надо сказать спасибо
Вот эти вот парни
DAvid kelley
IDEOs founder
Paul bennetТ
Chief Creative Officer

18. что такое интерактивный дизайн
москва, 2015
за что сказать
HUMAN
CENTERED
DESIGN
THINKING

19. что такое интерактивный дизайн
москва, 2015
Эмпатия поиск идея прототип тест презентация
Осознание
вместо
понимания
Представление живых
людей, их стремлений,
проблем, недостатков
Анализ
против
гадания
Исследование темы,
территории
проблем,
контекста
Решения
вместо
самовыражения
Вместо объекта —
опыт. Не помогай себе —
помогай людям. Фокус
наружу. Как можно
больше ошибок!
Сомнения
против
уверенности
Буквальное
прикосновение
к гипотезам любым
доступным образом.
Кинестетическое
общение с мыслями.
Воля против
бессилия
Никогда ничего не
получается сразу.
Ошибки будут всегда.
Это нужно принять
и учитывать заранее.
Придумать,
спеть, убедить
Работа никогда
не будет закончена.
Всегда есть то, что
можно улучшить.
дизайн-мышление

20. что такое интерактивный дизайн
москва, 2015
4 измерения эмпатии
Бизнес
Вы
Человек
Продукт

21. что такое интерактивный дизайн
москва, 2015
Бизнес
Вы
Человек
Продукт
4 измерения эмпатии
Проблемы
Недостатки
желания
Мечты привычки
Потребности
Культура
Чувства
детализация
качество
работоспособность
доступность
масштабируемость понятность
полезность
срок жизни
Целесообразность
Бизнес-задачи
стремления
Слабости награды
бюджет
эффективность
риски
инновационность Простота
потенциал для развития
аналитика
сроки
признание
деньги
саморазвитие
нарцисизм
карьера
смысл

22. что такое интерактивный дизайн
москва, 2015
из чего же сделаны наши коврижки
Четыре
самые важные вещи:
Эмпатия Личный опыт Мотив и отношение Клиент и его задачи

23. что такое интерактивный дизайн
москва, 2015
Глава 5
кто и как
создает интерактивный
проект

24. что такое интерактивный дизайн
москва, 2015
red keds до 2014
Агентство
UX-стратегияСтратегия
Отдел клиентского
сервиса
Креативные
директора
Креативный
отдел
Дизайн-отдел
CG-отдел Отдел разработки
Отдел
продюсирования
Департамент
социальных медиа
Отдел работы
с медиа-площадками
Генеральный дирекор
Исполнительный
директор
PR-отдел
Отдел с собственным директором

25. что такое интерактивный дизайн
москва, 2015
red keds после 2014
Агентство
Стратегия
Арт-директор
Креативные
директора
Департамент
социальных медиа
Генеральный
дирекор
Исполнительный
директор
PR-отдел
UX-стратегия
Продюсер
Аккаунт-
менеджер
Копирайтер
Арт-директор Продюсер
Аккаунт-
менеджер
Копирайтер
Арт-директор Продюсер
Аккаунт-
менеджер
Копирайтер
МенторыМенторы
Иллюстратор
(Скетчист)

26. что такое интерактивный дизайн
москва, 2015
устройство дизайн-отдела
Агентство
Арт-директораАрт-директора
Старший
арт-директор
Иллюстратор
(скетчист)
Дизайн-директор
Проектные арт-
директора ДизайнерыДизайнерыДизайнерыДизайнерыДизайнерыДизайнерыДизайнеры
Моушен-
дизайнер

27. что такое интерактивный дизайн
москва, 2015
Research
red keds до 2014
Из чего сделан
интерактивный проект
UX
Visual
design
Technology Integration

28. что такое интерактивный дизайн
москва, 2015
два класса процессов
Тендер Продакшен

29. что такое интерактивный дизайн
москва, 2015
родной, у нас будет тендер
Кто работает
над производством
тендерного предложения
Арт-директор Дизайнер Копирайтер Продюсер Аккаунт-менеджер
Креативный
директор
Контроль всего
процесса
— деньги
— клиент
— технологии
— сроки
— большая идея
— механики
— контент
— визуальные идеи
— производство
— визуальные идеи
— контроль
Стратег
— исследования
— аналитика

30. что такое интерактивный дизайн
москва, 2015
родной, у нас будет проект
Кто работает
над производством
проекта
Арт-директор Дизайнер Копирайтер Продюсер Аккаунт-менеджер
Креативный
директор
Контроль всего
процесса
— деньги
— клиент
— технологии
— сроки
— большая идея
— механики
— контент
— визуальные идеи
— производство
— визуальные идеи
— контроль
Стратег
— исследования
— аналитика

31. что такое интерактивный дизайн
москва, 2015
Глава 6
дизайн
и его роль
в коммуникации

32. что такое интерактивный дизайн
москва, 2015
если все-таки попробовать
Зачем коммуникации
дизайн?
Красота!

33. что такое интерактивный дизайн
москва, 2015
если все-таки попробовать
Зачем коммуникации
дизайн?
Красота!
Логика? Доступность?
Вменяемость?
Смысл?
Уместность?
Культурный
контекст?
Решение
коммуникационных
задач?
Решение бизнес-
задач?
Выразительность?
Осознанность?
KPI?

34. что такое интерактивный дизайн
москва, 2015
Глава 7
основные
инструменты
визуального диалога

35. что такое интерактивный дизайн
москва, 2015
быстрее! еще быстрее!
Что мы делаем
для тендеров
Идея
— мудборд
— скетч
— референс
Сайт
— структура сайта
— user journey
— скетч сайта
— прототип
Ролик
— сториборд
— референсы
— аниматик
Механика
активации
— мудборд
— user journey
— скетч
— референс
— карта места
Приложение
— структура
— user journey
— скетч приложения
— скетч ситуации
— референс

36. что такое интерактивный дизайн
москва, 2015
быстрее! еще быстрее!
Как подавать идеи:

37. что такое интерактивный дизайн
москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:

38. что такое интерактивный дизайн
москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:

39. что такое интерактивный дизайн
москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:

40. что такое интерактивный дизайн
москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:

41. что такое интерактивный дизайн
москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:

42. что такое интерактивный дизайн
москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:

43. что такое интерактивный дизайн
москва, 2015
вот это уже похоже на правду!
Как подавать идеи:

44. что такое интерактивный дизайн
москва, 2015
перфоманс выразительности
Как подавать идеи:

45. что такое интерактивный дизайн
москва, 2015
потрогать мысль
Прототипы
Не нужна инструкция
Визуальный и невизуальный

46. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Нарисовать на листочке

47. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Склеить слепить

48. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Wireframe

49. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Линейный прототип
Нужна инструкция
Визуальный и невизуальный

50. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Интерактивный
прототип
Не нужна инструкция
Визуальный и невизуальный

51. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Аниматики

52. что такое интерактивный дизайн
москва, 2015
виды прототипирования
Аниматики

53. что такое интерактивный дизайн
москва, 2015
wow wow wow
Что мы делаем, когда
производим проекты
Сайты
и мобильные
приложения
— дизайн-проект
— спецификации
— поддержка
Ролик
— подготовка к
продакшену
— контроль съемок
— контроль
постпродакшена
СММ
— подготовка
комплекта шаблонов
графики
— особенные посты
Other
— хареография
— продуктовый
дизайн
— дизайн одежды
— дизайн роботов
— что угодно
Phygital
— дизайн-проект
software
— дизайн-проект
hardware
— контроль инсталляции
— поддержка

54. что такое интерактивный дизайн
москва, 2015
много, подробно, организованно
Дизайн-проект

55. что такое интерактивный дизайн
москва, 2015
вомбат есть? а если найду?
Спецификации

56. что такое интерактивный дизайн
москва, 2015
7 раз, 49 раз, нет, лучше 116 раз отмерь, потом отрежь
Подготовка к продакшену

57. что такое интерактивный дизайн
москва, 2015
работу нельзя закончить, ее можно только остановить
Поспродакшен

58. что такое интерактивный дизайн
москва, 2015
Глава 8
три
истории

59. что такое интерактивный дизайн
москва, 2015
хороший например
Промосайт
бытовой техники
Panasonic
Breakfast
Collection

60. что такое интерактивный дизайн
москва, 2015
хороший например

61. что такое интерактивный дизайн
москва, 2015
вызов проблема решение успех боль
Создать промо-
сайт для дорогой
бытовой
техники
Привезли новую линейку
бытовой техники,
хотим крутой сайт.
Бытовая
техника
ничем не
отличается
и стоит дорого
Классные
фотографии,
не очень классная
техника, очень
неклассная цена.
Старые истории,
рассказанные
современным
языком
Рассказать о старом
новыми словами.
Все довольны:
клиент,
пользователи,
мы
Клиент получил
пользователей,
пользователи
удовольствие,
а мы опыт.
Когда нечему
сопереживать,
придумать
идею очень
сложно
Очень сложно быть
уверенным в идее,
когда верить нечему.
четыре yeah и одно ouch

62. что такое интерактивный дизайн
москва, 2015
хороший например
Кампания
в поддержку
фильма
«План побега»

63. что такое интерактивный дизайн
москва, 2015
хороший например

64. что такое интерактивный дизайн
москва, 2015
вызов проблема решение успех боль
Поддержать
выход в прокат
фильма с Арни
и Слаем
Мы запускаем фильм
«План побега», давайте
всем расскажем
об этом.
Мало денег,
мало времени
Никаких
приложений, никаких
digital-инсталляций,
никаких роликов,
никаких сложных
сайтов, никаких
звезд, никаких
никаких и
побыстрее.
Посадить
невиновного
человека в клетку
и попросить
помочь
пользователей
помочь ему
выбраться
Сторителлинг,
настольные игры,
текстовые квесты
и немного грима.
#План побега в
топе твитера
и признавшаяся
в любви
заключенному
девушка
Второе важнее первого.
Кампания
к фильму,
которого
вы не видели
Игра в прятки,
закончившаяся
торжественным
побегом.
четыре yeah и одно ouch

65. что такое интерактивный дизайн
москва, 2015
бонустрек
Кампания
для планшетов
Supra

66. что такое интерактивный дизайн
москва, 2015
например

67. что такое интерактивный дизайн
москва, 2015
вызов проблема решение успех боль
Рассказать о том,
что продукты
Supra доступнее,
чем...
Расскажите про
дешевые планшеты
Supra, доступные
технологии и еще про
что-нибудь.
Таблетка от...
от чего эта
таблетка?
Кто вообще в курсе,
что такое Supra
и что у них есть
планшеты?
Найти самую
неожиданную
территорию для
коммуникации
Доступные технологии
буквально всем. Даже
твоей бабушке!
Даже в деревне!
Бренд, который
не побоялся
рассказать
о проблемах
Второе важнее первого.
Обратный
эффект
Непредвиденная
реакция людей.
Обратный эффект.
Вместо «ребята
вообще пацаны» —
«пацаны вообще
хипстеры тупые».
четыре yeah и одно ouch

68. что такое интерактивный дизайн
москва, 2015
Глава 9
попоболь
обеих полушарий

69. что такое интерактивный дизайн
москва, 2015
все думают, что дизайн — это вот это вот

70. что такое интерактивный дизайн
москва, 2015
суровая правда или повторяющееся действие

71. что такое интерактивный дизайн
москва, 2015
классика классовых предрассудков
Дизайнеры — люди.
Клиент — человек.
Разработчик тоже
мечтает, о чем-то.

72. что такое интерактивный дизайн
москва, 2015
самоидентификация
Проект — это не только
исполнители.
Увлеченная и вовлеченная
работа клиента также
важна!

73. что такое интерактивный дизайн
москва, 2015
самоидентификация
Конвенция
или «мопед не мой».
Кто, за что отвечает.
Кто и что умеет.

74. что такое интерактивный дизайн
москва, 2015
самоидентификация
Основа основ —
отношение.
Уважение — это, когда ты
пишешь бриф, с которым
хотел бы работать сам

75. что такое интерактивный дизайн
москва, 2015
Глава 9
вопросы
и ответы!

76. что такое интерактивный дизайн
москва, 2015
коммуникация — такая коммуникация
Спрашивайте!

77. They say that death kills you,
But death doesn't kill you.
Boredom and indifference kill
you.
slide before last one

78. последний слайд
facebook
арсеньев родион
спасибо