Фрагмент семинара «Интерактивные механики которые...

230
Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Upload: dmitry-karpov

Post on 11-Nov-2014

17.551 views

Category:

Design


1 download

DESCRIPTION

Слайды дополняющие занятия с участниками семинаров по интерактивным коммуникациям, разбор популярных механик, активаций и процессов организации работ над интерактивным проектом. Серии практических заданий на творческое воображение и развитие интерактивных сценариев. Ментальные практики, анализ материалов и процесс R&D. Семинары проходили в Москве, Санкт-Петербурге, Киеве.

TRANSCRIPT

Page 1: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Page 2: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 3: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Page 4: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Фрагмент материалов семинара, без включенных

демонстраций и видео. Сокращенная версия.

Page 5: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Page 6: Фрагмент семинара «Интерактивные механики которые работают»

Десяток интерактивных механик, которые работают

Что такое профессия в digital?

Page 7: Фрагмент семинара «Интерактивные механики которые работают»

Десяток интерактивных механик, которые работают

Дизайн это только малая часть коммуникаций, как

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

Page 8: Фрагмент семинара «Интерактивные механики которые работают»

Десяток интерактивных механик, которые работают

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

в digital?

Page 9: Фрагмент семинара «Интерактивные механики которые работают»

Десяток интерактивных механик, которые работают

Вы действительно считаете, что digital это

эффективное пространство для

рекламы?

Page 10: Фрагмент семинара «Интерактивные механики которые работают»

Десяток интерактивных механик, которые работают

Digital — взаимная связь. Двухсторонняя связь дает возможность получение мнений, обратной связи с

людьми, вовлечение дает лучшее запоминание и лучше строит

эмоциональные преимущества бренда, низкий барьер для старта кампании

(особенно, сравнивая с ТВ), возможность зацепить аудиторию light

TV viewers (молодая аудитория, которая не смотрит ТВ)

Page 11: Фрагмент семинара «Интерактивные механики которые работают»

Десяток интерактивных механик, которые работают

Людям не нужна реклама в digital, они в интернет по другим причинам,

с другими ожиданиями и им не до вашей кампании.

Вот правда. Желание вас послать на ... с вашей ...... рекламой всегда выше, чем любой «мотив потребления».

Page 12: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

ИНТЕРАКТИВНОЗНАЧИТ ВЗАИМНО

Page 13: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 14: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Что дает анализ и синтез интерактивной механики?

Page 15: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Начнем с простого. Без конверсии и KPI.

Page 16: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Свяжите интерактивно бренд одежды и классическое искусство с потребителями и их мобильниками.

Page 17: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Придумайте сервис, приложение или сайт про молочный продукт или свойство молока.

Page 18: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Придумайте интерактивный сервис для страхования жизни в путешествии, задача в повышении лояльности/ доверия существующих клиентов.

Page 19: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Детское интерактивное приложение о животных для бренда детского питания. Без материальной монетизации.

Page 20: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Интерактивный объект активируется двумя кнопками и публикует на страницу социальной сети результат. Придумайте смешное взаимодействие. Любое. Смешное.

Page 21: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

«Понимаете, развитость — это прежде всего попытка найти свой собственный вариант решения проблемы или ответа на вопрос. А во-вторых, это способность немедленно от своего варианта отказаться и придумать новый — то есть свобода».

~Александр Пятигорский

Page 22: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

ПРОЦЕСС R&DИсследование. Первичные данные.Анализ информации.Генерация идей.

Page 23: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Изучение материала и анализ задачи и перспектив решения

Page 24: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

http://www.helloerik.com/treatise-on-user-experience-design-part-1

Page 25: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

http://www.fitch.com/

PhysicalA structure that can be visited, be it a traditionalshop, a pop-up store or something more nomadic.

HumanThe dynamic interaction that only real people canprovide, whether it is face-to-face, over the phone or through digital tools like instant messaging. We include interactions between retail employees and customers, but also between customers and any other peer involved in the decision-making or support process.

DigitalTechnology tools to help shopping includingbroadcast, interactive and personal devices.

Page 26: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&D

Page 27: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DConsumer culture

UserLovableness

Tech

Page 28: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DКультура потребления

ПользовательВлюбительность

Технология

Page 29: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DКультура потребленияПользовательВлюбительностьТехнология

Page 30: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DКультура потребленияКак попупают? Кто пользуется? Кто покупает? Процесс употребления. Традиции использования. Привычные стереотипы. Стандарты и критерии качества. Товары заменители? Ситуации и сезонное потребление. Привычные интерактивные модели. Сопутствующие товары. Примеры потребления в сюжетах из произведений искусства, аналоги, символы.

Page 31: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DПользовательКакие возможны типы пользователей? Новички, опытные, фанаты, случайные. Какие у них возможны сценарии приобретения и потребления, интерактивные сценарии, привычки. Потребности, мотивы и побудительные ситуации. Отзывы о продукте. Что не нравится в товаре или услуге? Кто приобретает конкурентные продукты и почему?

