"Digital hardcore" lecture materials

дмитрий карпов / [email protected] 2012г

Tuesday, May 1, 12

mailto:[email protected]


Дмитрий Карпов


Tuesday, May 1, 12



только digital — только hardcore практические приемы проектного мышления в новых медиа


★ Крутой дизайн процесс в digital.★ От оригинальной идеи к практической реализации.

★Хардкорные практики.★Как придумать лучше и быстрее, а потом еще и эффективней, используя технологии и конкретные бизнес задачи клиента?

★Что нужно знать и уметь?★Экранная типографика и разнообразность модульных сеток, эмоциональный контекст бренда и рациональность UX.

★Что действительно нужно клиенту и как решать конкретные задачи в дизайне и коммуникациях.

Tuesday, May 1, 12





задача: оптимизировать дизайн-процесс в области цифровых коммуникацийпрактические приемы проектного мышления в новых медиа

задача: научиться мыслить категориями digital концепцийпрактические приемы проектного мышления в новых медиа

ваша личная задача в новой интерактивной среде

Tuesday, May 1, 12





задача: оптимизировать дизайн-процесс в области цифровых коммуникацийпрактические приемы проектного мышления в новых медиа

Tuesday, May 1, 12





задача: оптимизировать дизайн-процесс в области цифровых коммуникаций, научиться эффективно решать задачи

получая результат превосходщий затраченные ресурсы

времяматериальные средстваэнергию

Tuesday, May 1, 12





cтереотипы помогают нам общаться, понимать и обмениваться общими понятиями и впечатлениями

... а еще их приятно разносить, рушить, дробить, переворачивать

Tuesday, May 1, 12





Tuesday, May 1, 12





cтереотипы композиции позволяют создавать привычные, хорошо знакомые информационные системы, что помогает строить эффективное интерактивное взаимодействие

Tuesday, May 1, 12





cтереотипы композиции организация интерактивного пространствапрактические приемы проектного мышления в новых медиа

Г- форматстандартные композиционные моделисамый распространенный 1995-2005

Tuesday, May 1, 12






П- форматстандартные композиционные модели широко используется 1998-2005

Tuesday, May 1, 12






TOP - форматстандартные композиционные модели

Tuesday, May 1, 12






TOP LINE - форматстандартные композиционные модели

Tuesday, May 1, 12






LEFT - форматстандартные композиционные модели

Tuesday, May 1, 12






MID-LINE - форматстандартные композиционные модели

Tuesday, May 1, 12






TOP-SQUARE - форматстандартные композиционные модели

Tuesday, May 1, 12






4-COLUMN - форматстандартные композиционные модели

Tuesday, May 1, 12






angled - форматстандартные композиционные модели

Tuesday, May 1, 12






ступени - форматстандартные композиционные модели

Tuesday, May 1, 12






angled - форматстандартные композиционные модели http://htcsense.dk/

Tuesday, May 1, 12



http://htcsense.dk

http://htcsense.dk




DOUBLE SLIDER - форматстандартные композиционные модели

http://www.budnitzbicycles.com/

Tuesday, May 1, 12



http://www.budnitzbicycles.com

http://www.budnitzbicycles.com




DOWN SLIDER - форматстандартные композиционные модели

Tuesday, May 1, 12






DOWN SLIDER - форматстандартные композиционные модели

http://www.newzealand.com/int/http://www.smashingmagazine.com/2012/03/08/behind-scenes-tourism-new-zealand/

Tuesday, May 1, 12



http://www.newzealand.com/int/

http://www.newzealand.com/int/

http://www.smashingmagazine.com/2012/03/08/behind-scenes-tourism-new-zealand/

http://www.smashingmagazine.com/2012/03/08/behind-scenes-tourism-new-zealand/



СТЕРЕОТИПЫ ФОРМАТА типология метафоры интерактивного пространства

Tuesday, May 1, 12





СТЕРЕОТИПЫ ФОРМАТА типология метафоры интерактивного пространства

белый лист

