Огонь. Молоты. Таланты

дмитрий карпов 2012

15-16 сентября. Екатеринбург
тренировка креативности в веб-дизайне
и новых цифровых медиа, «курс-бестселлер» для
практикующих профессионалов, дизайнеров
и UX специалистов из комбинации
оригинальных методик и известных практик digital


Часть номер ноль: «Ты что с Урала?»
Часть первая: «Digital технология перемен»
Часть вторая: Workshop «Огонь и молоты»

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

Маршалл Маклюэн


Знакомимся.
Люди и интерактивная
среда, сайты, приложения,
сервисы, устройства


Воля, пушки, соль и камень


Ермак и творческое мышление


Нам не хватает желания желать


Цифровая технология
перемен

Любой технологии присущ мидасов эффект:
как только в обществе возникает усиление какого-либо
явления, всё остальное мироустройство тут же начинает
меняться, чтобы встроить в себя эту новинку.
Как только в обществе появляется новая технология,
она тут же меняет всю структуру этого общества.
Следовательно, новая технология — революционный
по своей натуре ингредиент. Мы можем убедиться
в этом, наблюдая, как развиваются электрические медиа.

Маршалл Маклюэн


Часть номер один: «Как я это делал?»
Два часа на афишу...


Дизайн создает не продукт.
Ценность.
Ценность идеи, материала,
изменяемого мира вокруг.


В чем ценность дизайна?
Ценность.

Ценность удобства?
Ценность экономии?
Ценность качества жизни?


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

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

прием: креативное тех-проектирование

API

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

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

API соц. сети
переводчик

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

изобретательность скорость стабильность
http://www.youtube.com/user/chromefastball

Атрибуты коммуникации бренда дмитрий карпов 2012

https://developers.google.com/translate/v2/pricing?hl=ru


не знаешь что, придумай как

технологии сами дают основу
для новых идей...
например CSS3

CSS3
• min-width
• max-width
• device-width
• min-device-width
• max-device-width
• orientation
• -webkit-min-device-pixel-ratio
Color
• RGBa (255, 255, 255, 0.5);
• Media Queries • HSLa (360, 100%, 50%, 0.5);

• RGBa & HSLa
<link rel="stylesheet" type="text/css"
• Gradients media="screen and (max-device-width: 480px)"
href="mobile.css" />
• @font-face / Google fonts
• Rounded Corners border-radius box-shadow
border-radius: 10px; box-shadow (horizontal offset,
• Box Shadow vertical offset,
optional blur distance,
• Multiple Backgrounds optional distance,
optional color,
• Visual Effects optional inset)
opacity: 0.5;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: ease;
opacity: 1;

Color

• Media Queries
• RGBa (255, 255, 255, 0.5);
• HSLa (360, 100%, 50%, 0.5);

• RGBa & HSLa #alfa_type_color {color:hsla(44, 100%, 33%, .70);}
<link rel="stylesheet" type="text/css"
• Gradients media="screen and (max-device-width: 480px)"
href="mobile.css" />
• Rounded Corners border-radius box-shadow
border-radius: 10px; box-shadow (horizontal offset,
• Box Shadow vertical offset,
optional color,
• Visual Effects optional inset)
opacity: 0.5;
opacity: 1;

• Media Queries
• RGBa & HSLa
• Gradients
• Rounded Corners
• Box Shadow
• Multiple Backgrounds
• Visual Effects


• min-width
• max-width
• device-width
• min-device-width
• max-device-width
• orientation
• -webkit-min-device-pixel-ratio
Color
• RGBa (255, 255, 255, 0.5);
• Media Queries • HSLa (360, 100%, 50%, 0.5);

• RGBa & HSLa
• Gradients <link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 480px)"
• @font-face / Google fonts href="mobile.css" />

• Rounded Corners

CSS3
border-radius box-shadow
box-shadow (horizontal offset,
• Box Shadow
border-radius: 10px;
vertical offset,
optional color,
• Visual Effects opacity: 0.5;
optional inset)

opacity: 1;


Вариант с использованием media
<link href="media-
queries. Для определенных разрешений queries.css" rel="stylesheet" type="text/
мы допускаем или запрещаем показ css">
изображений (img), через CSS (display:
Размер экрана меньше 980px
none;). Современные браузеры (адаптивный макет)
адаптированы так, что по умолчанию
Для размера экрана меньше 980px
не загружают изображения, которые применим следующие правила:
отключены для показа. pagewrap = ширина 95%;
content = ширина 60%;
sidebar = ширина 30%.

