1234

CJM

кастомер джорні меп?

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/

1. Afordance (Афорданс)
2. Perceivability (Сприйнятливість)
3. Feedback (Відгуки)
4. Constraints (обмеження)

Psychology and UX

Когнитивні іскаженія?