View
307
Download
2
Embed Size (px)
Citation preview
Икра 2015
Арсеньев Родион Независимый арт-диреткор и преподаватель
что такое интерактивный дизайн
что такое интерактивный дизайн москва, 2015
Глава 1
добро пожаловать
что такое интерактивный дизайн москва, 2015
разрешите представиться
Арсеньев Родион Независимый арт-директор и преподаватель
что такое интерактивный дизайн москва, 2015
Глава 2
зачем мы собрались
что такое интерактивный дизайн москва, 2015
интерактивный дизайн
Сотрудники, недостатки, проблемы,
Как это происходит?
Как с этим жить
Что это такое?
что такое интерактивный дизайн москва, 2015
Глава 3
графический дизайн vs интерактивный дизайн
что такое интерактивный дизайн москва, 2015
что такое
Графический дизайн
что такое интерактивный дизайн москва, 2015
что такое
Интерактивный дизайн
что такое интерактивный дизайн москва, 2015
добро пожаловать
Графический дизайн
Интерактивный дизайн
VS
что такое интерактивный дизайн москва, 2015
добро пожаловать
Графический дизайн
Интерактивный дизайн
VS
что такое интерактивный дизайн москва, 2015
добро пожаловать
Графический дизайн
Интерактивный дизайн
Звукорежиссура
ДраматургияХареография
UX
Программирование
ПсихологияПсихология
Технологии
Копирайтинг
Анимация
Новые технологии
что такое интерактивный дизайн москва, 2015
Глава 4
генеральные идеи дизайна
что такое интерактивный дизайн москва, 2015
design means you do care
real mofo moto
что такое интерактивный дизайн москва, 2015
польза помощь развлечение вовлечение
еще одно
что такое интерактивный дизайн москва, 2015
Дизайнер
дизайн-Объект
Дизайн-объект
Дизайн-мыслитель не фокусируется на объекте. Он режиссирует сценарий взаимодействия с будущим объектом. Опят является целью процесса. Объект — это инструмент создания опыта.
Люди
На самом деле, дизайн-продукт начинается здесь.
Опыт
опытный образец
Опыт связывает
что такое интерактивный дизайн москва, 2015
Когда тебе не все равно
примеров пример
Опыт
Дизайнер
Дизайн- объект
Идея
KEETRA DEAN DIXON
ANONYMOUS HUGGING, ALASKA, 2008
что такое интерактивный дизайн москва, 2015
надо сказать спасибо
Вот эти вот парни
DAvid kelleyIDEOs founder
Paul bennetТChief Creative Officer
что такое интерактивный дизайн москва, 2015
за что сказать
HUMAN CENTERED
DESIGN THINKING
что такое интерактивный дизайн москва, 2015
Эмпатия поиск идея прототип тест презентация
Осознание вместо понимания
Представление живых людей, их стремлений, проблем, недостатков
Анализ против гадания
Исследование темы, территории проблем, контекста
Решения вместо самовыражения
Вместо объекта — опыт. Не помогай себе — помогай людям. Фокус наружу. Как можно больше ошибок!
Сомнения против уверенности
Буквальное прикосновение к гипотезам любым доступным образом. Кинестетическое общение с мыслями.
Воля против бессилия
Никогда ничего не получается сразу. Ошибки будут всегда. Это нужно принять и учитывать заранее.
Придумать, спеть, убедить
Работа никогда не будет закончена. Всегда есть то, что можно улучшить.
дизайн-мышление
что такое интерактивный дизайн москва, 2015
4 измерения эмпатии
Бизнес
Вы
Человек
Продукт
что такое интерактивный дизайн москва, 2015
Бизнес
Вы
Человек
Продукт4 измерения эмпатии
Проблемы
Недостатки
желания
Мечтыпривычки
Потребности
Культура
Чувства
детализация
качество
работоспособность
доступностьмасштабируемость понятность
полезность
срок жизни Целесообразность
Бизнес-задачи
стремления
Слабости награды
бюджет
эффективность
риски
инновационностьПростота
потенциал для развития
аналитика
сроки
признание
деньги
саморазвитие
нарцисизмкарьера
смысл
что такое интерактивный дизайн москва, 2015
из чего же сделаны наши коврижки
Четыре самые важные вещи:
Эмпатия Личный опыт Мотив и отношение Клиент и его задачи
что такое интерактивный дизайн москва, 2015
Глава 5
кто и как создает интерактивный проект
что такое интерактивный дизайн москва, 2015
red keds до 2014
Агентство
UX-стратегияСтратегия
Отдел клиентского сервиса
Креативные директора
Креативный отдел
Дизайн-отдел
CG-отдел Отдел разработки
Отдел продюсирования
Департамент социальных медиа
Отдел работы с медиа-площадками
Генеральный дирекор
Исполнительный директор
PR-отдел
Отдел с собственным директором
что такое интерактивный дизайн москва, 2015
red keds после 2014
Агентство
Стратегия
Арт-директор
Креативные директора
Департамент социальных медиа
Генеральный дирекор
Исполнительный директор
PR-отдел
UX-стратегия
Продюсер
Аккаунт- менеджер
Копирайтер
Арт-директор Продюсер
Аккаунт- менеджер
Копирайтер
Арт-директор Продюсер
Аккаунт- менеджер
Копирайтер
МенторыМенторы
Иллюстратор (Скетчист)
что такое интерактивный дизайн москва, 2015
устройство дизайн-отдела
Агентство
Арт-директораАрт-директора Старший арт-директор
Иллюстратор (скетчист)
Дизайн-директор
Проектные арт-директора ДизайнерыДизайнерыДизайнерыДизайнерыДизайнерыДизайнерыДизайнеры
Моушен- дизайнер
что такое интерактивный дизайн москва, 2015
Research
red keds до 2014
Из чего сделан интерактивный проект
UXVisual design
Technology Integration
что такое интерактивный дизайн москва, 2015
два класса процессов
Тендер Продакшен
что такое интерактивный дизайн москва, 2015
родной, у нас будет тендер
Кто работает над производством тендерного предложения
Арт-директор Дизайнер Копирайтер Продюсер Аккаунт-менеджерКреативный директор
Контроль всего процесса
— деньги — клиент
— технологии — сроки
— большая идея — механики — контент
— визуальные идеи — производство
— визуальные идеи — контроль
Стратег
— исследования — аналитика
что такое интерактивный дизайн москва, 2015
родной, у нас будет проект
Кто работает над производством проекта
Арт-директор Дизайнер Копирайтер Продюсер Аккаунт-менеджерКреативный директор
Контроль всего процесса
— деньги — клиент
— технологии — сроки
— большая идея — механики — контент
— визуальные идеи — производство
— визуальные идеи — контроль
Стратег
— исследования — аналитика
что такое интерактивный дизайн москва, 2015
Глава 6
дизайн и его роль в коммуникации
что такое интерактивный дизайн москва, 2015
если все-таки попробовать
Зачем коммуникации дизайн?
Красота!
что такое интерактивный дизайн москва, 2015
если все-таки попробовать
Зачем коммуникации дизайн?
Красота!
Логика? Доступность?
Вменяемость?
Смысл?
Уместность?
Культурный контекст?
Решение коммуникационных
задач?
Решение бизнес- задач?
Выразительность?
Осознанность?
KPI?
что такое интерактивный дизайн москва, 2015
Глава 7
основные инструменты визуального диалога
что такое интерактивный дизайн москва, 2015
быстрее! еще быстрее!
Что мы делаем для тендеров
Идея
— мудборд — скетч — референс
Сайт
— структура сайта — user journey — скетч сайта — прототип
Ролик
— сториборд — референсы — аниматик
Механика активации
— мудборд — user journey — скетч — референс — карта места
Приложение
— структура — user journey — скетч приложения — скетч ситуации — референс
что такое интерактивный дизайн москва, 2015
быстрее! еще быстрее!
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
а меня нарисовать сможешь?
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
вот это уже похоже на правду!
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
перфоманс выразительности
Как подавать идеи:
что такое интерактивный дизайн москва, 2015
потрогать мысль
Прототипы
Не нужна инструкция
Визуальный и невизуальный
что такое интерактивный дизайн москва, 2015
виды прототипирования
Нарисовать на листочке
что такое интерактивный дизайн москва, 2015
виды прототипирования
Склеить слепить
что такое интерактивный дизайн москва, 2015
виды прототипирования
Wireframe
что такое интерактивный дизайн москва, 2015
виды прототипирования
Линейный прототип
Нужна инструкция
Визуальный и невизуальный
что такое интерактивный дизайн москва, 2015
виды прототипирования
Интерактивный прототип
Не нужна инструкция
Визуальный и невизуальный
что такое интерактивный дизайн москва, 2015
виды прототипирования
Аниматики
что такое интерактивный дизайн москва, 2015
виды прототипирования
Аниматики
что такое интерактивный дизайн москва, 2015
wow wow wow
Что мы делаем, когда производим проекты
Сайты и мобильные приложения
— дизайн-проект — спецификации — поддержка
Ролик
— подготовка к продакшену — контроль съемок — контроль постпродакшена
СММ
— подготовка комплекта шаблонов графики — особенные посты
Other
— хареография — продуктовый дизайн — дизайн одежды — дизайн роботов — что угодно
Phygital
— дизайн-проект software — дизайн-проект hardware — контроль инсталляции — поддержка
что такое интерактивный дизайн москва, 2015
много, подробно, организованно
Дизайн-проект
что такое интерактивный дизайн москва, 2015
вомбат есть? а если найду?
Спецификации
что такое интерактивный дизайн москва, 2015
7 раз, 49 раз, нет, лучше 116 раз отмерь, потом отрежь
Подготовка к продакшену
что такое интерактивный дизайн москва, 2015
работу нельзя закончить, ее можно только остановить
Поспродакшен
что такое интерактивный дизайн москва, 2015
Глава 8
три истории
что такое интерактивный дизайн москва, 2015
хороший например
Промосайт бытовой техники Panasonic Breakfast Collection
что такое интерактивный дизайн москва, 2015
вызов проблема решение успех боль
Создать промо-сайт для дорогой бытовой техники
Привезли новую линейку бытовой техники, хотим крутой сайт.
Бытовая техника ничем не отличается и стоит дорого
Классные фотографии, не очень классная техника, очень неклассная цена.
Старые истории, рассказанные современным языком
Рассказать о старом новыми словами.
Все довольны: клиент, пользователи, мы
Клиент получил пользователей, пользователи удовольствие, а мы опыт.
Когда нечему сопереживать, придумать идею очень сложно
Очень сложно быть уверенным в идее, когда верить нечему.
четыре yeah и одно ouch
что такое интерактивный дизайн москва, 2015
хороший например
Кампания в поддержку фильма «План побега»
что такое интерактивный дизайн москва, 2015
хороший например
что такое интерактивный дизайн москва, 2015
вызов проблема решение успех боль
Поддержать выход в прокат фильма с Арни и Слаем
Мы запускаем фильм «План побега», давайте всем расскажем об этом.
Мало денег, мало времени
Никаких приложений, никаких digital-инсталляций, никаких роликов, никаких сложных сайтов, никаких звезд, никаких никаких и побыстрее.
Посадить невиновного человека в клетку и попросить помочь пользователей помочь ему выбраться
Сторителлинг, настольные игры, текстовые квесты и немного грима.
#План побега в топе твитера и признавшаяся в любви заключенному девушка
Второе важнее первого.
Кампания к фильму, которого вы не видели Игра в прятки, закончившаяся торжественным побегом.
четыре yeah и одно ouch
что такое интерактивный дизайн москва, 2015
бонустрек
Кампания для планшетов Supra
что такое интерактивный дизайн москва, 2015
например
что такое интерактивный дизайн москва, 2015
вызов проблема решение успех боль
Рассказать о том, что продукты Supra доступнее, чем...
Расскажите про дешевые планшеты Supra, доступные технологии и еще про что-нибудь.
Таблетка от... от чего эта таблетка?
Кто вообще в курсе, что такое Supra и что у них есть планшеты?
Найти самую неожиданную территорию для коммуникации
Доступные технологии буквально всем. Даже твоей бабушке! Даже в деревне!
Бренд, который не побоялся рассказать о проблемах
Второе важнее первого.
Обратный эффект Непредвиденная реакция людей. Обратный эффект. Вместо «ребята вообще пацаны» — «пацаны вообще хипстеры тупые».
четыре yeah и одно ouch
что такое интерактивный дизайн москва, 2015
Глава 9
попоболь обеих полушарий
что такое интерактивный дизайн москва, 2015
все думают, что дизайн — это вот это вот
что такое интерактивный дизайн москва, 2015
суровая правда или повторяющееся действие
что такое интерактивный дизайн москва, 2015
классика классовых предрассудков
Дизайнеры — люди. Клиент — человек. Разработчик тоже мечтает, о чем-то.
что такое интерактивный дизайн москва, 2015
самоидентификация
Проект — это не только исполнители. Увлеченная и вовлеченная работа клиента также важна!
что такое интерактивный дизайн москва, 2015
самоидентификация
Конвенция или «мопед не мой». Кто, за что отвечает. Кто и что умеет.
что такое интерактивный дизайн москва, 2015
самоидентификация
Основа основ — отношение. Уважение — это, когда ты пишешь бриф, с которым хотел бы работать сам
что такое интерактивный дизайн москва, 2015
Глава 9
вопросы и ответы!
что такое интерактивный дизайн москва, 2015
коммуникация — такая коммуникация
Спрашивайте!
They say that death kills you, But death doesn't kill you. Boredom and indifference kill you.
slide before last one