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

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

Embed Size (px)

Citation preview

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

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

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

Лекция 07, 26.03.2013

Информационная архитектура и концепция интерфейса

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

Мотивация, действия и барьеры

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

Что еще важно?

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

На чем теряем?

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

Метрики и конверсия!

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

Разрыв во времениРеакция системы (всего сервиса)Критичный барьер (надо перетаскивать) Точки влияния

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

Но это один, а их несколько!

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

Одна задача — один сценарий!

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

Но не всегда!

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

Когда оставляем раздельными?

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

Разные ключевые параметры

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

Ментальная модельПривычки, опыт и стереотипыЧастота выполненияКонтекст работы

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

Какой-то сумбур, давайте

рисовать уже!

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

Это Амстердам, детка

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

Итак, что у нас есть для канала?

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

ПерсонажиСценарии (по факту — группы сценариев)Контексты (экраны, модули, блоки)Параметры контекстовОбщие требования

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

Ура! Наконец мы дошли до продукта

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

Что дальше?

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

IA

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

Экраны (контексты) продуктаФункции в рамках каждогоПараметры контекстовСвязи и переходы между ними

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

Определяем ключевые состояния

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

Достижение целиПромежуточные задачиПрерывание сценарияПреодоление барьераТочки входаТочки выхода

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

Фиксируем промежуточные

сценарии

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

ВажностьЧастотаПринимающие участие персонажиКонтекст выполнения

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

Сначала рассматриваем главный тред

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

А если их несколько?

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

Сначала рассматриваем главный тред

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

ПерсонажиСценарииТребованияОбъекты

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

Принцип работы с продуктом?

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

ЛаконичностьСдвиг в сторону опытныхРабота с объектамиНепристойно захватываем все пространство

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

Быстрый ввод в контекстСдвиг в сторону новичковОриентируемся на задачи и сценарииСкорость!

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

Совсем для тупыхАлерты и крайние случаиИногда настройкаМаксимальная информативностьНичего не происходит — сервиса нет

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

Что еще?

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

Фиксируем структуру

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

Частота (не суммируем)ПерсонажиФункцииОбъекты системыТребования (от сценариев и персонажей)