Page 32: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DВлюбительностьЧто люди любят? Что ценят? Что вызывает радость, развлекает и вызывает привязанность? За что любят конкретный продукт, сервис, бренд? Что мешает продукту, чтобы его любили и эмоционально привязывались? Насколько возможно решить задачу, используя ситуации и контекст, который люди любят вне буквальной связи с брендом.

Page 33: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

CULT R&DTechКакие технологии доступны? Какие надежно реализуемы в данный срок? Какие экономически выгодны? Какие технологии возможно использовать в онлайн, а какие в физическом мире? Анализ возможного применения новинок. Выявление недостатков каждой из возможных технологий.

Page 34: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

ПАУЗА

Page 35: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Процесс разработки. Ментальные практики проектирования взаимодействий.

Page 36: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Процесс дизайна

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

Page 37: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Процесс дизайна

Page 38: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

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

http://chiragchamoli.com/post/62420603342/experience-mapping

Page 39: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Процесс работы зарубежных коллег в digital

http://www.blitzagency.com/our-expertise/#what-we-do

Page 40: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Процесс работы зарубежных коллег в digital

http://www.blitzagency.com/our-expertise/#what-we-do

Page 41: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Опишите все возможные контактные точки человека в интерактивной цифровой среде за сутки. Когда возможен контакт? Какие гаджеты, какие устройства и ресурсы?

Page 42: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Знакомство с интерактивными коммуникациями.

Пара. Минута на рассказ о соседе. Оригинальные обнимашки. Instagram/Vine

Page 43: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Знакомство с интерактивными коммуникациями.

Виды эмоций. Удивление. Страх. Восторг. Семь фото с хештегом #ikractopus

Page 44: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Знакомство с интерактивными коммуникациями.

Ваш сосед публикует у себя на странице, краткий рассказ о ваших трех лучших качествах. Одном отвратительном недостатке. Указывает ваше имя. Twitter / FB / VK

Page 45: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Знакомство с интерактивными коммуникациями.

Задача упасть на красный пуфик так, чтобы у соседа получилось смешное фото. #ikractopus

Page 46: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Знакомство с интерактивными коммуникациями.

Сфотографируйте руки соседа так, чтобы всем зрителям показалось неприличное, порнографичное. #ikractopus

Page 47: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Знакомство с интерактивными коммуникациями.

У вас ровно 7 минут найти вокруг кота и его сфотографировать. Не используя интернет. Изобразить. Приманить. #ikractopus #ikraspb

Page 48: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Page 49: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Типы интерактивных механик в коммуникационной системе

новационные — сообщающие новые сведенияориентационные — помогающие ориентироваться в жизни, ценностях и информации;стимуляционные — актуализирующие мотивации

Page 50: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ИНТЕРАКТИВНЫЕМЕХАНИКИсценарии, форматы, технологии взаимодействия с человеком

Page 51: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКАзадача+анализ+стратегия+сценарии

+вовлечение+технология+новый опыт+эмоция+действие+статистика=

решение

Page 52: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работаютМЕХАНИКА №0 /сайт > камера

действие > камера> эмоция > интерпретация данных > конверсия

Page 53: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Стандартные элементы интерфейса

МЕХАНИКА №0 /сайт > камера

Page 54: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №1 / поставь себя на место

Page 55: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №1 / поставь себя на место

Page 56: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №1 / поставь себя на место

Page 57: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №2 / Тест-Драйв

действие > эмоция > интерпретация данных > конверсия

Page 58: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №2 / Тест-Драйв

http://slk.mercedes-benz.com/

Page 59: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №2 / Тест-Драйв

Page 60: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №3 / QR код

мотив > действие > интерпретация данных > конверсия

Page 61: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №3 / QR код

http://youtu.be/h7HnR02kJxY

Page 62: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №3.1 / AR/QR

http://youtu.be/f3qv2dSXQXk

Page 63: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №4 / YOUTUBE / VIRAL

постановка + опыт + медиа

Page 64: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №4 / YOUTUBE / VIRAL

http://youtu.be/VlOxlSOr3_M

постановка + опыт + медиа

Page 65: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №4 / YOUTUBE / VIRAL

Page 66: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №4.01 / YOUTUBE VIRAL

Page 67: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №4.01 / YOUTUBE VIRAL

Page 68: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МАТРИЦА ВИРАЛЬНОСТИ

Эмоциональный контекст Присутствие бренда

Разрыв шаблона

Реалистичная эстетика

Актуализация 30-120 секунд

Генерация ХоливараХоливар (от англ. holy war, священная война, алсо, религиозные войны) — общее название споров между людьми, являющимися приверженцами диаметрально противоположных мнений, которые они не желают менять. Такой спор принципиально бессмыслен, так как ни один из участников дискуссии не собирается выслушивать и обдумывать доводы своего оппонента, а стремится максимально красиво выглядеть в глазах зрителей.

