1234
124CJM
кастомер джорні меп?
CJM отражает путь клиента к продукту, выявляет проблемные области и подсказывает, как увеличить продажи и повысить лояльность клиентов.
С помощью карты проявляются основные страхи и ожидания клиентов. Это главное отличие CJM от воронки продаж, в которой компания рисует линейное движение потребителя к продукту без обходных путей.
1. Собрать информацию
Для начала следует изучить аудиторию и продумать персонажей.
2. Отметить точки и каналы взаимодействия
Далее следует определить и отметить точки пересечения клиента и компании. Где и каким образом чаще всего клиент соприкасается с продуктом?
3. Отметить критические точки и барьеры
Барьеры мешают клиенту перейти от одной точки к другой. Это могут быть как ошибки на сайте или письма в спаме, так и сомнение или потеря интереса у покупателя.
4. Устранить барьеры
Конечная цель карты — создать положительный потребительский опыт, непрерывное и успешное взаимодействие покупателя с продуктом. Барьеров должно быть мало, а движение потребителя по карте — комфортное.
5. Повторить всё сначала
Service Blueprint
(карта сервисного сценария)
CJM — это исследование текущего пользовательского пути «как он есть», а Service Blueprint — карта спроектированного вами на основе этого клиентского пути (его проблем и возможностей) новое сервисное решение.
Опис процесу який відбувається за кулісами взаємодії користувача з сервісом
Так звана внутрішня кухня
Компоненты карты сервиса (сервисного сценария):
- Атрибуты сервиса
- Действия “On stage” на сцене сервиса: Сценарий пользователя (CJ) и действия сервисмена.
- Линия видимости для пользователя: отделяет «видимые» процессы для пользователя от тех, что находятся «за сценой».
- Возможные ошибки и их решения: мы ввели этот компонент, так как изучили возможные срывы сценария и можем предложить быстрые решения.
- Backstage или за сценой: действия сотрудников и процессов, поддерживающие действия на сцене, но не видимые для клиента.
- Поддерживающие процессы: Внутренние шаги и взаимодействия, которые помогают сотрудникам в предоставлении услуги.
Problem framing
???
Ideate phase
Backlog. Prioritization
Розповісти як приорітизувати
Sketching. Crazy 8
Не буде питати
Шо таке крейзі 8?
Wireframing (не буде)
Card sorting
Що таке, яке буває?
Сортування карт - техніка в дизайні досвіду користувача, в якій людина тестує групу предметних експертів або користувачів, щоб створити дендрограму (дерево категорій)
Відкрите сортування карт - під час відкритого сортування карт учасники створюють власні імена для категорій
Закрите сортування карт - учасникам надається заздалегідь визначений набір категорій імен. Потім вони присвоюють індексні картки цим фіксованим категоріям.
Реверсне - тестується існуюча структура категорій та підкатегорій.
Кожна карта містить назви підкатегорій, пов’язаних із категорією, і користувач повинен знайти карту, найбільш відповідну даній задачі, починаючи з основної картки з категоріями верхнього рівня.
Information Architecture & Conceptual Models
Шо таке?
Navigation Patterns
4-5 штук
Feedback Loops
Дія - реакція - рішення
https://medium.com/codeandco/ux-making-experiences-feel-natural-with-feedback-loops-ce4eb333f99c
Prototype phase
Design Patterns (не буде)
Design systems
http://styleguides.io/
https://designpub.ru/%D0%BA%D0%BE%D0%B3%D0%B4%D0%B0-%D0%BD%D1%83%D0%B6%D0%BD%D0%B0-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0-%D1%87%D1%82%D0%BE-%D1%8D%D1%82%D0%BE-%D1%82%D0%B0%D0%BA%D0%BE%D0%B5-%D0%B8-%D0%B3%D0%B4%D0%B5-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D1%82%D1%81%D1%8F-d469df2c25fc
Шо таке, які бувають?
З чого складається:
- ценности компании;
- визуальный язык продуктов (гайдлайны, брендбук);
- инструменты для оптимизации работы с дизайн-задачами для дизайнеров (библиотека компонентов в Sketch или Figma, гайд по шрифтам, лейауты);
- дизайн-документация, которая описывает технические стандарты и концепцию применения этих инструментов.
Atomic design (не буде)
Prototyping (не буде)
Interaction Design
Animation & UI Motion Design
Responsive vs Application Design
чим відрізняється
Visual Design
HIG. Material design
Content Ops. Writing for the Web
Вимоги до дизайнера для написання?
Data visualization
Які бувають чарти?
Illustration (не буде)
Development Support
Validation
Usability Testing Methods
Тестування віддалене/не віддалене Види тестування? https://www.hotjar.com/usability-testing/methods
A/B Testing
Шо таке? (аа/аb)
https://www.yatsenkosergey.com/kak-stat-uverennee-s-pomoshhyu-aa-testirovaniya/
https://cloudmakers.ru/a-b-testirovanie-v-ux-dizajne-sajtov/
A/B тестирование представляет собой метод сравнения двух версий цифрового продукта, чтобы узнать, какой из них лучше работает. Kоманда делит пользователей на две группы, и каждой из них предоставляют разные варианты. Одна половина — версия A, другая — B. Такой подход помогает определить более выгодное решение.
Шаг 1. Соберите данные
Шаг 2. Задайте цели
Шаг 3. Постройте гипотезу
Шаг 4. Создайте версии A и B
Шаг 5. Перейдите к тестированию
Шаг 6. Анализ результатов
Mobile Device Testing
Remote Testing
Theoretical Knowledge
Human-Computer Interaction
Які принципи?
http://www.lukemurphy.info/5-design-principles-of-human-computer-interaction/
- Afordance (Афорданс)
- Perceivability (Сприйнятливість)
- Feedback (Відгуки)
- Constraints (обмеження)
Psychology and UX
Когнитивні іскаженія?