91
Проектирование продуктов и сервисов

Проектирование графических интерфейсов лекция 4

Embed Size (px)

Citation preview

Page 1: Проектирование графических интерфейсов лекция 4

Проектирование продуктов и сервисов

Page 2: Проектирование графических интерфейсов лекция 4

Лекция 04, 05.02.2013

Выявление персонажей и фиксация требований

Page 3: Проектирование графических интерфейсов лекция 4

Анализ логов

Page 4: Проектирование графических интерфейсов лекция 4
Page 5: Проектирование графических интерфейсов лекция 4

ozon.ru/context/detail/id/6242106

Page 6: Проектирование графических интерфейсов лекция 4

Тенденции и тренды

Page 7: Проектирование графических интерфейсов лекция 4
Page 8: Проектирование графических интерфейсов лекция 4
Page 9: Проектирование графических интерфейсов лекция 4

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

Page 10: Проектирование графических интерфейсов лекция 4

Библиотека ACMdl.acm.org

Page 11: Проектирование графических интерфейсов лекция 4
Page 12: Проектирование графических интерфейсов лекция 4
Page 13: Проектирование графических интерфейсов лекция 4

Выявляем ключевые задачи в рамках сценария использованияАнализируем, кто и как эти задачи решалОпределяем + и —Выводы и рекомендации

Page 14: Проектирование графических интерфейсов лекция 4

Исследования в Яндексе

vimeo.com/6638872

Page 15: Проектирование графических интерфейсов лекция 4

Да, кстати...

Page 16: Проектирование графических интерфейсов лекция 4

Неявные персонажи

Page 17: Проектирование графических интерфейсов лекция 4
Page 18: Проектирование графических интерфейсов лекция 4
Page 19: Проектирование графических интерфейсов лекция 4
Page 20: Проектирование графических интерфейсов лекция 4
Page 21: Проектирование графических интерфейсов лекция 4

Персонаж покупателя (не работает, но покупает)Зависимый персонаж (не пользуется, но влияет)Групповой персонаж (у группы свои особенности и потребности)

Page 22: Проектирование графических интерфейсов лекция 4

Выявляем персонажей

Page 23: Проектирование графических интерфейсов лекция 4

Ключевые характеристики

Page 24: Проектирование графических интерфейсов лекция 4

ЦелиОпыт и знанияКонтекст использованияПредставление о продуктеСценарии работы

Page 25: Проектирование графических интерфейсов лекция 4

Как начать?

Page 26: Проектирование графических интерфейсов лекция 4

Интервью с экспертами и бизнесомАнализ рынкаИзучение материаловЭмпирические представления об аудитории

Page 27: Проектирование графических интерфейсов лекция 4

Целевые группы (черновики)

Page 28: Проектирование графических интерфейсов лекция 4

РолиСоцдемЗнания, опыт и навыкиЦели и задачиКонтекст работыСтереотипы поведения

Page 29: Проектирование графических интерфейсов лекция 4

Описываем характеристики

Page 30: Проектирование графических интерфейсов лекция 4

Проверка (эксперты)

Page 31: Проектирование графических интерфейсов лекция 4
Page 32: Проектирование графических интерфейсов лекция 4

Описываем сценарии AS IS

Page 33: Проектирование графических интерфейсов лекция 4

Выходим за рамки продукта

Page 34: Проектирование графических интерфейсов лекция 4

Шаг сценария?

Page 35: Проектирование графических интерфейсов лекция 4
Page 36: Проектирование графических интерфейсов лекция 4

Выявляем требования к интерфейсу

Page 37: Проектирование графических интерфейсов лекция 4

Общие группы требований

Page 38: Проектирование графических интерфейсов лекция 4

Различия в потребностяхТребования к взаимодействиюОпыт и навыки: среда и предметная областьПривычки в работе Ментальная модель

Page 39: Проектирование графических интерфейсов лекция 4

Сценарные группы

требований

Page 40: Проектирование графических интерфейсов лекция 4

Задачи и мотивыПривычные сценарииЧастота выполненияКонтекст работы (среда, ПО, социальный)Насыщенность, ограничения, рваность

Page 41: Проектирование графических интерфейсов лекция 4

Критичность сценария

Page 42: Проектирование графических интерфейсов лекция 4

Поведенческие переменные

Page 43: Проектирование графических интерфейсов лекция 4

1

3

2

4

Page 44: Проектирование графических интерфейсов лекция 4

1

3

