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

Transcript

1. Концепция интерфейса продукта
2. Постановка
3. Интерфейс – это диалог
4. Интерфейс – это диалог Постановка на сайт похожа на должностную инструкцию продавца, только вместо продавца у нас робот Нужно, чтобы он в диалоге с самым главным пользователям он успешно ответил на самые главные вопросы
5. Вход и выход [вход] В чем проблема и сомнения пользователя? Что он хочет услышать? 
 
 Какие цели у бизнеса? Какой пользы мы хотим добиться? [выход]
6. Вход и выход [вход] В чем проблема и сомнения пользователя? Что он хочет услышать? Никому не интересно, что предприятие хочет рассказать. Наша задача понять, что хочет узнать целевой пользователь Какие цели у бизнеса? Какой пользы мы хотим добиться? [выход]
7. В чем ваша выгода? Чем вы торгуете? Кто ваш клиент?
8. Что у вас за продукт? Товар или услуга. Так, как ее называет ваш клиент Чем вы на самом деле торгуете? То, в чем состоит смысл вашего продукта глазами клиента Почему его покупают именно у вас? Ответ на вопрос, чем вы лучше всех, или на вопрос, что заставляет сделать выбор в пользу вас
9. Что у вас за продукт? Всего понемногу Чем вы на самом деле торгуете? Товаром
 Почему его покупают именно у вас? Ничем не лучше, мы такие же, как все
10. Что у вас за продукт? Всего понемногу Чем вы на самом деле торгуете? Товаром
 Почему его покупают именно у вас? Ничем не лучше, мы такие же, как все всегда есть преимущество
11. Что у вас за продукт? Дешевые пляжные туры Чем вы на самом деле торгуете? Эмоциями
 Спокойствием во время отдыха Почему его покупают именно у вас? У нас действительно толковые продавцы
 Мы по-человечески относимся к людям во время продажи и отдыха
12. Что у вас за продукт? Продаем оригинальные запчасти ВАЗ оптовикам Чем вы на самом деле торгуете? Лояльность клиентов
 Маржу Отсутствия геморроя с поставками Почему его покупают именно у вас? Маржа выше Качество стабильное Поставки в предсказуемые сроки
13. Что у вас за продукт? Про это рассказывают все, потому что такая информация уже есть в наличии Чем вы на самом деле торгуете? 
 Почему его покупают именно у вас?
14. Что у вас за продукт? Про это рассказывают все, потому что такая информация уже есть в наличии Чем вы на самом деле торгуете? А вот это на самом деле интересует клиента
 Почему его покупают именно у вас? И вот это тоже
15. Процесс
16. Сегменты Целевая аудитория Персоны Сценарии Требования Источники Входы Выходы Метрики Цели сайта Цели бизнеса Интерфейс Артефакты Хотелки
17. На выходе – интерфейс 1.Навигация 2.Сценарии и их визуализация на схеме 3.Компановка ключевых экранов (прототип) 4.Контент-план 5.Требования к функциональности 6.Оформление
18. Целевая аудитория Цели и задачи аудитории Контекст Персонажи Сценарии Требования
21. Персонаж = клиент
22. Пользователи
 Составить профиль каждой группы: пол, возраст, профессия, особенности характера, поведения, культурные особенности и проч. Цели и задачи
 Определить цель, составить перечень задач, которые выполняет каждая группа пользователей для достижения этой цели Контекст и среда
 Описать, в каких условиях каждая группа пользователей будет использовать интерфейс, какие ограничения задают эти условия, на каком устройстве, как осуществляется ввод/вывод информации
23. Цель и задачи персонажа Цель - это то, ради чего он вообще действует. Желаемый образ будущего. «Как все стало» Задачи - это шаги, которые он предпринимает для достижения цели Сценарий - это последовательность действий при решении задачи
24. Персонаж 1.Особенности персонажа 2.Имя и фото 3.Где работает, где живет, чем увлекается, 
 сколько лет 4.История (как возникла проблема) 5.Цель (что сейчас хочу получить в итоге) 6.Опыт использования интерфейса 7.Функция персонажа в экологии продукта
25. Зачем нужны персонажи 1.Персонаж = контейнер для требований 2.Помогает синхронизировать видение команды 3.Команда достоверней предсказывает проблемы и поведение посетителей 4.Помогает принимать решения на разных стадиях проекта
26. Какие проблемы решают персонажи 1.Помогают удерживать фокус на главном и не увлекаться фичами 2.Решают проблему «Резинового среднего юзера» 3.Решают проблему эгоцентричного «Мне так удобно» дизайна 4.Помогают расставить приоритеты в разработке и не тратить время на редкие исключения
27. Вопросы
 Кто наши пользователи, и что они делают с системой?
 Сколько их? Методики
 Анализ конкурентов, интервью с пользователями, наблюдения за пользователями, фокус-группы Результат
 Отчет с общими характеристиками ЦА а Первичный анализ аудитории
28. Вопросы
 В чем разница между пользователями? Какие у них особенности в поведении, позволяющие выделить группы? Результат
 Черновое описание целевых групп Выделение групп
29. Выделяем важные для целевой группы параметры при решении типичных задач в заданном контексте
 
 Активность, Возраст, Опыт использования интерфейса, Страсть к приключениям, Готовность тратить деньги на развлечения 1 переменная = 1 шкала
 Для каждой шкалы задаем размерность. 
 Например: много/средне/меньше среднего/мало/нет На каждой шкале будет по несколько точек – переменных для каждой целевой группы Выделение персонажей