рабочий стол

селебрити

мир / пространство

устройство

магниткроличья нора

х/з

комбинация с вовлечением аудитории в соц. медиа

комбез

комбинация с использованием post-digital «конструктор»

Tuesday, May 1, 12





ЛЮДИ типология мотивов и решений

Tuesday, May 1, 12





ЛЮДИ время и место

Tuesday, May 1, 12





connection planningстандартные композиционные модели

Tuesday, May 1, 12






Tuesday, May 1, 12






нет не знаю

да

сомневаюсьвозможно но не сейчас

это мне не подходит хочу иное

не хочу но возможно это понадобится мне

в будущем

личный мотив

личный опыт

Tuesday, May 1, 12






Мотивационная сфера является достаточно динамичной: значение и влияние отдельных мотивов меняются (соответственно, меняется и иерархия мотивов). Различные факторы могут изменять эту иерархию, однако, невзирая на динамичность мотивационной сферы, каждому человеку присуща относительная стабильность иерархии мотивов.

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

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

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

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

1. значимость достижения успеха;2. надежда на успех;3. субъективно оцениваемая

вероятность достижения успеха;4. субъективные эталоны

достижения.

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

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

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

Мотив власти

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

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

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

Tuesday, May 1, 12






Мотив аффилиации (от англ. affiliation — присоединение) — стремление к установлению или поддерживанию отношений с другими людьми, стремление к контакту и общению с ними. Сущность аффилиации состоит в самоценности общения. Аффилиативное общение — это такое общение, которое приносит удовлетворение, захватывает, нравится человеку.

Tuesday, May 1, 12






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

• мотив долга и ответственности перед обществом, группой, отдельными людьми;

• мотивы самоопределения и самоусовершенствования;

• стремление получить одобрение других людей;• стремление получить высокий социальный

статус (престижная мотивация). При отсутствии интереса к деятельности (процессуально-содержательная мотивация) существует стремление к тем внешним атрибутам, которые может принести деятельность, — к отличным оценкам, к получению диплома, к славе в будущем;

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

Tuesday, May 1, 12






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

Tuesday, May 1, 12






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

Tuesday, May 1, 12






Просоциальные (общественно значимые) мотивы — мотивы, связанные с осознанием общественного значения деятельности, с чувством долга, ответственностью перед группой или обществом.

В случае действия просоциальных (общественно значимых) мотивов происходит идентификация индивида с группой. Человек не только считает себя членом определенной социальной группы, не только отождествляется с ней, но и живет ее проблемами, интересами и целями.

Tuesday, May 1, 12





ЛЮДИ типология мотивов и решений«Лесенка побуждений» (А.И. Божович, И.К. Маркова ) / Фетискин Н.П., Козлов В.В., Мануйлов Г.М. Социально-психологическая диагностика развития личности и малых групп. – М., 2002. C.107.

1. Я учусь для того, чтобы все знать.2. Я учусь, потому что мне нравится процесс учения.3. Я учусь для того, чтобы получать хорошие оценки.4. Я учусь для того, чтобы научиться самому решать задачи.5. Я учусь, чтобы быть полезным людям.6. Я учусь, чтобы учитель был доволен моими успехами.7. Я учусь, чтобы своими успехами радовать родителей.8. Я учусь, чтобы за мои успехи меня уважали товарищи.

Мотив самоутверждения — стремление утвердить себя в социуме; связан с чувством собственного достоинства, честолюбием, самолюбием.

Tuesday, May 1, 12





ЛЮДИ типология мотивов и решений«Лесенка побуждений» (А.И. Божович, И.К. Маркова ) / Фетискин Н.П., Козлов В.В., Мануйлов Г.М. Социально-психологическая диагностика развития личности и малых групп. – М., 2002. C.107.

Мотив идентификации с другим человеком — стремление быть похожим на героя, кумира, авторитетную личность (отца, учителя и т. п.). Этот мотив побуждает работать и развиваться. Он является особенно актуальным для подростков, которые пытаются копировать поведение других людей.

