Моя лекция и мастер-класс для БВШД (BHSAD): 1. Всадники Апокалипсиса: UX, UI, UXD, Usability. 2. Workshop, креативная методика BrandTwist 3. Лайфхаки в создании презентации.

1. IDEA
ENGINEERING
26. 05. 2014
Спикер:
Дарья Мингалиева

2. 40 мин - презентация “Idea Engineering”
30 мин - воркшоп
Бонус:
20 мин - презентация “Лайфхаки и инструменты для продажи идеи”
AGENDA

3. IDEA ENGINEERING
Часть 1. Коммуникационная стратегия и креатив

4. МАРКЕТИНГОВАЯ
БИЗНЕС
КОММУНИКАЦИОННАЯ
У ВАС ЕСТЬ СТРАТЕГИЯ?
ДЕНЬГИ ДЕНЬГИ ДЕНЬГИ
ЦИФРЫ И KPI
СООБЩЕНИЕ

6. ВЫ КТО?
АРТ ДИРЕКТОР
КОПИРАЙТЕР

7. “Один на на заборе Х*Й напишет,
другой - нарисует”
Чем отличаются?

8. ЧЕМ КРЕАТОР ОТЛИЧАЕТСЯ
ОТ ЧЕЛОВЕКА?

9. CREATIVE IDEA TECHNOLOGY
STRATEGY
Idea
Engineer

10. BRAND EXPERIENCE

11. stuffhappens.com by Eric Burke

12. stuffhappens.com by Eric Burke

13. stuffhappens.com by Eric Burke

14. BRAND EXPERIENCE?

15. BRAND = EXPERIENCE

16. UX
UI
USABILITY UXD

17. UX (User
experience)
Восприятие человеком
всех элементов,
формирование отношения.
Что я чувствую?
Верю ли я этому бренду?
Нравится ли мне такой подход?

18. UI (User interface)
Взаимодействие с интерфейсом -
сайта, приложения, программы.
Как я буду это использовать?
На что нужно нажать?
Как это выглядит?
+ Usability, Wireframes & Prototyping

19. UXD (User
Experience Design)
Симбиоз различных дисциплин, в том
числе, психологии, дизайна, социологии,
программирования для создания нужного
опыта взаимодействия.
Кто это будет использовать?
Что пользователь должен почувствовать в
этот момент?
+ Графический дизайн, User research

20. USABILITY
Удобство и эффективность
использования, практичность,
пригодность, эргономичность.
Кто это будет использовать?
Что пользователь должен почувствовать в
этот момент?
+ Графический дизайн, Тестирование

21. UI
USABILITY
UXD
UXInformation
architecture
Visual
design
User
research

22. ДИЗАЙН - ЭТО НЕ ПРОСТО
КРАСИВЫЕ КАРТИНКИ.
ПРАВИЛЬНЫЙ ДИЗАЙН -
ЭТО РЕШЕНИЕ ПРОБЛЕМ.

23. DESIGN IS NOT JUST WHAT IT LOOKS LIKE.
DESIGN IS HOW IT WORKS.
Steve Jobs

24. КАК СДЕЛАТЬ
ПРАВИЛЬНО?

26. ИЩИТЕ
TOUCH POINTS

27. Devices Common behavior
- web search & surfing
- social networks
- lunch (order in the office /cafe)
- e-mails
- online shopping
- web search & surfing
- social networks
- time-killing & gaming
- video/ music/ books
- online shopping
- social networks
- quick search
- messagers
- time-killing & gaming
- making photos
- Map apps
Touchpoints &
opportunities
Геолокация (check-ins)
Арт-объекты (photo-stream)
Интеграция в игры
Спецпроект на
релевантных площадках
Кафе рядом с офисом
Настоящие письма (в офис)
Связка оффлайн/онлайн
Ко-промо с доставкой
Stress level
high
our mission/
tone of voice
low
dreaming time
give ideas to plan schedule
middle inspire
work
home
places
high
road/ traffic
jams
airports/ train
stations
- social networks
- quick search
- messagers
- Map apps
- social networks
- quick search
- messagers
- time-killing & gaming
middle
Партнерская программа с Aeroflot
(Биллборд на вылете)
Интерактивные экраны
Геолокация (check-ins)
Арт-объекты (photo-stream)
Биллборды
Мобильные
Радио
inspire
entertain/ surprise/
catch attention and
give extraordinary
experience
entertain/ surprise/
catch attention and
give extraordinary
experience

29. ДОПУСТИМ,
ВЫ ПРИДУМАЛИ
МОБИЛЬНОЕ
ПРИЛОЖЕНИЕ

30. ЗАЧЕМ?

31. ДЛЯ КОГО?

32. КАК?

33. MO-S-CO-W
метод

34. M - MUST have this
S - SHOULD have this at possible
C - COULD have this if it does not affect anything else
W - WANT this it in the future
MO-S-CO-W

35. ДУМАЙТЕ
ЭМОЦИОНАЛЬНО:

36. think
feel
brand role
knowledge
- I don’t really care about how safe my
money are
- Probably I need to do something in
order not to get fooled
- There’s a good solution that
safeguards my money.
+
-
experiencing
the problem feeling protectedcomfort zone
+
-
Sparks interest Makes think
Offers solution,
provides protection
Start. FB login Tricks Purchase/trial. Share
EXPERIENCE MAP

37. ЭТО ЛИШЬ ЧАСТЬ
ЭКО-СИСТЕМЫ..

39. Voice of the consumer – collects user
feedback around particular phases of the
consumer lifecycle. This can be tweets,
service centre calls, emails or surveys.
Brand goals – the ideal experience of the
user based on the brand values and user
needs.
User experience – the actual experience of
the user based on the feedback collected.
The gap – Phase of the consumer lifecycle
where the actual experience deviates from
the ideal.
Opportunities – Ideas or propositions that
attempt to narrow or close “the gap”.