Эффект эмпатииЭффект незавершенного действия (эффект Зейгарник) — явление, характеризующее влияние на процессы памяти перерывов в деятельности.

Page 69: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №5 / YOUTUBE FULL PAGE

неожиданность + интерфейс + эмоция

Page 70: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №5 / YOUTUBE FULL PAGE

Люди с удовольствием делятся с другими пользователями хорошей интерактивной шуткой, неожиданный сценарий не оставляет равнодушным, но главное правильно интегрировать психологическое присутствие бренда

Page 71: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №5 / YOUTUBE FULL PAGE

http://youtu.be/4ba1BqJ4S2M

Page 72: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №6 / YT интерактив

http://www.youtube.com/watch?v=1HIGCgpHYB4&feature=share&list=PL8XK4U7E_bmMDNnwGMe2yAVx6YgSA3coq

действие > эмоция > время контакта > конверсия

Page 73: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №6 / YT интерактив

http://www.youtube.com/watch?v=1HIGCgpHYB4&feature=share&list=PL8XK4U7E_bmMDNnwGMe2yAVx6YgSA3coq

Page 74: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №7 / Опрос-тест

Page 75: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №7.1 / Медиа рейтинг

действие > эмоция > мотив саморазвития > конверсия

Page 76: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №7.1 / Медиа рейтинг

http://w-o-s.ru/article/4465

Page 77: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №8 / Бренд-апп

3ППольза > Пользователь > Промо

Page 78: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №8 / Бренд-апп

Page 79: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №8 / Бренд-апп

https://itunes.apple.com/us/app/uniqlo-recipe/id711923885?mt=8

Page 80: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №8 / Бренд-апп

Page 81: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9 / Бренд-игра

действие > эмоция > ценности бренда > конверсия

Page 82: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9 / Бренд-игра

Page 83: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9 / Бренд-игра

Page 85: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9 / Фотобудка

мотив > действие > эмоция > технология > конверсия

Page 86: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9 / Фотобудка

Page 87: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9.1 / Augmented reality

действие > эмоция > интерпретация данных > конверсия

Page 88: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9.1 / Augmented reality

Page 89: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9.2 / Мимический DOOH

http://youtu.be/Iu6HyZt0ll4

действие > эмоция > интерпретация данных > конверсия

Page 90: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №9.2 / Мимический DOOH

http://youtu.be/Iu6HyZt0ll4

Page 91: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Механика 12 похожа, но реализуется дома, индивидуально, активность проходит у экрана монитора или гаджета. Мимическая интерпретация в интерактивный сценарий достаточно надежна, технологична и практически всегда обеспечивает позитивные эмоции и хорошую статистику.

Page 92: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №10 / RFID

ближней идентификации (считывание производится на расстоянии до 20 см);идентификации средней дальности (от 20 см до 5 м);

Page 93: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №10 / RFID

1. Промышленность2. Транспортная и складская логистика3. Системы контроля и управления доступом4. Медицина — мониторинг состояния пациентов, наблюдение 5. за перемещением по зданию больницы.6. Библиотеки — станции автоматической книговыдачи, быстрая

инвентаризация.7. Паспорта8. Транспортные платежи9. Дистанционное управление10. Опознавание животных11. Сельское хозяйство12. Человеческие имплантаты13. Система управления багажом14. Система Локализации Объектов в реальном режиме времени

Page 94: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №10 / RFID

Page 95: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №10 / RFID

Page 96: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №10 / RFID

Page 97: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11 / digital интерактив > реальность

Page 98: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11 / APP > реальность

Page 99: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11 / APP > реальность

Page 100: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11.01 / интерактивная витрина

Page 101: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11.01 / интерактивная витрина

Page 102: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11 / APP > реальность

http://vwbugrun.com/

Page 103: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11 / APP > реальность

Обратите внимание сколько визуальных элементов брендирования и идентификации

Page 104: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №11 / APP > реальность

Page 105: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №12 / глаза, улыбка

действие > эмоция > интерпретация данных > конверсия

Page 106: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №12 / голова

Page 107: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №13 / генеративная 3D печать

действие > эмоция > охват > селекция > конверсия

Page 108: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №13 / генеративная 3D печать

Page 109: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №13 / генеративная 3D печать

Page 110: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №14 / Скрооол

форм фактор > действие > интерпретация данных > конверсия

Page 111: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №14 / Скроооооооооол

Page 112: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №14 / Скроооооооооол

http://booking.com/haunted/

Page 113: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №15 / Второй экран

действие > эмоция > контекст > конверсия

Page 114: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №15 / Второй экран

Page 115: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Проект реализуется с привлечением сообществ и пользователей социальных сетей, данные посещений и участия интерпретируются как взаимодействие с физическим объектом