Tuesday, May 1, 12






Процессуально-содержательные мотивы — побуждение к активности процессом и содержанием деятельности, а не внешними факторами. Человеку нравится выполнять эту деятельность, проявлять свою интеллектуальную или физическую активность. Его интересует содержание того, чем он занимается. Действие других социальных и личностных мотивов (власти, самоутверждения и др.) может усиливать мотивацию, но они не имеют непосредственного отношения к содержанию и процессу деятельности, а являются лишь внешними по отношению к ней, поэтому часто эти мотивы называют внешними, или экстринсизными. В случае же действия процессуально-содержательных мотивов человеку нравятся и побуждают к активности процесс и содержание определенной деятельности.

Tuesday, May 1, 12






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

Tuesday, May 1, 12






Процессуально-содержательные мотивы — побуждение к активности процессом и содержанием деятельности, а не внешними факторами. Человеку нравится выполнять эту деятельность, проявлять свою интеллектуальную или физическую активность. Его интересует содержание того, чем он занимается. Действие других социальных и личностных мотивов (власти, самоутверждения и др.) может усиливать мотивацию, но они не имеют непосредственного отношения к содержанию и процессу деятельности, а являются лишь внешними по отношению к ней, поэтому часто эти мотивы называют внешними, или экстринсизными. В случае же действия процессуально-содержательных мотивов человеку нравятся и побуждают к активности процесс и содержание определенной деятельности.

Tuesday, May 1, 12






1. задействовать (актуализировать) как можно большее число мотивов;2. увеличить побуждающую силу каждого из этих мотивов;3. актуализировать ситуативные мотивационные факторы.

1. дизайнер разрабатывая концепцию должен...2. копирайтер разрабатывая концепцию стремится...

1. любой интерактивный продукт содержит мотивационные факторы;2. актуализация мотива человека определяет успех проекта;3. причины принятия потребительских решений должны быть описаны сценарием интерактивного взаимодействия и ментальной моделью.

Tuesday, May 1, 12






задача персонификация

мотивационная модель

модель опыта

сенситивная модель

ментальная модель

прототип интерфейса

графическая модель

Tuesday, May 1, 12






задача персонификация

мотивационная модель

модель опыта

Гнев: ярость, грубость, негодование, раздражение, возмущение, озлобленность, досада, враждебность, ожесточенность.

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

Страх: тревога, опасение, нервозность, озабоченность, волнение, испуг, ужас, паника.

Наслаждение: счастье, радость, облегчение, удовлетворение, веселье, гордость, чувственное удовольствие, восхищение, восторг, трепет, эйфория.

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

Удивление: шок, изумление, потрясение, недоумение.

Отвращение: презрение, пренебрежение, надменность, омерзение, антипатия, неприязнь, отвержение.

Стыд: чувство вины, смущение, замешательство, раскаяние, унижение, стеснение, смирение.

эмоции

впечатлениямотив действие

опыт

Tuesday, May 1, 12





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

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

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

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

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

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

Мотив власти

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

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

ГневГрустьСтрах

НаслаждениеЛюбовьУдивлениеОтвращениеСтыд

Tuesday, May 1, 12





маркетинговые коммуникации или как продавать то, что продает

Tuesday, May 1, 12




дмитрий карпов / [email protected] 2012гдмитрий карпов / [email protected] 2012г

product

price

placepromotion concept

identitymedia

budget time

visual concept / message

productionconnection planning

intensity

media technology social technology

маркетинговые коммуникации или как продавать то, что продает

Tuesday, May 1, 12








маркетинговая воронкапринцип формирования отношения потребитель&продукт

Tuesday, May 1, 12






Awareness

Acceptance

Trial

Loyalty

Retention / Preference

Advocacy

Accumulation

Awareness — узнавание названия бренда и его принадлежность к категории.

Acceptance — принятие бренда. То есть, потребитель не отрицает возможности приобретения.

Trial — пробная самостоятельная покупка.