40. ДУМАЙТЕ
РАЦИОНАЛЬНО:

42. ПЛАТФОРМА:
ПРИСУТСТВИЕ БРЕНДА

43. DIGITAL PLATFORM
YouTube Channel
Website
Social Media
VK
community
Product Info
Rich-
media
Special
Project
Regular
video
flights
Edu-test
16-25 y.o. 16-45 y.o.
16-45 y.o.
Instagramm
account
BRAND

44. FLOWCHART/ TIMELINE:
ПЛАН КАМПАНИИ

45. платформа
social networks promotion
баннеры, спецпроекты, rich медиа
продвижение
youtube channel
промо-сайт (+CRM)
SEO
концептуальное
развитиеактивации
STAGE 1
Узнает
STAGE 2
Эмоционально «примеряет на себя»
STAGE 3
Смотрит в детали
НАЗВАНИЕ
АКТИВАЦИИ
НАЗВАНИЕ
АКТИВАЦИИ
viral video / contest
НАЗВАНИЕ
АКТИВАЦИИ
online + offline
НАЗВАНИЕ
АКТИВАЦИИ
extraordinary experiencebtl + online

46. ЭКО-СИСТЕМА:
ВЗАИМОДЕЙСТВИЕ ВСЕХ
СОСТАВЛЯЮЩИХ БРЕНДА

47. ECOSYSTEM
loyal visitors direct marketing
related vk/ok groups
brand website
building awareness
word of mouth
social media management
paid media, SEO, creative media
traditional media
brand website
digital
platform
new visitors
SM communities Youtube channel
social platforms

48. ДЕЛАЙТЕ ПРОТОТИПЫ

50. ТЕСТИРУЙТЕ

51. A B

54. IDEA ENGINEERING
Часть 2. Креативная идея. Workshop.

56. Креативная методика
Julie Cottineau
(Founder & CEO of BrandTwist)
http://brandtwist.com/

58. YOUR BRAND + MENTOR BRAND
= FRESH IDEAS

59. YOUR BRAND:

60. MENTOR BRANDS:

61. У ВАС ЕСТЬ 20 МИНУТ

62. ВЫ УСПЕЛИ РОДИТЬ КРУТУЮ ИДЕЮ?
ПОРА ПОКАЗАТЬ ЕЕ МИРУ!

63. IDEA ENGINEERING
Часть 3. Лайфхаки и инструменты для продажи идеи.

64. КТО УМЕЕТ РИСОВАТЬ?
поднимите руку,

65. ВСЕ.

66. ВИЗУАЛИЗИРУЙТЕ!
ДАЖЕ ЕСЛИ ВЫ ДУМАЕТЕ, ЧТО НЕ
УМЕЕТЕ РИСОВАТЬ

67. Во-первых, у вас есть

68. Во-вторых, у вас есть

69. KseniaPodolskaya1986

70. KseniaPodolskaya1986

73. КАКИМ МОЖЕТ БЫТЬ СКЕТЧ?

79. WEBSITE | LAYOUT
tummy key visual
menu sectionslogo
banner edu-testSM links
Provide answer in keyvisual (belly)
IN WHAT SITUATIONS DOES IT HELPS?
Article
Learn more
about your
tummy
choose
product
Visual guide how & when to use BRAND
Focus on
education
HOW TO USE?
INSTRUCTION

83. BRAND
PRODUCT

84. BRAND
PRODUCT

85. BRAND
PRODUCT

86. BRAND
PRODUCT

87. BRAND
PRODUCT

88. BRAND
PRODUCT

95. Новый дизайн Больше технологий Комфорт Вместительность

96. Новый дизайн Больше технологий Комфорт Вместительность

97. Новый дизайн Больше технологий Комфорт Вместительность
Хромированная накладка решетки радиатора придает передней части автомобиля спортивный штрих
Хромированная накладка решетки радиатора Хромированная накладка решетки радиатора придает
передней части автомобиля спортивный штрих Хромированная накладка решетки радиатора
Комфорт

98. Хромированная накладка решетки
радиатора придает передней части
автомобиля спортивный штрих
Новый дизайн Больше технологий Комфорт Вместительность
Большетехнологий

99. Хромированная накладка решетки радиатора придает
передней части автомобиля спортивный штрих
Хромированная накладка решетки радиатора придает
передней части автомобиля спортивный штрих
Новый дизайн Больше технологий Комфорт Вместительность
Большетехнологий

100. ПРОТОТИПИРОВАНИЕ
Axure, Balsamiq Mocups, Photoshop, inDesign

101. СКЕТЧИ
WIREFRAMES
ПРОТОТИПЫ

104. http://www.axure.com/
Balsamiq MocupsAxure UX Pin
http://uxpin.com/http://balsamiq.com/products/mockups/

105. Keynote
https://www.apple.com/ru/mac/keynote/

106. Анимация показа web-страниц*
подсмотрено у Антона Репоннина, Fantasy Interactive,
научили делать в офисе Sapient New York (Diego Eduardo Rioja, tnx!)

107. BRAND
PRODUCT
scroll
down
effect

108. Page Layers
https://itunes.apple.com/ru/app/page-layers/id437835477?mt=12

113. шрифт BLOKK
http://blokkfont.com/

115. http://thenounproject.com/
THE NOUN PROJECT

116. Папка с картинками

118. http://www.uistencils.com/

119. https://placeit.net/
PLACE it

121. ПОЧТИ КОНЕЦ

122. НЕ СИДИТЕ В ОФИСЕ.
ПОЛУЧАЙТЕ ОПЫТ.

126. https://www.facebook.com/adwanted http://www.linkedin.com/in/adwanted