Карьера Алекс Найт
297

Создание прототипа умного продукта

Введение

В закладки

Процесс создания умного продукта начинается с создания карты путешествия потребителя (Customer Journey Map, CJM) продукта. Создание CJM длится на протяжении жизни продукта. При качественном подходе к созданию карты нужно осознавать, что CJM является руководством по построению продукта или оптимизации процесса оказания услуг.

Практическая польза

  • Оптимизация пути потребителя
  • Устранение препятствий и слабых мест при взаимодействии потребителя с услугой
  • Повысить общую удовлетворенность клиентов продуктом

Когда использовать

Преимущества CJM в том, что можно как зафиксировать реальный существующий опыт потребителей, так и создать совершенно новый.

Применение CJM будет актуально:

  • В качестве инструмента исследования - на первых этапах проектирования продукта;
  • Для анализа эффективности и улучшения - после запуска продукта;
  • Для оптимизации оказания услуг и работы компании разработчика продукта - на любом этапе жизни продукта.

Проектирование карты путешествий потребителя

1. Определим цели создания CJM и учтём их при проектировании карты

- Оценим удовлетворённость потребителей;

- Выявим проблемы потребителей, слабые точки коммуникации с брендом, предложим решения.

2. Собрать данные о потребителях

  • Провести исследования рынка;
  • Провести полевые исследования потребителей, опросы фокус-групп;
  • Изучить сервисы веб-аналитики;
  • Проинтервьюировать заказчика проекта или лиц, владеющих информацией;
  • Когда появится возможность, самому стать клиентом своего продукта.

3. Выбрать инструмент создания CJM, доступные всем участникам команды по разработке продукта

- доска, маркеры, стикеры;

- онлайн-сервисы.

4. Спроектируем CJM

- Создаём собирательный образ нашего потребителя для лучшего понимания нашей аудитории, её ожиданий и их соответствия бизнес-требованиям, а также определяем период времени за который клиент проходит потребительский путь;

- Определяем основные этапы (от возникновения потребности до становления постоянным клиентам) взаимодействия потребителя с продуктом.

5. Определим каналы взаимодействия потребителя с продуктом

  • Поисковые системы;
  • Сервисы онлайн-карт;
  • Онлайн-агрегаторы;
  • ТВ-реклама;
  • Социальные сети;
  • Друзья, знакомые;
  • Реклама в интернете.

6. Разрабатываем мини-пользовательские сценарии поведения потребителя на каждом этапе с учетом возможных каналов взаимодействия.

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

7. Исследуем опыт потребителей

Пытаемся понять, что чувствует и думает потребитель и какие впечатления у него остаются на каждом шаге решения проблемы. И фиксируем результаты для каждого этапа на карте.

8. Анализируем барьеры и предлагаем пути обхода

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

9. Приоритезируем полученные идеи и решения

- Расставляем приоритеты идей и решений, выделяем из их числа наиболее значимые;

- Рассчитываем эффективность воплощения идей, составляем план реализации.

10. Внедряем и тестируем приоритезированные решения

- Внедряем решения;

- После завершения тестового периода оцениваем эффективность внедренных решений (модернизируем или переделываем CJM).

Разработка умного UX/UI

1. Используем наработки мини-пользовательских сценариев при создании CJM и создадим расширенные пользовательские сценарии

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

2. Создадим диаграммы и логические схемы взаимодействия с продуктом

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

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

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

4. Детальное описание контента и функционала

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

Для наглядности и удобства лучше прописывать отдельно контент и действия, выделяя ключевые действия для экрана и описывая содержимое меню отдельно.

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

5. Создадим прототип

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

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

6. Карта навигации

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

7. Разработка визуальной части

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

8. Тестирование визуальной части.

9. Подготовка материалов для передачи в разработку и передача в разработку.

Статья разработана автором нового канала ""

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Алекс Найт", "author_type": "self", "tags": [], "comments": 0, "likes": 3, "favorites": 24, "is_advertisement": false, "subsite_label": "hr", "id": 60705, "is_wide": false, "is_ugc": true, "date": "Sun, 10 Mar 2019 18:10:45 +0300" }
{ "id": 60705, "author_id": 260841, "diff_limit": 1000, "urls": {"diff":"\/comments\/60705\/get","add":"\/comments\/60705\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/60705"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199121 }

Комментариев нет 0 комм.

Популярные

По порядку

0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления
{ "page_type": "default" }