• Media Queries
• RGBa & HSLa
• Gradients Этот CSS будет применяться для размеря экрана меньше
480px, которая соответствует ширине iPhone в альбомной
ориентации.

html = отключаем регулировку размера шрифта. По
умолчанию iPhone увеличивает размер шрифта, для более
комфортного чтения. Вы можете это отключить добавив -
webkit-text-size-adjust: none;

• Rounded Corners main-nav = сбрасываем размер шрифта до 90%.

• Box Shadow
@media screen and (max-
width: 480px) {
   html {
• Multiple Backgrounds       -webkit-text-size-adjust: none;
   }
• Visual Effects    #main-nav a {
      font-size: 90%;
      padding: 10px 8px;
   }
}


http://narrowdesign.com/
box-shadow
box-shadow (horizontal offset,
vertical offset,
optional distance,
optional color,
optional inset)


http://www.myfonts.com/fonts/abstrkt/lineatura/light/


шрифты издания
NY Irvin
NY Vogue Goat


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

API использования видеокамеры на компьютере пользователя
в большинстве случаев используют Adobe Flash
(но тенденция в замещении средствами JS и альтернативами)

http://www.xarg.org/project/jquery-webcam-plugin/


Практика


Практика

фото участников практики / упражнения собственность участников :) и не публикуется
методика: Дмитрий Карпов


Упражнение первое


Упражнение второе



Упражнение третье



Упражнение четвертое


Как выковывать новые идеи для
цифровой интерактивной среды


Что нужно для успешного проекта
в цифровой интерактивной среде,
именуемо простым уральским
словом DIGITAL?
Ценность.
Ценность идеи, материала,
изменяемого мира вокруг.


ideation

direction graphics art

interaction technology language


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


ideation

direction graphics art

interaction technology language

experience intuitive interface artistic innovation

Культурные особенности


{Нет такой общности людей как
«целевая аудитория», есть люди одних
взглядов, общего опыта, языка,
близких целей и предсказуемых
возможностей. Давайте поговорим о
людях соседней улицы или района.
Давайте поговорим об «Уралмаше»}


Новые форматы медиа


Формат композиции
в веб-дизайне


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

дмитрий карпов / desmonych@gmail.com 2012г

основной принцип и критерий
классификации композиционных
принципов в особенностях
навигационного блока и решении
интерактивного пространства


Текстовый - формат
Первые сайты в сети. Дизайн
средствами HTML c минимумом
графики и браузерной интерпретацией
по умолчанию (серый фон, синие
ссылки) 1993-1996 распространенный
с выравниванием по центру элементов
или по левому краю экрана


Конус - формат
стандартные композиционные модели
формат 1993-1996 распространенный
с выравниванием по центру элементов


хорошо знакомый
LEFT - формат и простой
формат 1996-1999 формат многих
информационных ресурсов
вертикальный блок навигации слева


LEFT - формат
формат 1996-1999


LEFT - формат
формат 1996-1999 традиции
вертикальной навигации с левой
стороны страницы заметно
используются сегодня в веб


Г- формат
самый распространенный 1995-2005


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


П- формат
широко используется 1996-2005


Диск- формат
стандартная композиционная модель
для промо-сайтов, корпоративных
сайтов и мультимедиа дисковшироко
используется 1996-1999 старая школа


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


TOP - формат
концентрация важнейшего
функционального материала и
имиджевого / образного в верхней
горизонтали страницы, активный header
использование доминирует1996-2002

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


cтереотипы

TOP - формат


TOP - формат

cтереотипы


TOP LINE - формат

http://www.diesel.com/
colorexposure/ дмитрий карпов / desmonych@gmail.com 2012г

TOP LINE - формат


Центральная
MID-LINE - формат
стандартные композиционные модели горизонталь
навигация
содержанием сайта
через центральный блок, который создает
композиционный баланс


Центральная
горизонталь
навигация
MID-LINE - формат содержанием сайта
через центральный блок, который создает
композиционный баланс


http://www.hidden-heroes.net/




http://krystalrae.com


TOP-SQUARE - формат


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


4-COLUMN - формат

http://www.legendary.com/


4-COLUMN - формат


ступени - формат


ступени - формат http://www.bureau-va.com



cтереотипы

ступени - формат


angled - формат


угловой
наклон
один из самых
выразительных
приемов
angled - формат http://htcsense.dk/


http://www.budnitzbicycles.com/

DOUBLE SLIDER - формат


DOUBLE SLIDER - формат