МЕХАНИКА №16 / Соучастие в произведении (онлайн/офлайн)

Page 116: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №16 / Соучастие в произведении (онлайн/офлайн)

Page 117: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №16 / Соучастие в произведении (онлайн/офлайн)

Page 118: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №17 / Pinterest promo

http://www.uniqlo.com/us/lifetools/hairdo/

Page 119: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №17 / Pinterest promo

Page 120: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №18 / Twit—контекст®

действие > эмоция > оперативность > охват > конверсия

Page 121: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №18 / Twit—контекст®

Page 122: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №18 / Twit—контекст®

Page 123: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №19 / Наблюдатель эксперимента

действие > эмоция > ценности бренда > охват > конверсия

Page 124: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №19 / Наблюдатель эксперимента

http://amphibiox.geox.com/amphibiox2013/en_GB/home

Page 125: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №19 / Наблюдатель эксперимента

http://amphibiox.geox.com/amphibiox2013/en_GB/home

Page 126: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №19 / Наблюдатель эксперимента

Advertising Agency: Forsman Bodenfors, SwedenDirector: Henry Alex RubinProducer: Ray LeakeyProduction company: SmugglerPost production: The MillSound design: 750Music: Wooly Bully by Sam The Sham & PharaohsPrecision driver: Rob HuntStunt Coordinator: Lee Sheward

Page 127: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №20 / Кино-Vine

действие > эмоция > формат > конверсия

Page 128: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №20 / Кино-Vine

Page 129: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №20 / Кино-Vine

Page 130: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

МЕХАНИКА №20 / Кино-Vine

http://www.vtune.tv/intro.html

Page 131: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Page 132: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Интерактивные коммуникации без digital

Page 133: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ИНТЕРАКТИВНЫЕКОММУНИКАЦИИв пространстве, вне привычной цифровой среды и с использованием цифровых каналов, как тенденция развития технологий и методов вовлечения пользователя на территорию бренда

Page 134: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOH networks increase specific product purchases by 36.5%.DOOH networks increase interest in advertised products by 31%.33% of consumers stop to view content on DOOH networks.

DOOH

Page 135: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Интерактивные объекты. Взаимодействие с физической реальностью средствами цифровой среды или зафиксированные как событие.

DOOH

Page 136: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOH

http://www.thefuntheory.com

Page 137: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOH

http://www.thefuntheory.com

Page 138: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOH

http://www.thefuntheory.com

Page 139: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOH

vending machine

Page 140: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOHhttp://youtu.be/HOTQ8z0fQHo

Page 141: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

DOOH

Page 142: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Масштабные R&D DOOH которые еще не применялись в рекламе

Page 143: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

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

Page 144: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

YOUTUBE/VIMEO https://vimeo.com/47875656

Page 145: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Потребность• Физиологические: голод, жажда, половое влечение и т. д

• Потребность в безопасности: чувство уверенности, избавление от страха и неудач

• Потребность в принадлежности и любви

• Потребность в уважении: достижение успеха, одобрение, признание

• Познавательные потребности: знать, уметь, исследовать

• Эстетические потребности: гармония, порядок, красота

• Потребность в самоактуализации: реализация своих целей, способностей, развитие

собственной личности

Page 146: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

ПОТРЕБНОСТЬ И МОТИВ

Page 147: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ПотребностьМотивжажда — это потребность, вода — это мотив, а бутылка с водой, к которой человек тянется — это цель

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

Page 148: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

ПОТРЕБНОСТЬ И МОТИВ

Page 149: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Потребность• Физиологические: голод, жажда, половое влечение и т. д

• Потребность в безопасности: чувство уверенности, избавление от страха и неудач

• Потребность в принадлежности и любви

• Потребность в уважении: достижение успеха, одобрение, признание

• Познавательные потребности: знать, уметь, исследовать

• Эстетические потребности: гармония, порядок, красота

• Потребность в самоактуализации: реализация своих целей, способностей, развитие

собственной личности

Page 150: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

ПАУЗА

Script, direction: Andreas HykadeDesign, animation: Andreas HykadeAnimation assistance: Angela SteffenArt work: Natalia EckCompositing: Christof HoffmannSound, Music: Heiko MaileFunding: MFG and FFAProduction assistance: Simone FischerProduction: Thomas Meyer-HermannStudio FILM BILDER 2010

Page 151: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

МЕНТАЛЬНЫЕ КАРТЫуправляемое проектное мышление

Page 152: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Практическое задание

Page 153: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Метод кругов

Page 154: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

СБОР И АНАЛИЗИНФОРМАЦИИдля синтеза убедительных и разнообразных креативных концепций

Page 155: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Геймификационный принцип

Page 156: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде — α». 2013г

Методикапоиска и развития идей

Практическое руководство для digital арт-директора

технология

портрет потребителя

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

бизнес задача

задача пользователя

инсайт потребителя