2

4

Page 45: Проектирование графических интерфейсов лекция 4

1

3

2

4

Page 46: Проектирование графических интерфейсов лекция 4

Близкие значения

переменных?

Page 47: Проектирование графических интерфейсов лекция 4

Это один персонаж!

Page 48: Проектирование графических интерфейсов лекция 4

И наоборот

Page 49: Проектирование графических интерфейсов лекция 4

Если есть необходимость...

Page 50: Проектирование графических интерфейсов лекция 4
Page 51: Проектирование графических интерфейсов лекция 4
Page 52: Проектирование графических интерфейсов лекция 4
Page 53: Проектирование графических интерфейсов лекция 4

Обозначение (ключевая

характеристика)

Page 54: Проектирование графических интерфейсов лекция 4
Page 55: Проектирование графических интерфейсов лекция 4
Page 56: Проектирование графических интерфейсов лекция 4
Page 57: Проектирование графических интерфейсов лекция 4
Page 58: Проектирование графических интерфейсов лекция 4
Page 59: Проектирование графических интерфейсов лекция 4
Page 60: Проектирование графических интерфейсов лекция 4
Page 61: Проектирование графических интерфейсов лекция 4
Page 62: Проектирование графических интерфейсов лекция 4
Page 63: Проектирование графических интерфейсов лекция 4
Page 64: Проектирование графических интерфейсов лекция 4

Обозначение (роль), имя, соцдем, фото, крик душиКраткое описаниеОпыт, ментальная модельПотребности и целиРоли, задачи, мотивы, сценарии, контексты

Page 65: Проектирование графических интерфейсов лекция 4

Проверка (эксперты, знакомые)

Page 66: Проектирование графических интерфейсов лекция 4

Ранжируем!

Page 67: Проектирование графических интерфейсов лекция 4
Page 68: Проектирование графических интерфейсов лекция 4
Page 69: Проектирование графических интерфейсов лекция 4
Page 70: Проектирование графических интерфейсов лекция 4
Page 71: Проектирование графических интерфейсов лекция 4

Процент от всей ЦАГенерируемый персонажем доходСтепень влияния на других персонажейЖелания и планы заказчика

Page 72: Проектирование графических интерфейсов лекция 4
Page 73: Проектирование графических интерфейсов лекция 4

Требования персонажа

Page 74: Проектирование графических интерфейсов лекция 4

Хочу А Б

Крупный шрифт 1 0

Поиск туалета 1 2

Чек-ин в FB -1 2

Page 75: Проектирование графических интерфейсов лекция 4

Критично! 2

Полезно 1

Пофиг 0

Мешает -1

Page 76: Проектирование графических интерфейсов лекция 4

Хочу А Б

Крупный шрифт 1 0

Поиск туалета 1 2

Чек-ин в FB -1 2

Page 77: Проектирование графических интерфейсов лекция 4

А = 2, Б = 7

Page 78: Проектирование графических интерфейсов лекция 4

Хочу А Б

Крупный шрифт 2 0

Поиск туалета 2 14

Чек-ин в FB -2 14

Page 79: Проектирование графических интерфейсов лекция 4

Хочу А Б

Крупный шрифт 2 0

Поиск туалета 2 14

Чек-ин в FB 0 14

Page 80: Проектирование графических интерфейсов лекция 4

Хочу Итого

Крупный шрифт 2

Поиск туалета 16

Чек-ин в FB 14

Page 81: Проектирование графических интерфейсов лекция 4
Page 82: Проектирование графических интерфейсов лекция 4

Ключевой — НЕ самый весомый

Page 83: Проектирование графических интерфейсов лекция 4

А самый требовательный

Page 84: Проектирование графических интерфейсов лекция 4

Хочу А Б

Крупный шрифт 1 0

Поиск туалета 1 2

Чек-ин в FB -1 2

Page 85: Проектирование графических интерфейсов лекция 4

Учитываем требования всех!

Page 86: Проектирование графических интерфейсов лекция 4

Но оставляем только ключевых

Page 87: Проектирование графических интерфейсов лекция 4

Каждому ключевому — по

своему интерфейсу!

Page 88: Проектирование графических интерфейсов лекция 4
Page 89: Проектирование графических интерфейсов лекция 4

Знаем, для кого мы создаем

сервис

Page 90: Проектирование графических интерфейсов лекция 4

Представляем, что он должен

уметь

Page 91: Проектирование графических интерфейсов лекция 4