Retention / Preference — потребление товара или услуги по рациональным причинам (цена, акции, наличие в ближайшем магазине и пр.) на постоянной основе.

Loyalty — потребление по эмоциональным причинам. Меньше зависит от цены, дистрибуции и других объективны факторов.

Advocacy является следствием работы с лояльностью и приводит к распространению положительных рекомендаций (word of mouth)

Accumulation — накопление знаний и опыта потребления товаров бренда, что приводит к желанию пользоваться любыми товарами, доверяя качеству (рационально) и характеру бренда (эмоционально) является следсвием работы коммуникаций не только ориентированных на потребителя, независимые media материалы.

Tuesday, May 1, 12






Awareness

Acceptance

Trial

Loyalty


Advocacy

Accumulation

Tuesday, May 1, 12




стиль общения бренда с потребителем в цифровых

медиа

Tuesday, May 1, 12





Tuesday, May 1, 12






Awareness

Acceptance

Trial

Loyalty


Advocacy

Accumulation

Tuesday, May 1, 12




практическе задание:персонификация потребителя

Tuesday, May 1, 12




grids & layoutsтысяча и один метод работы с сетками

Tuesday, May 1, 12




grids & layoutsтысяча и один метод работы с сетками

Например / Практика

Tuesday, May 1, 12





брендинговые коммуникации / проектирование интерактивной платформы / usability and desirability

фактически проектирование Landing Pages

Tuesday, May 1, 12





проектирование интерактивной платформы / usability and desirability


A

B

C

D

определение групп задачпостроение иерархии важности и зависимости

А главныеB базовыеC вспомогательныеD дополнительные

A

B

C

D

сценарий взаимодействияпостроение модели взаимодействия на основе ментальной модели и поведенческой

A что увидит пользователь?B что подумает?C что сделает?D что получит? какой опыт приобретет?

ABCD

ABCD

ABCD

ABCD

A

BC

D

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

правило первого экранаправило акцентаправило цветового кодирования / глубины информации

Tuesday, May 1, 12





Tuesday, May 1, 12



проектирование landing page — визуализируем желанияпрактические приемы проектного мышления в новых медиа


Tuesday, May 1, 12





брендинговые коммуникации / проектирование интерактивной платформы / usability and desirability


структурная система проектирования коммуникации бренда в цифровых медия (сайт, аппс, экранные презентации и инсталляции)

topline навигационный блок основных проектов (смежные промо-сервисы) базовая навигация

leadgenerator блок стимулирующий вовлечение/действие пользователя, обещание выгоды

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

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

функции, возможные дополнительные опции и SKU

RTB / рациональный блок, прагматичная демонстрация выгод от

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

social media / интеграция возможностей социальных медиа

consumer corner / потребительский блок / форма регистрации / контактная информация, форма поиска, вход для постоянных клиентов / корзина покупок

footer / юридическая информация, контактная информация,

Tuesday, May 1, 12





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

Tuesday, May 1, 12





cтереотипы проектной работы традиционный метод

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

анализисследование возможностей решения задачи

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

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

реализациятехническое исполнение

правки корректировкатехническое исправление

публикациязавершение проекта

Tuesday, May 1, 12





Tuesday, May 1, 12





метод «Stream» придумать решение практические приемы проектного мышления в новых медиа

KPI (key performance

indicators) метод вычисления условного вовлечения аудитории по

статистическим показателям

Самые важные общие черты нашей аудитории (сообщества)

анализисследование возможностей решения задачи

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

Tuesday, May 1, 12





метод «лавина» придумать решение практические приемы проектного мышления в новых медиа

желаемое невозможное / мечта потребителя

образ мотивирующий на реализацию мечты

самая доступная технология

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

что бы хотелось услышать о проекте

семь альтернативных решений вершины

почему это самое выгодное решение для клиента и три причины почему он в этом сомневается

Tuesday, May 1, 12





метод «У.Т.П.» придумать решение практические приемы проектного мышления в новых медиа

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

