Презентация Натальи Мануйловой на встрече сообщества UX SPb в офисе Консорциума "Кодекс" 29 января 2015 г.

1. User Stories
UX-подход к
проектированию продукта
Наталья Мануйлова
«ПЕТЕР-СЕРВИС»

2. User Story around
2
Agile
SCRUM
UCD
UX
Анализ
требованийБизнес-анализ
User Stories

3. User Story is
3
User Stories
Требование к системе
Пользователь
Какой?
Задача
Какая?
Цель
Какую?
Выполняет Достигает

4. Зачем это надо?
Чтобы связать бизнес, разработчика
и пользователя.
Если бизнес диктует требования,
разработчики часто не знают,
какую задачу решают.
Если разработчики делают
приложение, программный код
окажется важнее задач пользователя.
Пользователь не влияет на процесс разработки.
Но это он работает с приложением.

5. Подопытный продукт
Личный Кабинет провайдера интернет
Пакет услуг Triple Play
 IP-телевидение
 Домашний интернет
 Телефония
Система самообслуживания
 Выбор тарифных планов
 Оплата расходов

6. Agenda
Что делать будем?
□ Найдем пользователя
□ Напишем user stories
□ Определим критерии
□ Сложим общую картину

7. Роль
Персона
Роль
Пользователи
Персоны. Актёры. Роли.
РольActor

8. Павлик больше смотрит кино с ноутбука, потому что с
ноутом можно закрыться в своей комнате.
Телевизор использует только до 7 вечера, пока не
придут предки.
Павлик - фанат игр и многие из них работают через
сервер. Но сетевые режимы интересны только в те
часы, когда на сервере собирается много игроков.
Приемам игры он учится, просматривая ролики на
Youtube и общаясь в соц. сетях.
Рефераты и другие шпаргалки обучающие материалы
активно скачиваются в конце каждой четверти.
Любимый теле-канал – 2х2.
Домашним телефоном не пользуется вообще,
оставляя его бабушке.
Павлик, 14 лет
Старшеклассник
“Без друзей меня –
чуть-чуть, а с
друзьями – много”
Пользователи
Персоны. Совсем как живые.

9. Пользователи
Актёры. Actors*.
Просмотр теле-
программ
Выбор
тарифного
плана
Оплата счетов
Личный кабинет
*См. UML
Actor

10. Пользователи
Actor и Use case
Просмотр теле-
программ
Use caseActor

11. Пользователи
User case
Просмотр теле-
программ
Use caseРоль пользователя

12. Пользователи
User story
Просмотр теле-
программ
ЗадачаРоль пользователя
Цель…

13. Пользователи
User story
Роль пользователя
Цель…
Контекст
использования
Задача
Просмотр теле-
программ

14. • Для чего они используют наш продукт?
Цели и задачи
• Как хорошо они знают предметную область?
Уровень мастерства
• Как они им пользуются?
Частота и контекст использования
• Насколько хорошо они знают компьютер?
Компьютерная грамотность вообще
и опыт работ с аналогичными приложениями
Пользователи
Атрибуты ролей.
Целевая аудитория (Гео/Демо данные)
5W (Who, Why, What, Where, When)

15. ?
?
?
Теле-зритель
Пользователи
Основные роли.
Глава семьи

16. ?
Пользователи
Расширенные роли.
Мама, которой важно знать,
чем был занят ребенок в его
«компьютерные часы»
Теле-зритель в пути
Теле-зритель со
сложившимися
предпочтениями
?
Старики, чьи дети живут
далеко (часто звонят по
межгороду)
?

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

18. Павлик больше смотрит кино с ноутбука, потому что с
ноутом можно закрыться в своей комнате.
Телевизор использует только до 7 вечера, пока не
придут предки.
Павлик - фанат игр и многие из них работают через
сервер. Но сетевые режимы интересны только в те
часы, когда на сервере собирается много игроков.
Приемам игры он учится, просматривая ролики на
Youtube и общаясь в соц. сетях.
Рефераты и другие шпаргалки обучающие
материалы активно скачиваются в конце каждой
четверти.
Любимый теле-канал – 2х2.
Домашним телефоном не пользуется вообще,
оставляя его бабушке.
Павлик, 14 лет
Старшеклассник
«Без друзей меня
– чуть-чуть, а с
друзьями - много»
Любитель игр
Сёрфер
Теле-зритель
Пользователи
Роли персон.

19. Пользователи Личного Кабинета
Кто они?

20. Пользователи Личного Кабинета
Кто они?
• Мозговой штурм на бумажках
• Группировка бумажек
• Расширение ролей
• Приоритизация

21. Agenda
Поехали дальше.
Нашли пользователя
□ Напишем user stories
□ Определим критерии
□ Сложим общую картину

22. Что за история?
Формат.
Я как <роль пользователя>
хочу <решить задачу>,
чтобы <достичь цель>.

23. Что за история?
Процесс.
Карточки
• Истории пишутся на бумажных карточках
• Карточки могут сопровождаться условиями,
заметками, рисунками и т.д.
Обсуждения
• Детали и обстоятельства историй обсуждаются в
процессе.
Подтверждение
• Акт приемки основывается на описанных критериях.

