Реальный дизайн для нереального мира. Презентация...

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

    17-Jul-2015
  • Category

    Design

  • view

    314
  • download

    2

Transcript of Реальный дизайн для нереального мира. Презентация...

Page 1: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

Икра 2015

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

что такое интерактивный дизайн

Page 2: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 1

добро пожаловать

Page 3: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

разрешите представиться

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

Page 4: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 2

зачем мы собрались

Page 5: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

интерактивный дизайн

Сотрудники, недостатки, проблемы,

Как это происходит?

Как с этим жить

Что это такое?

Page 6: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 3

графический дизайн vs интерактивный дизайн

Page 7: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

что такое

Графический дизайн

Page 8: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

что такое

Интерактивный дизайн

Page 9: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

добро пожаловать

Графический дизайн

Интерактивный дизайн

VS

Page 10: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

добро пожаловать

Графический дизайн

Интерактивный дизайн

VS

Page 11: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

добро пожаловать

Графический дизайн

Интерактивный дизайн

Звукорежиссура

ДраматургияХареография

UX

Программирование

ПсихологияПсихология

Технологии

Копирайтинг

Анимация

Новые технологии

Page 12: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 4

генеральные идеи дизайна

Page 13: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

design means you do care

real mofo moto

Page 14: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

польза помощь развлечение вовлечение

еще одно

Page 15: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Дизайнер

дизайн-Объект

Дизайн-объект

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

Люди

На самом деле, дизайн-продукт начинается здесь.

Опыт

опытный образец

Опыт связывает

Page 16: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Когда тебе не все равно

примеров пример

Опыт

Дизайнер

Дизайн- объект

Идея

KEETRA DEAN DIXON

ANONYMOUS HUGGING, ALASKA, 2008

Page 17: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

надо сказать спасибо

Вот эти вот парни

DAvid kelleyIDEOs founder

Paul bennetТChief Creative Officer

Page 18: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

за что сказать

HUMAN CENTERED

DESIGN THINKING

Page 19: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Эмпатия поиск идея прототип тест презентация

Осознание вместо понимания

Представление живых людей, их стремлений, проблем, недостатков

Анализ против гадания

Исследование темы, территории проблем, контекста

Решения вместо самовыражения

Вместо объекта — опыт. Не помогай себе — помогай людям. Фокус наружу. Как можно больше ошибок!

Сомнения против уверенности

Буквальное прикосновение к гипотезам любым доступным образом. Кинестетическое общение с мыслями.

Воля против бессилия

Никогда ничего не получается сразу. Ошибки будут всегда. Это нужно принять и учитывать заранее.

Придумать, спеть, убедить

Работа никогда не будет закончена. Всегда есть то, что можно улучшить.

дизайн-мышление

Page 20: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

4 измерения эмпатии

Бизнес

Вы

Человек

Продукт

Page 21: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Бизнес

Вы

Человек

Продукт4 измерения эмпатии

Проблемы

Недостатки

желания

Мечтыпривычки

Потребности

Культура

Чувства

детализация

качество

работоспособность

доступностьмасштабируемость понятность

полезность

срок жизни Целесообразность

Бизнес-задачи

стремления

Слабости награды

бюджет

эффективность

риски

инновационностьПростота

потенциал для развития

аналитика

сроки

признание

деньги

саморазвитие

нарцисизмкарьера

смысл

Page 22: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

из чего же сделаны наши коврижки

Четыре самые важные вещи:

Эмпатия Личный опыт Мотив и отношение Клиент и его задачи

Page 23: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 5

кто и как создает интерактивный проект

Page 24: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

red keds до 2014

Агентство

UX-стратегияСтратегия

Отдел клиентского сервиса

Креативные директора

Креативный отдел

Дизайн-отдел

CG-отдел Отдел разработки

Отдел продюсирования

Департамент социальных медиа

Отдел работы с медиа-площадками

Генеральный дирекор

Исполнительный директор

PR-отдел

Отдел с собственным директором

Page 25: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