уникальное торговое предложение

выгода эмоциональная

смысл, рациональная выгода

метафора

ментальная модель

конкурентныепреимущества

идея коммуникации

Tuesday, May 1, 12





кейсы большие и маленькие

Tuesday, May 1, 12





лицом к потребителю— или ...как испортить впечатление, стремлением создать впечатление

Tuesday, May 1, 12





Tuesday, May 1, 12





Zerg Rush

Tuesday, May 1, 12



http://knowyourmeme.com/memes/zerg-rush

http://knowyourmeme.com/memes/zerg-rush



новый Яндекстенденция в развитии интерфейса

Tuesday, May 1, 12





Tuesday, May 1, 12





главные и заметные проектытенденция в развитии digital

Tuesday, May 1, 12




конкуренция в цифровых медиа и сервисах

Tuesday, May 1, 12





Tuesday, May 1, 12




конкуренция в цифровых медиа и сервисах

Tuesday, May 1, 12





МЕТОД: 7Кпридумываем комплексные концепциипрактические приемы проектного мышления в новых медиа

метод кругового креативного штурма

Tuesday, May 1, 12



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

атрибуты / RTB

технология

визуальные атрибуты

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

внешние условия

культурная аллюзия



мотивы

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

Tuesday, May 1, 12



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


наемные медиа




культурная аллюзия



мотивы


собственные медиа заслуженные медиа

концепция

BOUGHT MEDIA

OWNED MEDIAEARNED MEDIA

Tuesday, May 1, 12





технология




культурная аллюзияконцепт «А»



мотивы

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

концепт «Б»

Tuesday, May 1, 12





flash AS

/камера /

трекинг лица

распознание цвета

распознание геометрии

html5

/микрофон /

управление звуком

визуализация аудио данных Canvas /2D графика

API

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

sharing / фото / видео /персонификация

динамический постинг (Twitter)

!€♡♘⚒©

https://developer.mozilla.org/en/HTML/Element/audio

звук

https://developer.mozilla.org/en/HTML/Canvas

Tuesday, May 1, 12









МЕТОД: 7Кпридумываем комплексные концепциипрактические приемы проектного мышления в новых медиа

метод кругового креативного штурмаAPI

место / карты / координаты

переводчик

динамический постинг (Twitter)

видео-хостинг

http://www.youtube.com/user/chromefastball

Tuesday, May 1, 12






Pinterest.com вышел на российский рынок 12 марта 2012 года. За месяц в нем зарегистрировались 60 000 пользователей из РФ. В среднем в месяц пользователи проводят 27 мин. в Pinterest,37 мин. в Facebook, 420 мин в Вконтакте. Последний показатель объясняется длительным просмотром видео и аудио.80% пользователей Pinterest - женщины 25-54 лет.

• Показатели охвата – Сколько человек увидело рекламу?

• Показатели эффективного контакта – Сколько человек «считало» сообщение? Важно определить, какое действие человека будет говорить о том, что он сообщение понял, то есть, «считал».

• Показатели распространения – Сколько человек поделилось рекламой в социальных сетях? Это позволяет оценить, насколько тот или иной креатив понравился пользователям, и посчитать дополнительный охват.

• Сколько человек пришло на сайт.• Сколько из них сразу ушло (нецелевой трафик – обычно около 50 %).

• Сколько человек начало играть в игру.• Сколько закончило игру (50 % можно считать хорошим показателем).

• Сколько не закончило, и что заставило их прервать игру.

Tuesday, May 1, 12



только digital — только hardcoreтолько типографика практические приемы проектного мышления в новых медиа


Tuesday, May 1, 12





Tuesday, May 1, 12





http://forefathersgroup.com/

Tuesday, May 1, 12



http://forefathersgroup.com

http://forefathersgroup.com



Tuesday, May 1, 12




спасибоуверен, вопросов много :)

Tuesday, May 1, 12



"Digital hardcore" lecture materials

Education

Transcript of "Digital hardcore" lecture materials