возможные данные

группа влияния

прототип / тест

сессия первых идей

анализ аналогов

сверка решения с задачами брифа

продукт, услуга

основной мотив использования

Page 157: Фрагмент семинара «Интерактивные механики которые работают»

атрибуты

визуальные атрибуты коммуникации

мотивы

культурный архетип

выгоды / RTB /персоны

Print

Ambient

Outdoor

TV

DMail

OnlineWebMobile

VideoSMM

media mix

интегрированная кампания

креативная концепция

цели и задачи клиента

цели и задачи потребителя

канал коммуникации

Page 158: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

выгоды / RTB /персоны

атрибуты

визуальные атрибуты коммуникации

культурный архетип

канал коммуникации

Page 159: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

Page 160: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

Негативная мотивация

Просоциальные (общественно значимые) мотивы

Мотив достижения

Мотив саморазвития

Экстринсивные (внешние) мотивы

Процессуально-содержательные мотивы

Мотив власти

Мотив аффилиации

Мотив идентификации с другим человеком

Мотив самоутверждения

Page 161: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

Просоциальные (общественно значимые) мотивы

Мотив достижения

Мотив саморазвития

Экстринсивные (внешние) мотивы

Процессуально-содержательные мотивы

Мотив идентификации с другим человеком

Мотив самоутверждения

Page 162: Фрагмент семинара «Интерактивные механики которые работают»

культурный архетип

герой

феникс

матьтрикстерклад

дитя

антигерой

старец

сила

магияприродадух

возвращение

смерть

знание

время

артефакт

путешествие

Page 163: Фрагмент семинара «Интерактивные механики которые работают»

культурный архетип

герой

феникс

мать

трикстер

клад

дитя

антигерой

старец

сила

магия

природа

дух

возвращение

смерть

знание

время

артефакт

путешествие

http://www.slideshare.net/soloveev/ss-13802817

http://www.slideshare.net/DmitryKarpov/advanced-adverticing-adventure

бунтарь

Page 164: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

культурный архетип

герой

феникс

матьтрикстер

клад

дитя

антигерой

старец

сила

магияприродадух

возвращение

смерть

знание

время

артефакт

путешествие

Page 165: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

культурный архетип

герой

феникс

матьтрикстер

клад

дитя

антигерой

старец

сила

магияприродадух

возвращение

смерть

знание

время

артефакт

путешествие

культурный архетип культурная аллюзия

герой

трикстер

старец

клад

сцена из кинофильма

сцена из книги

музыкальный фрагмент

сюжет картины

историческое событие

известная личность

Page 166: Фрагмент семинара «Интерактивные механики которые работают»

визуальные атрибуты коммуникации бренда

мотивы

культурный архетипцвета

типографика

ключевой образ

символы

звуки-образы

теглайн

ритуал

ощущения

герой

Page 167: Фрагмент семинара «Интерактивные механики которые работают»

визуальные атрибуты коммуникации

бренда

мотивы

культурный архетипцвета

типографика

ключевой образ

символы

звуки-образы

теглайн

ритуал

ощущения

герой

Page 168: Фрагмент семинара «Интерактивные механики которые работают»

выгоды / RTB /персоны

визуальные атрибуты коммуникации бренда

мотивы

культурный архетипздоровье

качество жизни

ощущение прогресса и саморазвития

социальный статус

соревнования

интеграция с ус-ми Apple

Page 169: Фрагмент семинара «Интерактивные механики которые работают»

визуальные атрибуты коммуникации бренда

мотивы

культурный архетип

здоровье

качество жизни

ощущение прогресса и саморазвития

социальный статус

соревнования

интеграция с ус-ми Apple

выгоды / RTB /персоны

преданность марке

Page 170: Фрагмент семинара «Интерактивные механики которые работают»

визуальные атрибуты коммуникации бренда

мотивы

культурный архетип

здоровье

качество жизни

ощущение прогресса и саморазвития

социальный статус

соревнования

интеграция с ус-ми Apple

выгоды / RTB /персоны

преданность марке

Page 171: Фрагмент семинара «Интерактивные механики которые работают»

выгоды /RTB/ персоны

визуальные атрибуты коммуникации

мотивы

культурный архетип

атрибуты

ценовая категория

УТП / преимущества

акции

места распространения

сезонные факторы

ситуации потребления

Page 172: Фрагмент семинара «Интерактивные механики которые работают»

атрибуты

ценовая категория

УТП / преимущества

акции

места распространения

анализ конкурентов

сезонные факторы

ситуации потребления

Page 173: Фрагмент семинара «Интерактивные механики которые работают»

атрибуты

ценовая категория

УТП / преимущества

акции

места распространения

сезонные факторы

ситуации потребления

можем / должны не можем

анализ конкурентов

Page 174: Фрагмент семинара «Интерактивные механики которые работают»

атрибуты

визуальные атрибуты коммуникации