red keds после 2014

Агентство

Стратегия

Арт-директор

Креативные директора

Департамент социальных медиа

Генеральный дирекор

Исполнительный директор

PR-отдел

UX-стратегия

Продюсер

Аккаунт- менеджер

Копирайтер

Арт-директор Продюсер

Аккаунт- менеджер

Копирайтер

Арт-директор Продюсер

Аккаунт- менеджер

Копирайтер

МенторыМенторы

Иллюстратор (Скетчист)

Page 26: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

устройство дизайн-отдела

Агентство

Арт-директораАрт-директора Старший арт-директор

Иллюстратор (скетчист)

Дизайн-директор

Проектные арт-директора ДизайнерыДизайнерыДизайнерыДизайнерыДизайнерыДизайнерыДизайнеры

Моушен- дизайнер

Page 27: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Research

red keds до 2014

Из чего сделан интерактивный проект

UXVisual design

Technology Integration

Page 28: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

два класса процессов

Тендер Продакшен

Page 29: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

родной, у нас будет тендер

Кто работает над производством тендерного предложения

Арт-директор Дизайнер Копирайтер Продюсер Аккаунт-менеджерКреативный директор

Контроль всего процесса

— деньги — клиент

— технологии — сроки

— большая идея — механики — контент

— визуальные идеи — производство

— визуальные идеи — контроль

Стратег

— исследования — аналитика

Page 30: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

родной, у нас будет проект

Кто работает над производством проекта

Арт-директор Дизайнер Копирайтер Продюсер Аккаунт-менеджерКреативный директор

Контроль всего процесса

— деньги — клиент

— технологии — сроки

— большая идея — механики — контент

— визуальные идеи — производство

— визуальные идеи — контроль

Стратег

— исследования — аналитика

Page 31: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 6

дизайн и его роль в коммуникации

Page 32: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

если все-таки попробовать

Зачем коммуникации дизайн?

Красота!

Page 33: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

если все-таки попробовать

Зачем коммуникации дизайн?

Красота!

Логика? Доступность?

Вменяемость?

Смысл?

Уместность?

Культурный контекст?

Решение коммуникационных

задач?

Решение бизнес- задач?

Выразительность?

Осознанность?

KPI?

Page 34: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 7

основные инструменты визуального диалога

Page 35: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

быстрее! еще быстрее!

Что мы делаем для тендеров

Идея

— мудборд — скетч — референс

Сайт

— структура сайта — user journey — скетч сайта — прототип

Ролик

— сториборд — референсы — аниматик

Механика активации

— мудборд — user journey — скетч — референс — карта места

Приложение

— структура — user journey — скетч приложения — скетч ситуации — референс

Page 36: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

быстрее! еще быстрее!

Как подавать идеи:

Page 37: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

а меня нарисовать сможешь?

Как подавать идеи:

Page 38: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

а меня нарисовать сможешь?

Как подавать идеи:

Page 39: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

а меня нарисовать сможешь?

Как подавать идеи:

Page 40: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

а меня нарисовать сможешь?

Как подавать идеи:

Page 41: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

а меня нарисовать сможешь?

Как подавать идеи:

Page 42: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

а меня нарисовать сможешь?

Как подавать идеи:

Page 43: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

вот это уже похоже на правду!

Как подавать идеи:

Page 44: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

перфоманс выразительности

Как подавать идеи:

Page 45: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

потрогать мысль

Прототипы

Не нужна инструкция

Визуальный и невизуальный

Page 46: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Нарисовать на листочке

Page 47: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Склеить слепить

Page 48: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Wireframe

Page 49: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Линейный прототип

Нужна инструкция

Визуальный и невизуальный

Page 50: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Интерактивный прототип

Не нужна инструкция

Визуальный и невизуальный

Page 51: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Аниматики

Page 52: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

виды прототипирования

Аниматики

Page 53: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

wow wow wow

Что мы делаем, когда производим проекты

Сайты и мобильные приложения

— дизайн-проект — спецификации — поддержка