30. «Купить телефон Nexus у нормального продавца» «Выбрать, какой покупать фотоаппарат» «Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей
31. «Купить телефон Nexus у нормального продавца» «Выбрать, какой покупать фотоаппарат» «Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей Цели = глаголы
32. Сценарии и требования
37. Прототип
38. Самый главный экран для персонажа Что он увидит? Что он должен 
 понять / сделать? Что нам нужно на выходе? Как человек попал сюда? Какой у него мотив?
39. Стадии прототипа 1.Название и описание сути приложения 2.Первый прототип главного экрана 3.Первый прототип точек входа 4.Карта состояний 5.Кликабельный прототип в устройстве 6.Альфа с реальными данными и юзерами
40. 1-я версия прототипа = текст Если мы создадим интерфейс, 
 То решим проблему таких-то людей Благодаря таким-то свойствам продукта
41. Если мы создадим платформу для создания отзывов для людей, которые изредка путешествуют и не умеют грамотно формулировать свои мысли и генерировать качественный контент,
 То мы решим проблему невозможности выразить себя и рассказать о своих впечатлениях красиво и эффектно Благодаря нативным средствам и помощникам, не дающим написать лишнее, и удобному интерфейсу, возможности легко обработать фотки, удобному интерфейсу и механизму шаринга. 1-я версия
42. Если мы создадим сайт, который не будет позволять писать лишнее, то автору будет проще формулировать свои мысли о путешествиях, благодаря тому, что мысль стане короче и понятней. Если мы создадим сайт, который будет помогать обрабатывать фотки, то у пользователя будут получаться приличные фотки, благодаря тому, что обработанные фотки будут выглядеть лучше. 2-я версия
43. Если мы создадим сообщество для путешественников, то решим проблему путешественников, у которых нет компании для путешествий, поможем им найти попутчика, благодаря интеграции с соцсетями, вирусности и рейтинговой системе. 3-я версия
44. Если мы создадим сервис, на котором пользователь сможет присоединяться к своим друзьям в поездке, то мы решим проблему поиска компании для путешествий, благодаря тому, что друзья пользователя будут заранее писать о своих планах, и пользователь будет знать, куда и когда едут его друзья, и сможет к ним присоединиться. 4-я версия
45. Если мы создадим сервис, который будет гарантировать объективность отзывов, то мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. 5-я версия
46. Если мы создадим сервис, который будет гарантировать объективность отзывов, то мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. Барьер сложность мешающая получить желаемое
47. Если мы создадим сервис, который будет гарантировать объективность отзывов, то мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. Барьер сложность мешающая получить желаемое Ценность то ради чего клиент отдает деньги
48. Если мы создадим сервис, который будет гарантировать объективность отзывов, то мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. Тяжелая работа и серьезные затраты
49. ДОЛЖНО БЫТЬ НЕСКОЛЬКО ПОКОЛЕНИЙ ПРОТОТИПОВ Чтобы вы их сравнивали, а не отстаивали Первые прототипы не заслуживают вашей веры Это просто лопата, чтобы копаться в реальности
50. Составляем и оптимизируем требования Семен Альтов,
 менеджер-хипстер Екатерина Степановна, пенсионер Выбрать по набору характеристик 2 0 Понять, можно ли доверять магазину 0 1 Убедиться, что не переплатил 1 2 Получить консультацию продавца -1 2 Получаем вес требований
51. Сценарии – артефакты – экраны 1. Описываем сценарии = описание шагов пользователя по дороге к цели его визита 2. Фиксируем артефакты = Объекты, которые встречаются в требованиях и сценариях решения задач 3. Компануем артефакты по экранам. Даем экранам называния.
 Так, чтобы по называнию экрана было понятно, что там происходит 4. Рисуем карту переходов
52. Сценарий «как есть» Как возникла проблема Как персонаж перешел к ее решению Какие шаги ему надо предпринять 
 без вашего приложения Как он получил профит,
 или почему у него не получилось
53. Сценарий «как станет» Как возникла проблема Как персонаж перешел к ее решению Какие шаги ему надо предпринять 
 с помощью нашего приложения /сайта Как он получил профит, 
 и чем ситуация стала лучше
60. Домашка
61. Постановка Компания Цели бизнеса (2 предложения о том, какая от этого польза) Цели сайта = Метрики (ранжированный список того, что мы можем посчитать) Ограничения (чего нельзя делать/превышать) Пользователь Сегменты аудитории (три основных группы) Персонажи и их цели (три типичных портрета) Успешные сценарии (самая длинная схема)
62. Постановка Что у вас за продукт? Чем вы на самом деле торгуете? Почему его покупают именно у вас?
63. Landing – постановка В каком контексте находится человек до посещения? В чем проблема пользователя? Какая цель и ожидания персонажа от сессии в интернете? На какие вопросы пользователь ищет ответ? Какие барьеры нам надо снять? Какие аргументы у нас есть? На какую метрику работает страница?
64. Самый главный экран для персонажа Что он увидит? Что он должен 
 понять / сделать? Что нам нужно на выходе? Как человек попал сюда? Какой у него мотив?