Как разрабатывать интерфейс продукта

Slide 1

Slide 1 text

Концепция интерфейса продукта

Slide 2

Slide 2 text

Постановка

Slide 3

Slide 3 text

Интерфейс – это диалог

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Вход и выход [вход] В чем проблема и сомнения пользователя? Что он хочет услышать?     Какие цели у бизнеса? Какой пользы мы хотим добиться? [выход]

Slide 6

Slide 6 text

Вход и выход [вход] В чем проблема и сомнения пользователя? Что он хочет услышать? Никому не интересно, что предприятие хочет рассказать. Наша задача понять, что хочет узнать целевой пользователь Какие цели у бизнеса? Какой пользы мы хотим добиться? [выход]

Slide 7

Slide 7 text

В чем ваша выгода? Чем вы торгуете? Кто ваш клиент?

Slide 8

Slide 8 text

Что у вас за продукт? Товар или услуга. Так, как ее называет ваш клиент Чем вы на самом деле торгуете? То, в чем состоит смысл вашего продукта глазами клиента Почему его покупают именно у вас? Ответ на вопрос, чем вы лучше всех, или на вопрос, что заставляет сделать выбор в пользу вас

Slide 9

Slide 9 text

Что у вас за продукт? Всего понемногу Чем вы на самом деле торгуете? Товаром  Почему его покупают именно у вас? Ничем не лучше, мы такие же, как все

Slide 10

Slide 10 text

Что у вас за продукт? Всего понемногу Чем вы на самом деле торгуете? Товаром  Почему его покупают именно у вас? Ничем не лучше, мы такие же, как все всегда есть преимущество

Slide 11

Slide 11 text

Что у вас за продукт? Дешевые пляжные туры Чем вы на самом деле торгуете? Эмоциями  Спокойствием во время отдыха Почему его покупают именно у вас? У нас действительно толковые продавцы  Мы по-человечески относимся к людям во время продажи и отдыха

Slide 12

Slide 12 text

Что у вас за продукт? Продаем оригинальные запчасти ВАЗ оптовикам Чем вы на самом деле торгуете? Лояльность клиентов  Маржу Отсутствия геморроя с поставками Почему его покупают именно у вас? Маржа выше Качество стабильное Поставки в предсказуемые сроки

Slide 13

Slide 13 text

Что у вас за продукт? Про это рассказывают все, потому что такая информация уже есть в наличии Чем вы на самом деле торгуете?   Почему его покупают именно у вас?

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

Процесс

Slide 16

Slide 16 text

Сегменты Целевая аудитория Персоны Сценарии Требования Источники Входы Выходы Метрики Цели сайта Цели бизнеса Интерфейс Артефакты Хотелки

Slide 17

Slide 17 text

На выходе – интерфейс 1.Навигация 2.Сценарии и их визуализация на схеме 3.Компановка ключевых экранов (прототип) 4.Контент-план 5.Требования к функциональности 6.Оформление

Slide 18

Slide 18 text

Целевая аудитория Цели и задачи аудитории Контекст Персонажи Сценарии Требования

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Персонаж = клиент

Slide 22

Slide 22 text

Пользователи  Составить профиль каждой группы: пол, возраст, профессия, особенности характера, поведения, культурные особенности и проч. Цели и задачи  Определить цель, составить перечень задач, которые выполняет каждая группа пользователей для достижения этой цели Контекст и среда  Описать, в каких условиях каждая группа пользователей будет использовать интерфейс, какие ограничения задают эти условия, на каком устройстве, как осуществляется ввод/вывод информации

Slide 23

Slide 23 text

Цель и задачи персонажа Цель - это то, ради чего он вообще действует. Желаемый образ будущего. «Как все стало» Задачи - это шаги, которые он предпринимает для достижения цели Сценарий - это последовательность действий при решении задачи

Slide 24

Slide 24 text

Персонаж 1.Особенности персонажа 2.Имя и фото 3.Где работает, где живет, чем увлекается,   сколько лет 4.История (как возникла проблема) 5.Цель (что сейчас хочу получить в итоге) 6.Опыт использования интерфейса 7.Функция персонажа в экологии продукта

Slide 25

Slide 25 text

Зачем нужны персонажи 1.Персонаж = контейнер для требований 2.Помогает синхронизировать видение команды 3.Команда достоверней предсказывает проблемы и поведение посетителей 4.Помогает принимать решения на разных стадиях проекта

Slide 26

Slide 26 text