DOWN SLIDER - формат

http://graphicnovel-hybrid4.peugeot.com/start.html

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

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


WATERFALL - формат
тенденция 2011-12

cтереотипы

http://pinterest.com


cтереотипы

MASH-UP - гибридный формат http://www.pinstagram.co/
тенденция 2011-12


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


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


тенденция 2011-12 особенность в структурной эклектичности,
принципов и паттернов

http://www.lust.nl/


http://www.sound.philips.com


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

http://www.sound.philips.com/


http://lifeis.bbcearth.com/


FULL SCREEN MOTION — видео-сайт
видео композиционно построенное по приемам жанра, принципам съемки и динамике
монтажа с возможностью управления сценами, обычно полноэкранное изображение

http://evelyn-interactive.searchingforabby.com/


FULL SCREEN MOTION — видео-сайт
видео композиционно построенное по приемам жанра, принципам съемки и динамике
монтажа с возможностью управления сценами, обычно полноэкранное изображение

http://sagmeister.com/


VIMETUBE — видео-интерактив
интерактивные возможности средствами формата сервиса

http://www.youtube.com/proﬁle?
annotation_id=annotation_820885&feature=iv&src_vid=4ba1BqJ4S2M&user=tippexperience

INTERACTIVE MOTION — гибридный формат
тенденция 2011-12 интерактивное 3D видео с условно свободной точкой фокуса, управление
выбором точки просмотра и влиянием на композиционное положение объектов

http://www.ro.me/


Ошибки арт-директора

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



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

арт-директор должен понимать,
что такие огромные PNG в
современных браузерах не всегда
плавно плывут, а клиенты плывут
за конкретными выгодами,
экспертизой и авторитетом

http://zestleadership.com/



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

http://zestleadership.com/



текст графикой делать не круто, особенно в такой
композиции легко реализуемой средствами CSS

арт-директору надо следить как его макет
реализуется в деталях, сохраняя эстетику и не
теряя заложенной функциональности


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

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

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


самое скучное, это
проектирование форм
регистрации, покупки,
авторизации, прелодеров,
сообщений об ошибках и
страниц 404...
этим и займемся

Дизайн стандартных
положений


Дизайн «стандартных положений»



Дизайн «стандартных положений»

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

http://www.ro.me/


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

http://bostonglobe.com


Масштабируемость


Чему учат
фантастические
интерфейсы


метод разработки интерфейса
представим себе...

дмитрий карпов 2012г. desmonych@gmail.com

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


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

например, какие возможности
могут появиться у интерактивных
очков Google, какова возможная
выгода от интеграции сервисов
и новых возможностей?

как возможно взаимодействовать
с очками, и по новому
использовать поисковые
http://youtu.be/JSnB06um5r4 возможности, карты, youtube,
социальные сети, переводчик,
хранение файлов?


фантастические сложные штуки, эстетика
многодельности и затейливой информативности


фантастика и реальность


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


интерфейс обеспечивает управление
поступающей информацией


иногда интерфейс это просто красиво


скетчинг


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



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


а может и не нужно смотреть
фантастику, а сесть и
внимательно анализировать
существующие приемы на
массовом рынке


дизайн—красиво


из физической
реальности
в цифровую


Гиперцифровая
реальность


С вами разговаривает...


задание: форма регистрации
на сайте, пять шагов, с каждым шагом
становится все веселее,
познавательней, проще...
отрываемся по полной


Талантливый интерфейс

Закон Фиттса
Интеллектуальные методы / S.M.A.R.T / Wireframes/Features & Functionality matrix/ R.E.A.S.O.N / Персоны
UX проектирование / landing page / Функциональное модульное зонирование
Построение дизайн-процесса в интерактивных медиа



http://fww.few.vu.nl/hci/interactive/ﬁtts/


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

Speciﬁc / Специфичный Actionable / Осуществимый Relevant / Уместный

Measurable / Измеримый

Trackable / Отслеживаемый

http://uxdesign.smashingmagazine.com/2011/09/13/the-s-m-a-r-t-user-experience-strategy/

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

Speciﬁc / Специфичный Actionable / Осуществимый Relevant / Уместный

Measurable / Измеримый

Trackable / Отслеживаемый

стратегия
результат
продукта
KPI

http://uxdesign.smashingmagazine.com/2011/09/13/the-s-m-a-r-t-user-experience-strategy/

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

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

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

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


A A A D
C ABCD
C
ABCD

C
B B B
ABCD

D D
ABCD

