Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Conversion centered design 3

51 views

Published on

Conversion centered design

Published in: Design
  • Be the first to comment

  • Be the first to like this

Conversion centered design 3

  1. 1. СCD Conversion Centered Design
  2. 2. Human Centered Design HCD Рис. 1
  3. 3. Ценности HCD дизайна берутся из философии гуманизма – в рамках идеологи, что приложения создаются для людей и человеческое удовлетворение от их использования, является высшим мерилом и предназначением приложений.
  4. 4. Основные принципы HCD •Immersion (погружение) •Empathy (эмпатия) •Co-creation (совместное создание)
  5. 5. Планирование процесса человеко-ориентированного проектирования Понимание и определение условий использования Определение требований пользователей Разработка проектных решений, соответствующих требованиям пользователей Проект соответствует требованиям пользователей Разработанный проект соответствует требованиям пользователей START FINISH ДАНЕТ
  6. 6. NO! Рис. 2
  7. 7. СCDConversion Centered Design Рис. 3
  8. 8. Conversion — отношение числа пользователей, выполнивших целевые действия, к общему числу пользователей
  9. 9. HCD Дизайн (CCD) – это идеология, специально предназначенная для разработки интерфейсов, достигающей одной бизнес-цели.
  10. 10. Выбор KPI для улучшения Определение как новые KPI, повлияют на бизнес модель и лайф стори продукта Просчет рисков и расходов Выбор решений, которые могут повлиять на изменения KPI проекта и на отклик пользователей START Определяем методику внесения изменений Имея гипотезу которую хочется проверить Внесение изменений в проект Рубануть шашкой и внести изменения Имплементация успешного решения A/B тесты или мультивариативное тестирование Проверка эфективности внедренных изменений. Проверка основных KPI всего проекта. Получение фидбека от пользователей. Процесс тестированияОпираясь на аналитические данные или данные, полученные иным способом Способствовала итерация росту KPI. Не уронила другие показатели. Был положительный отклик пользователей Отчет о неудачном опыте. Отказ от повторной итерации. С ДАННЫМИ БЕЗ ДАННЫХ МАМКИН СИМПАТЯГА ДАНЕТ НЕТ FINISH
  11. 11. GOOD! Рис. 4
  12. 12. Основные принципы СCD •Сatch (захват) •Сontrol (управление) •Сonduct (ведение) •Target hit (целевой удар)
  13. 13. Сatch (захват) Hook and Bonuce Sweep Technique
  14. 14. Сontrol (управление) Pretty Girl Looking Mirror
  15. 15. Сonduct (ведение) Piercing Bridge, Returning to Cave
  16. 16. Target hit (целевой удар) Ocean Wave Bouncing Ball
  17. 17. UI for СCD Рис. 5
  18. 18. 1. Ясность (базовая композиция) 2. Соразмерность 3. Закрытие (гештальта) 4. Внимание 5. Непрерывность 6. Контекст 7. Достоверность Композиция и цвет Психология Сторителлинг
  19. 19. Композиция Рис. 5
  20. 20. Ясность – это простота восприятия
  21. 21. 1
  22. 22. 1 2
  23. 23. 2 1 3
  24. 24. 1 4 2 3
  25. 25. Соразмерность
  26. 26. Дитер Рамс
  27. 27. Дитер РамсДитер Рамс
  28. 28. Инкапсуляция “не выпусти их”
  29. 29. Daniel Tan
  30. 30. Психология
  31. 31. Психология среды (энвайронментальная психология)
  32. 32. Поведение определяется особенностями личности и средой Курт Левин В — поведение; F — знак функциональной зависимости; Р — особенности личности; Е — окружение. В = f(P, E)
  33. 33. В = f(UX, UI)
  34. 34. Сигнал – Шум
  35. 35. Отношение сигнал/шум — безразмерная величина, равная отношению мощности полезного сигнала к мощности шума
  36. 36. СCD Conversion Centered Design
  37. 37. uxa.one
  38. 38. Daria Pozolotina
  39. 39. по принципу воздействия на человека Группировка элементов
  40. 40. Инфо-блок Промо-блок Блок разрыва
  41. 41. Инфо-блок
  42. 42. Poppie Pack
  43. 43. Non-Verbal Club
  44. 44. Non-Verbal Club
  45. 45. Промо-блок
  46. 46. Pavel Samokhvalov
  47. 47. Блок разрыва
  48. 48. Non-Verbal Clubchristian boiteux
  49. 49. Рифмы Промо-блок Инфо-блок Промо-блок Инфо-блок Промо-блок Инфо-блок Инфо-блок Промо-блок Инфо-блок Промо-блок Промо-блок Инфо-блок Инфо-блок Промо-блок Промо-блок Инфо-блок Блок разрыва можно ставить везде где он будет помогать сюжету
  50. 50. Инна Герман
  51. 51. Цвет Рис. 6
  52. 52. Как работает зрительная система
  53. 53. Как мы понимаем, на что смотрим
  54. 54. Селекция — выделение из потока информации объекта восприятия Организация — объект идентифицируется по комплексу признаков Категоризация и приписывание объекту свойств объектов этого класса
  55. 55. Цветовые контрасты
  56. 56. Иоганнес Иттен Теория цветов Виды контрастов
  57. 57. 1. Контраст цветовых сопоставлений 2. Контраст светлого и тёмного 3. Контраст холодного и тёплого 4. Контраст дополнительных цветов 5. Симультанный контраст 6. Контраст цветового насыщения 7. Контраст цветового распространения.
  58. 58. Контраст
 цветовых сопоставлений
  59. 59. Landing Услуги Мы как Google! Даже круче! Работа Цены Контакты Подробнее Google (евр. рас. ‫,לגוג‬ Гугл, Гугля, Гоголь, Elgoog, Пщщпду) — самая известная поисковая система в мире, созданная университетскими друзьями, при всяческом содействии Всемирного Правительства. Контакты Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов
  60. 60. Контраст светлого и тёмного
  61. 61. Powered by Android Landing Услуги Особенности Работа Цены Контакты Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Фурор от Сколково! Телефон «Алтай»! Развитие цифровых технологий приведет к тому, что в  будущем мобильные телефоны заменят чипы, а покупки за нас будут совершать роботы. Люди откажутся от  телефонов и будут совершать звонки с помощью
  62. 62. Контраст холодного и тёплого
  63. 63. Landing Услуги Впустите наше приложение туда, куда свои не впускали Особенности Работа Цены Контакты Подробнее Каждая реклама Apple — это произведение искусства. Десятки, а то и сотни фотографий создаются лишь для того, чтобы рекламируемый товар выглядел так, что его хочется потрогать, испытать и купить. Контакты Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов
  64. 64. Контраст дополнительных цветов жёлтый — фиолетовый жёлто-оранжевый — сине-фиолетовый оранжевый — синий красно-оранжевый — сине-зелёный красный — зелёный красно-фиолетовый — жёлто-зелёный
  65. 65. Landing Услуги Аккуратно увеличиим глубину вашего сайта Особенности Работа Цены Контакты Подробнее Каждая реклама Apple — это произведение искусства. Десятки, а то и сотни фотографий создаются лишь для того, чтобы рекламируемый товар выглядел так, что его хочется потрогать, испытать и купить. Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов
  66. 66. Контраст
 цветового насыщения
  67. 67. Landing Услуги Новая модель приватности! Гарантия от ФСБ! Особенности Работа Цены Контакты Подробнее Каждая реклама Apple — это произведение искусства. Десятки, а то и сотни фотографий создаются лишь для того, чтобы рекламируемый товар выглядел так, что его хочется потрогать, испытать и купить. Контакты Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов
  68. 68. Контраст цветового распространения
  69. 69. LandingLanding Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Подробнее Контакты
  70. 70. Некоторые говорят, что цвет кнопки не имеет значения, но это не так, если правильно используешь цветовые контрасты. 
  71. 71. Симультанный контраст
  72. 72. Сергей Лачинов
  73. 73. Landing Услуги В новой модели, самая узкая воронка продаж Особенности Работа Цены Контакты Подробнее Каждая реклама Apple — это произведение искусства. Десятки, а то и сотни фотографий создаются лишь для того, чтобы рекламируемый товар выглядел так, что его хочется потрогать, испытать и купить. Контакты Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов
  74. 74. Как использовать цвет
  75. 75. Landing Услуги Аккуратно увеличиим глубину вашего сайта Особенности Работа Цены Контакты Подробнее Каждая реклама Apple — это произведение искусства. Десятки, а то и сотни фотографий создаются лишь для того, чтобы рекламируемый товар выглядел так, что его хочется потрогать, испытать и купить. Продам Жигули Сайты под ключ Печать документов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов Он как сучок в глазу души моей! В года расцвета Рима в дни побед, пред тем как властный Юлий пал, могилы стояли без жильцов
  76. 76. Психология
  77. 77. Социальное доказательство «Все покупают, и я купил»
  78. 78. Направленные сигналы Это визуальные индикаторы, указывающие на фокусную область ваших целевых страниц.
  79. 79. Срочность и скудность «Купи сейчас», «Не пропустите». «Осталось 100 штук», «1 товар в наличии».
  80. 80. Попробуйте, прежде чем покупать Дайте подержать свой товар в руках
  81. 81. Тестирование Рис. 7
  82. 82. Методы тестирований Количественные и качественные методы. Удаленные и не удаленные.
  83. 83. • Интервью • Опросы • Отзывы • Полевое этнографическое исследование • Модерируемое и не модерируемое исследование • Фокус-группа • Окулография • Исследование в юзабилити-лабораториях • Сплит тестирования
  84. 84. Сплит тестирование •Определитесь с KPI. •Формулировка новой гипотезы. •Определите продолжительность тестирования. •Запуск тестирования. •Подтверждение гипотезы.
  85. 85. *cторителлинг Рис. 8
  86. 86. Чтение истории, от которой невозможно оторваться
  87. 87. Предложение, от которого невозможно отказаться
  88. 88. Голос, который будет звучать в голове
  89. 89. Groupon
  90. 90. Groupon
  91. 91. Spotify
  92. 92. Netflix
  93. 93. Apple
  94. 94. HCDvsCCD postscriptum
  95. 95. HCD vs CCD
  96. 96. Рис. 9 Спасибо
  97. 97. Q&A
  98. 98. Design first. Cry Later.

×