мотивы

культурный архетип

канал коммуникации

выгоды / RTB /персоны

Print

Ambient

Outdoor

TV

Direct Mail

OnlineWeb Mobile Video SMM

креативная концепция

media mix

Page 175: Фрагмент семинара «Интерактивные механики которые работают»

атрибуты

визуальные атрибуты коммуникации

мотивы

культурный архетип

канал коммуникации выгоды / RTB /персоны

Print

Ambient

Outdoor

TV

DMail

OnlineWeb Mobile Video SMM

креативная концепцияmedia mix

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

мотив идентификации с другим человеком

мотив самоутверждения

цвета типографикасимволы

социальный статус

акцииместа распространения сезонные факторы

лидеры мнений

члены команды

активные фанаты

Advertising Agency: F/Nazca Saatchi & Saatchi, BrazilCreative Directors: Fabio Fernandes, Eduardo Lima, Alexandre Soares

Creatives: Leandro Dolfini, Rafael Merel, Marcelo RibeiroAccount Services: Marcello Penna, Gisela Assumpção, Camila Hamaoui, Gustavo Saab

Planners: José Porto, Utymo Oliveira, Diego DumontGraphic Producers: Jomar Farias, Leandro Ferreira

Media: Lica Bueno, Sandro Cachiello

Page 176: Фрагмент семинара «Интерактивные механики которые работают»

мотивы

выгоды / RTB /персоны

атрибуты

визуальные атрибуты коммуникации

культурный архетип

канал коммуникации

технология

Page 177: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

КРИТЕРИИ КАЧЕСТВАКОНЦЕПЦИЯсюжет, история, звук, визуальный язык, послание, стимул, впечатление, опыт

Page 178: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 179: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

РАБОТА С ИНФОРМАЦИЕЙдля создания интерактивных механик в коммуникациях

Page 180: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Page 181: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

БАЗОВЫЕ ПРИЕМЫМЫШЛЕНИЕ КАТЕГОРИЯМИ DIGITALментальные приемы

Page 182: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

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

Page 183: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

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

http://chiragchamoli.com/post/62420603342/experience-mapping

Думает

Чувствует / Ощущает

Слышит

Видит

Устройство

Действует

Время Условия Место

Контекст

Page 184: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

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

http://chiragchamoli.com/post/62420603342/experience-mapping

Думает Чувствует / Ощущает

СлышитВидит

Устройство

Действует

Время Условия Место

Контекст

Page 185: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

ПОТРЕБНОСТИ

КАНАЛКОММУНИКАЦИИ

ТЕХНОЛОГИЯ

ЭСТЕТИКА

Десяток интерактивных механик, которые работают

Page 186: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ТЕХНОЛОГИЯ

ОТКРЫТИЕ

СТЕРЕОТИПЫ ЦЕЛЕВОЙ

АУДИТОРИИ

ИЗМЕНЕНИЕ ПРИВЫЧЕК И

КУЛЬТУРЫ ПОТРЕБЛЕНИЯ

НОВИНКИ ТЕХНОЛОГИИ

НОВЫЕ КАНАЛЫ И ОРИГИНАЛЬНОЕ ИСПОЛЬЗОВАНИЕ

СТАРЫХ

ЧЕЛОВЕКМОТИВЫ

ОБУЧЕНИЕНОВЫЕ ДЕЙСТВИЯ

ЭТО УЛУЧШЕННАЯ ВЕРСИЯ СТАРЫХ

ОБЩЕНИЕ ЛЮДЕЙЭКОНОМИЧНОСТЬ

РЕШЕНИЕ / ИДЕЯ КАНАЛКОММУНИКАЦИИ

ПОВЕДЕНИЕ DIGITAL

ПОТРЕБНОСТИ

ЭМОЦИИ

Page 187: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Какой мотив? Где? Что почувствует?

Пять чувств

Экономичная технология?

Что продаем?

Выгода / Польза

Page 188: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Метод Киплинга / Вопросник

Что? Где? Когда? Зачем? Кто?

Сколько?Почему бы и нет?Каков срок?В каком месте?Кто с этим справится?Где ещё?Когда?

В чём состоит проблема?Где это происходит?Когда это происходит?Почему это происходит?Как преодолеть эти трудности?Кого надо привлечь?Как узнать, что проблема решена?

Page 189: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Технология

Визуальный образВыгода / Польза

Прием смешения похожего. Что общего у трех?

Объект решения задачи: напиток

удовлетворение потребности,удовольствие,

поток данных, френдлента напоминает водопад

водопад, ручей, кувшин

Page 190: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

Методикапоиска и развития идей

Прием пирамиды.

Что в основе проблемы?

Как интернет влияет на проблему?

Проблема решена, что дальше?

Кто выигрывает на существовании проблемы?

Как люди могут повлиять на решение?

Что получат люди с решением проблемы?