Какие проблемы решают персонажи 1.Помогают удерживать фокус на главном и не увлекаться фичами 2.Решают проблему «Резинового среднего юзера» 3.Решают проблему эгоцентричного «Мне так удобно» дизайна 4.Помогают расставить приоритеты в разработке и не тратить время на редкие исключения

Slide 27

Slide 27 text

Вопросы  Кто наши пользователи, и что они делают с системой?  Сколько их? Методики  Анализ конкурентов, интервью с пользователями, наблюдения за пользователями, фокус-группы Результат  Отчет с общими характеристиками ЦА а Первичный анализ аудитории

Slide 28

Slide 28 text

Вопросы  В чем разница между пользователями? Какие у них особенности в поведении, позволяющие выделить группы? Результат  Черновое описание целевых групп Выделение групп

Slide 29

Slide 29 text

Выделяем важные для целевой группы параметры при решении типичных задач в заданном контексте    Активность, Возраст, Опыт использования интерфейса, Страсть к приключениям, Готовность тратить деньги на развлечения 1 переменная = 1 шкала  Для каждой шкалы задаем размерность.   Например: много/средне/меньше среднего/мало/нет На каждой шкале будет по несколько точек – переменных для каждой целевой группы Выделение персонажей

Slide 30

Slide 30 text

«Купить телефон Nexus у нормального продавца» «Выбрать, какой покупать фотоаппарат» «Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Сценарии и требования

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

Прототип

Slide 38

Slide 38 text

Самый главный экран для персонажа Что он увидит? Что он должен   понять / сделать? Что нам нужно на выходе? Как человек попал сюда? Какой у него мотив?

Slide 39

Slide 39 text

Стадии прототипа 1.Название и описание сути приложения 2.Первый прототип главного экрана 3.Первый прототип точек входа 4.Карта состояний 5.Кликабельный прототип в устройстве 6.Альфа с реальными данными и юзерами

Slide 40

Slide 40 text

1-я версия прототипа = текст Если мы создадим интерфейс,   То решим проблему таких-то людей Благодаря таким-то свойствам продукта

Slide 41

Slide 41 text

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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

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

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

ДОЛЖНО БЫТЬ НЕСКОЛЬКО ПОКОЛЕНИЙ ПРОТОТИПОВ Чтобы вы их сравнивали, а не отстаивали Первые прототипы не заслуживают вашей веры Это просто лопата, чтобы копаться в реальности

Slide 50

Slide 50 text

Составляем и оптимизируем требования Семен Альтов,  менеджер-хипстер Екатерина Степановна, пенсионер Выбрать по набору характеристик 2 0 Понять, можно ли доверять магазину 0 1 Убедиться, что не переплатил 1 2 Получить консультацию продавца -1 2 Получаем вес требований

Slide 51

Slide 51 text

Сценарии – артефакты – экраны 1. Описываем сценарии = описание шагов пользователя по дороге к цели его визита 2. Фиксируем артефакты = Объекты, которые встречаются в требованиях и сценариях решения задач 3. Компануем артефакты по экранам. Даем экранам называния.  Так, чтобы по называнию экрана было понятно, что там происходит 4. Рисуем карту переходов

Slide 52

Slide 52 text

Сценарий «как есть» Как возникла проблема Как персонаж перешел к ее решению Какие шаги ему надо предпринять   без вашего приложения Как он получил профит,  или почему у него не получилось

Slide 53

Slide 53 text

Сценарий «как станет» Как возникла проблема Как персонаж перешел к ее решению Какие шаги ему надо предпринять   с помощью нашего приложения /сайта Как он получил профит,   и чем ситуация стала лучше

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

No content

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No content

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

Домашка

Slide 61

Slide 61 text

Постановка Компания Цели бизнеса (2 предложения о том, какая от этого польза) Цели сайта = Метрики (ранжированный список того, что мы можем посчитать) Ограничения (чего нельзя делать/превышать) Пользователь Сегменты аудитории (три основных группы) Персонажи и их цели (три типичных портрета) Успешные сценарии (самая длинная схема)

Slide 62

Slide 62 text

Постановка Что у вас за продукт? Чем вы на самом деле торгуете? Почему его покупают именно у вас?

Slide 63

Slide 63 text

Landing – постановка В каком контексте находится человек до посещения? В чем проблема пользователя? Какая цель и ожидания персонажа от сессии в интернете? На какие вопросы пользователь ищет ответ? Какие барьеры нам надо снять? Какие аргументы у нас есть? На какую метрику работает страница?