определение групп сценарий оптимизация
задач взаимодействия взаимодействия
построение иерархии важности и зависимости построение модели взаимодействия на основе по закону Фиттса скорость принятия решений и точность
ментальной модели и поведенческой действий зависит ои дистанции до объекта и его величины
А главные
B базовые A что увидит пользователь? правило первого экрана
C вспомогательные B что подумает? правило акцента
D дополнительные C что сделает? правило цветового кодирования / глубины информации
D что получит? какой опыт приобретет?

Матрица функциональности (Features & Functionality)

ПЕРСОНЫ


метод разработки интерфейса на основе анализа
пользователей /потребителей

работа с «персонами» или «архетипами»

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

http://www.f-i.com/htc/global/


WIREFRAMES ПРОЕКТИРОВАНИЕ

http://www.f-i.com/htc/global/


МОЛОТЫ ПРОЕКТИРОВАНИЯ



http://www.axure.com


https://gomockingbird.com


ПРОЕКТИРОВАНИЕ ЭТАПА РАЗРАБОТКИ

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

Anton Repponen is Global Creative Director at Fi


ПРОЕКТИРОВАНИЕ ЭТАПА РАЗРАБОТКИ

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

Anton Repponen is Global Creative Director at Fi



Research Empathy Acceptance Sophistication Opportunity Nature



Reason
объективные
причины как
Research Empathy Acceptance Sophistication Opportunity Nature сумма влияний
на концепцию
интерфейса,
от логики функций
до эстетики
и кончных
впечатлений

Исследование Ментальное Принятие. Какие Разработка Интеграция новых Тестирование прототипа
тематических внедрение, стереотипы первичного возможностей в действии и наблюдение
материалов восприятие существуют, что знают прототипа в первичный за естественным поведением
пользователя через о продукте и функции учитывающего прототип, пользователя. Корректировка
глубокое пользователи, все привычные реализация «природы продукта»,
сопоставление себя принятые паттерны паттерны функциональных расширяемость, ограничения,
поведения и знакомые и сценарии и информационных сравнение с другими
метафоры пользователя приоритетов экосистемами


UX проектирование


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


demo демонстрация продукта /сервиса, topline навигационный блок основных проектов
визуальные атрибуты демонстрирующие (смежные промо-сервисы) базовая навигация
обладание и функции, возможные
дополнительные опции и SKU

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

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

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

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


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

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

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

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

технологический тест разработка UX визуальный разработка
эксперимент с потенциально возможным интерфейс дизайн кодинг
использованием технологии стимулирующий
возможности креативного процесса

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

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

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

мотив

потребность

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

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

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

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

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

социальная интеграция

% реализуемость модели

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

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


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



Awareness — узнавание названия бренда и его

Awareness принадлежность к категории.

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

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

Loyalty ближайшем магазине и пр.) на постоянной основе.
Loyalty — потребление по эмоциональным
причинам. Меньше зависит от цены,
дистрибуции и других объективны факторов. Advocacy Advocacy является следствием работы с лояльностью
и приводит к распространению положительных
Accumulation рекомендаций (word of mouth)

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



Awareness
Acceptance
Trial
Retention / Preference
Loyalty
Advocacy
Accumulation



Awareness
Acceptance
Trial
Loyalty

Advocacy

Accumulation



Awareness

Acceptance

Trial


Loyalty

Advocacy

Accumulation


Awareness

Acceptance

Acceptance

Trial

http://graphicnovel-hybrid4.peugeot.com/start.html


http://www.sound.philips.com/


Awareness
Trial
Acceptance


Try to Buy

дополнительный фактор убеждения
минимальный риск

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


Awareness узнавание «...кстати, вот что посмотрю»

возможно «интересно... нравится»

Acceptance

вот бы мне такие «офигительно смотрится»

Trial

Acceptance

хочу «уверен, мне подхолит»


Тайна профессии: Не спрашивай у пользователя мнения,
дай ему готовый продукт

Тайна профессии: Читай в день по заметке о технологии

Тайна профессии: Меньше слушай советов, больше пробуй сам

Тайна профессии: Пять лет назад устройство типа IPad было фантастикой,
сегодня у многих, завтра у всех

Тайна профессии: Лучше спорить прототипами


https://vimeo.com/47875656


Огонь. Молоты. Таланты

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Огонь. Молоты. Таланты

Ähnlich wie Огонь. Молоты. Таланты (20)

Mehr von Dmitry Karpov

Mehr von Dmitry Karpov (12)

Огонь. Молоты. Таланты