Ролик

— подготовка к продакшену — контроль съемок — контроль постпродакшена

СММ

— подготовка комплекта шаблонов графики — особенные посты

Other

— хареография — продуктовый дизайн — дизайн одежды — дизайн роботов — что угодно

Phygital

— дизайн-проект software — дизайн-проект hardware — контроль инсталляции — поддержка

Page 54: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

много, подробно, организованно

Дизайн-проект

Page 55: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

вомбат есть? а если найду?

Спецификации

Page 56: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

7 раз, 49 раз, нет, лучше 116 раз отмерь, потом отрежь

Подготовка к продакшену

Page 57: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

работу нельзя закончить, ее можно только остановить

Поспродакшен

Page 58: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 8

три истории

Page 59: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

хороший например

Промосайт бытовой техники Panasonic Breakfast Collection

Page 60: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

хороший например

Page 61: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

вызов проблема решение успех боль

Создать промо-сайт для дорогой бытовой техники

Привезли новую линейку бытовой техники, хотим крутой сайт.

Бытовая техника ничем не отличается и стоит дорого

Классные фотографии, не очень классная техника, очень неклассная цена.

Старые истории, рассказанные современным языком

Рассказать о старом новыми словами.

Все довольны: клиент, пользователи, мы

Клиент получил пользователей, пользователи удовольствие, а мы опыт.

Когда нечему сопереживать, придумать идею очень сложно

Очень сложно быть уверенным в идее, когда верить нечему.

четыре yeah и одно ouch

Page 62: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

хороший например

Кампания в поддержку фильма «План побега»

Page 63: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

хороший например

Page 64: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

вызов проблема решение успех боль

Поддержать выход в прокат фильма с Арни и Слаем

Мы запускаем фильм «План побега», давайте всем расскажем об этом.

Мало денег, мало времени

Никаких приложений, никаких digital-инсталляций, никаких роликов, никаких сложных сайтов, никаких звезд, никаких никаких и побыстрее.

Посадить невиновного человека в клетку и попросить помочь пользователей помочь ему выбраться

Сторителлинг, настольные игры, текстовые квесты и немного грима.

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

Второе важнее первого.

Кампания к фильму, которого вы не видели Игра в прятки, закончившаяся торжественным побегом.

четыре yeah и одно ouch

Page 65: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

бонустрек

Кампания для планшетов Supra

Page 66: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

например

Page 67: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

вызов проблема решение успех боль

Рассказать о том, что продукты Supra доступнее, чем...

Расскажите про дешевые планшеты Supra, доступные технологии и еще про что-нибудь.

Таблетка от... от чего эта таблетка?

Кто вообще в курсе, что такое Supra и что у них есть планшеты?

Найти самую неожиданную территорию для коммуникации

Доступные технологии буквально всем. Даже твоей бабушке! Даже в деревне!

Бренд, который не побоялся рассказать о проблемах

Второе важнее первого.

Обратный эффект Непредвиденная реакция людей. Обратный эффект. Вместо «ребята вообще пацаны» — «пацаны вообще хипстеры тупые».

четыре yeah и одно ouch

Page 68: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 9

попоболь обеих полушарий

Page 69: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

все думают, что дизайн — это вот это вот

Page 70: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

суровая правда или повторяющееся действие

Page 71: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

классика классовых предрассудков

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

Page 72: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

самоидентификация

Проект — это не только исполнители. Увлеченная и вовлеченная работа клиента также важна!

Page 73: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

самоидентификация

Конвенция или «мопед не мой». Кто, за что отвечает. Кто и что умеет.

Page 74: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

самоидентификация

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

Page 75: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

Глава 9

вопросы и ответы!

Page 76: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

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

коммуникация — такая коммуникация

Спрашивайте!

Page 77: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

They say that death kills you, But death doesn't kill you. Boredom and indifference kill you.

slide before last one

Page 78: Реальный дизайн для нереального мира. Презентация Родиона Арсеньева

последний слайд

facebook арсеньев родион

спасибо