Что мы знаем о проблеме?

Page 191: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ИНТЕРФЕЙСUX ПРОЕКТИРОВАНИЕпримеры малых формтенденции веб

Page 192: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

СПОСОБ, КОТОРЫМ ВЫ ВЫПОЛНЯЕТЕКАКУЮ-ЛИБО ЗАДАЧУ С ПОМОЩЬЮКАКОГО-ЛИБО ПРОДУКТА, А ИМЕННОСОВЕРШАЕМЫЕ ВАМИ ДЕЙСТВИЯ И ТО,ЧТО ВЫ ПОЛУЧАЕТЕ В ОТВЕТ, И ЯВЛЯЕТСЯ ИНТЕРФЕЙСОМ

Джеф Раскин

Page 193: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Проектирование взаимодействия

Page 194: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Уникальный визуальный стиль интерактивных медиа

http://www.behance.net/gallery/I-need-money-Android-app-2013/7597445

Page 195: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Уникальный визуальный стиль интерактивных медиа

http://www.behance.net/gallery/Weather-App/7438779

Page 196: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Стандартные элементы интерфейса

Page 197: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Стандартные элементы интерфейса

Page 198: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Стандартные элементы интерфейса

Page 199: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Стандартные элементы интерфейса

Page 200: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ТЕХНОЛОГИИинструменты, эксперименты

Page 201: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Видео страницы. Тенденция расширяющая инструментарий.

http://www.soniaby.com/

Page 202: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Зачем digital дизайнеру знать работу с видео?

Page 203: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Зачем digital дизайнеру знать работу с видео?

Page 204: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Методика освоения новой технологии

Анализ технологии и любые смелые идеи ее нового использования

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

Взять базовый исходник и объединить с известной вам технологией, обходя ограничения

Реализовать идею первого этапа

Page 205: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Эксперименты с технологией для оригинального UX

Page 206: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Инструменты digital креативщикаMaKey MaKey - An Invention Kit for Everyone

Page 207: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Инструменты digital креативщика

Инструменты / Arduino / Processing

Page 208: Фрагмент семинара «Интерактивные механики которые работают»

Самая простая механика в Processing может дать вам огромное поле для креативной игры.

http://fritzing.org/http://www.aacinstitute.org/Resources/ProductsandServices/AACKeys/AACKeys.html

const int buttonPin = 2; const int ledPin = 13; int buttonState = 0;  void setup() { Serial.begin(9600); pinMode(ledPin, OUTPUT); pinMode(buttonPin, INPUT); } void loop(){ buttonState = digitalRead(buttonPin); if (buttonState == HIGH) { digitalWrite(ledPin, HIGH); Serial.print("a"); delay(2000); } else { digitalWrite(ledPin, LOW); }}

Page 209: Фрагмент семинара «Интерактивные механики которые работают»

«В глубине своей робот – всегда раб... Вещи стали сложнее, чем действия человека по отношению к ним»

Жан Бодрийяр

Page 210: Фрагмент семинара «Интерактивные механики которые работают»

Считыватель RFID позволяет фиксировать приближение и распознавать идентификаторы бесконтактных карт и меток популярного стандарта UEM4100 (125 КГц) на расстоянии до 7 см. Датчик производится Seeed Studio.

Сенсор влажности почвы — простой в устройстве датчик для определения влажности земли, в которую он погружен. Он позволит узнать о недостаточном или избыточном поливе ваших домашних растений или в саду.

Пироэлектрический сенсор позволяет фиксировать движение тёплых объектов: людей и животных. Подобные датчики используются на раздвижных дверях, открывающихся автоматически при приближении человека.

Page 211: Фрагмент семинара «Интерактивные механики которые работают»

Гусеничная платформа Rover 5 производства DFRobot, разработанная компанией Dagu, оснащена двумя эффективными моторами, передаточными шестернями 87:1, держателем для шести AA-батареек и катушками для подавления электрических шумов от двигателей.

Этот сервопривод позволяет установить и удерживать угол поворота колеса. С их помощью зачастую делаются манипуляторы, механические руки, захваты и т.д. Привод обладает углом поворота 180°, т.е. может быть установлен в любое положение в пределах полуокружности.

Датчик наклона — это капсула с металлическим шариком внутри, который перекатываясь в ней, замыкает или размыкает цепь. Таким образом датчик выдаёт простой бинарный цифровой сигнал: логический 0 или 1 в зависимости от того в какую сторону наклонена капсула.

Page 212: Фрагмент семинара «Интерактивные механики которые работают»

Этот резистор меняет своё сопротивление в зависимости от силы, приложенной к диску. Чем больше давление, тем меньше сопротивление. Без давления сопротивление составляет более 1 МОм. Резистор способен зафиксировать вес от 100 г до 10 кг.

Модуль-джойстик по функционалу схож с «грибочком» в манипуляторах от консолей PlayStation, XBox. Он комбинирует в себе двухосный джойстик и тактовую кнопку.