24. Как владелец счёта,
я хочу иметь полную информацию
о состоянии услуги,
чтобы принимать решения
о её использовании.
Как телезритель,
я хочу управлять каналами. Как пользователь домашнего
интернет и IP-TV,
я хочу видеть, как распределились
мои расходы между ними,
чтобы решить, посмотреть фильм
через IP-TV или обойтись youtub’ом.
Как родитель,
я хочу видеть статистику с
устройства ребенка,
чтобы знать, на какой именно
канал ушли все деньги за
прошедший период.
Как владелец счёта,
я хочу менять свои
тариф и услуги.
Что за история?
Правильные примеры.

25. Как разработчик ,
я хочу, чтобы были классы
объединения сущностей БД.
Как тестировщик ,
я хочу, чтобы был скрипт
создания структуры БД «с нуля». Как пользователь ,
я хочу убрать колонки
"Начало", "Окончание" и "Период"
в форме “Данные”.
Что за история?
Неправильные примеры.
Как пользователь,
я хочу , чтобы таблица
brn_pack_data_accnt_zones
была исторической

26. Что за история?
Масштабируемость.

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

28. Как глава семьи и
телезритель,
я хочу отключать
подключённые каналы .
Как глава семьи и
телезритель,
я хочу подключать новые
каналы . Как родитель,
я хочу планировать смену
состояния каналов 18+.
Что за история?
Разделение на под-истории
Как владелец счёта и
телезритель, я хочу
управлять подключением
каналов.

29. Бесплатные советы
• Начните с ролиперсоны и цели
• Не используйте роли «Пользователь», «Разработчик», «Заказчик»
• Составляйте простые предложения (1 глагол + 1 существительное)
• Не используйте предлоги И, ИЛИ, НО, ЕСЛИ.
• Не используйте условия КРОМЕ, ПОКА, ЕСЛИ.
• Используйте активную форму глаголов
• Не думайте в терминах интерфейса или программирования
• Пишите на обратной стороне пояснения и детали –
из них будут формироваться критерии приемки
• Рассматривайте приложение как средство решить проблемы
реальных людей

30. Agenda
Поехали дальше.
Нашли пользователя
Написали user stories
□ Определим критерии
□ Сложим общую картину

31. Что за история?
Критерии приёмки на обратной стороне
• Доступен предопределенный
срок (через неделю, с
определённой даты)
• Доступен выбор периода (на
месяц)
• Доступен период времени суток
• Состояние услуги сохраняется и
показывается в списке
• Услуга доступна для чтения
только пользователю с
полными правами.
Как родитель,
я хочу планировать смену
состояния каналов 18+,
чтобы мой юный сын не мог
случайно включить Playboy TV.

32. Что за история?
Критерии приёмки на обратной стороне
• Доступен предопределенный
срок (через неделю, с
определённой даты)
• Доступен выбор периода (на
месяц)
• Доступен период времени суток
• Состояние услуги сохраняется и
показывается в списке
• Услуга доступна для чтения
только пользователю с
полными правами.
Как родитель,
я хочу планировать смену
состояния каналов 18+,
чтобы мой юный сын не мог
случайно включить Playboy TV.

33. Какой должна быть хорошая история?
• Независимая
Вместо написания набора историй об оплате 3 типами банковских карт при
оплате напишите одну, а типы карт пусть будут в комментариях.
• Обсуждаемая
Истории – не контракты, все детали не нужны, и могут быть добавлены позже.
• Полезная
Истории должны быть полезны для бизнеса и для конечного пользователя. Не
для девелоперов. Sorry…
• Рассчитываемая
Истории используются для планирования спринтов.
• Маленькая
Большие истории сложно оценивать. Нарежьте ее на кусочки.
• Тестируемая
Если историю можно протестировать, значит можно сказать что история
выполнена. Сравните: Пользователь пользуется кабинетом с легкостью >
Пользователь способен выполнить задачу без дополнительного обучения.

34. Agenda
Поехали дальше.
Нашли пользователя
Написали user stories
Определим критерии
□ Сложим общую картину

35. Что мы будем с этим делать?
Backlog
обязательность
необходимое
более
менее
последовательность

36. обязательность
необходимое
более
менее
последовательность
История
Активность
Что мы будем с этим делать?
Раскладывать

37. обязательность
необходимое
более
менее
последовательность
Управление
балансом
Пополнить
баланс
Привязать
банковскую
карту
Настроить
авто-платеж
Увидеть
платежи и
расходы
Сравнить
расходы на
виды услуг
Узнать
текущий
баланс
Увидеть архив
расходов
Что мы будем с этим делать?

38. обязательность
необходимое
более
менее
последовательность
2 3 1 5
8 7 2
21
8
3
3
3
5
4
11 1 1 1
1
1 9 4
7 10
4
3 4 1 1 22 3 2
Что мы будем с этим делать?
Оценивать

39. обязательность
необходимое
более
менее
последовательность
2 3 1 5
8 7 2
21
8
3
3
3
5
4
11 1 1 1
1
1 9 4
7 10
4
3 4 1 1 22 3 2
1ый релиз - 39
2ой релиз - 34
3ий релиз - 28
Что мы будем с этим делать?
И планировать

40. обязательность
необходимое
более
менее
последовательность
2 3 1 5
7 2
21
3
5
4
1
4
3 4 1 1 22 3 2
1ый релиз - 39
Что мы будем с этим делать?
И планировать

41. Agenda
Вроде всё.
Нашли пользователя
Написали user stories
Определим критерии
Сложили общую картину

42. Что даёт использование
user stories
• Понимание задачи
• Правильное решение
• Ясная перспектива проекта

43. Спасибо !)
Всем хороших выходных
Наталья Мануйлова
«ПЕТЕР-СЕРВИС»