Сенсор позволяет фиксировать громкие звуки вроде хлопков в ладоши или открытие двери, а также замерять общий уровень окружающего шума.

Page 213: Фрагмент семинара «Интерактивные механики которые работают»

Модуль-слайдер — это потенциометр, выполненный в виде линейного ползунка. Потенциометр оформлен в виде модуля на плате, который удобно подключать к микроконтроллеру. Выходом датчика является аналоговый сигнал от земли до напряжения питания в зависимости от положения бегунка.

Сенсор позволяет определить наличие препятствий перед собой.Выводом с сенсора является простой бинарный цифровой сигнал: пока препятствия нет, датчик выдаёт логическую единицу. Если препятствие есть — логический ноль.

Этот резистор изгиба отменяет своё сопротивление в зависимости от уровня изгиба металлических секций внутри него. Пока он не изогнут, сопротивление находится у минимума в 10 кОм. По мере изгибания сопротивление растёт вплоть до 110 кОм.

Page 214: Фрагмент семинара «Интерактивные механики которые работают»

Инфракрасный приёмник — это фотодиод с предусилителем сигнала серии TSOP22 в компактном корпусе.Приёмник может быть использован для получения и декодирования сигнала от обычных пультов бытовой техники. Однако зачастую детали протокола сложно найти, они специфичны для каждой конкретной модели пульта

Датчик пламени позволяет фиксировать наличие пламени или другого источника волн длиной 760 — 1100 нм в прямой видимости перед собой.

Сенсор позволяет определить уровень яркости цвета объекта перед собой по шкале светлый/тёмный. Выходом датчика является аналоговый сигнал, в котором меньшие значения соответствуют светлым/белым объектам, большие — тёмным/чёрным. Датчик работает в видимом спектре: при работе включается сверхъяркий направленный светодиод с белым свечением.

Page 215: Фрагмент семинара «Интерактивные механики которые работают»

Сенсор вибрации способен улавливать даже незначительные изменения во внутреннем механическом напряжении пьезо-диска и выдавать аналоговый сигнал, пропорциональный силе вибрации. Рабочее напряжение питания сенсора — 5 В.

Датчик прикосновения — это 4 сенсорных тач-площадки и небольшой хаб для них. Сенсор производится Seeed Studio.

Цифровой трёхосный гироскоп на базе чипа позволяет определять угловую скорость вокруг собственных осей X, Y, Z. Сенсор производится компанией Seeed Studio.

Page 216: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

УПРАЖНЕНИЕпридумать применение

Сенсор вибрации способен улавливать даже незначительные изменения во внутреннем механическом напряжении пьезо-диска и выдавать аналоговый сигнал, пропорциональный силе вибрации. Рабочее напряжение питания сенсора — 5 В.

Считыватель RFID позволяет фиксировать приближение и распознавать идентификаторы бесконтактных карт и меток популярного стандарта UEM4100 (125 КГц) на расстоянии до 7 см. Датчик производится Seeed Studio.

Page 217: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

УПРАЖНЕНИЕпридумать применение

Датчик наклона — это капсула с металлическим шариком внутри, который перекатываясь в ней, замыкает или размыкает цепь. Таким образом датчик выдаёт простой бинарный цифровой сигнал: логический 0 или 1 в зависимости от того в какую сторону наклонена капсула.

Сенсор позволяет фиксировать громкие звуки вроде хлопков в ладоши или открытие двери, а также замерять общий уровень окружающего шума.

Page 218: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

УПРАЖНЕНИЕпридумать применение

Модуль-слайдер — это потенциометр, выполненный в виде линейного ползунка. Потенциометр оформлен в виде модуля на плате, который удобно подключать к микроконтроллеру. Выходом датчика является аналоговый сигнал от земли до напряжения питания в зависимости от положения бегунка.

Датчик прикосновения — это 4 сенсорных тач-площадки и небольшой хаб для них. Сенсор производится Seeed Studio.

Page 219: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Инструменты digital креативщика

воображение всегда будетглавным инструментом

Page 220: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов. 2013г.

ТЕХНОЛОГИИинструменты, эксперименты

Page 221: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Инструменты digital креативщика

Инструменты / Unity3D

Page 222: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Обсуждение практических заданий.

Page 223: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

«proven successful» model

Page 224: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Модель восприятия концепции через успех

аналогов, предшествующих вариантов применения

механики

«proven successful» model

Page 225: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 226: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 227: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 228: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Десяток интерактивных механик, которые работают

Page 229: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.

Давайте обсудим результаты.Результат всегда выражается в проектной работе.

Как это поможет в реальной работе?Что для вас было наиболее ценным?

Page 230: Фрагмент семинара «Интерактивные механики которые работают»

Дмитрий Карпов / Курс: «Дизайн в интерактивной среде» / 2013 г.