1 Какая вкладка активна? 2 3 Интерфейс 4

1 Какая вкладка активна?
2
3
Интерфейс 4 ? ? ? ? ? ? ? ? ? ?
5
6
7 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Учебный курс Московский Городской Психолого-Педагогический университет
8 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Содержание курса Понятие об ориентированном на
9 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. I Введение
10 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Основные понятия Дизайн-проектирование – это проектирование
11 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Определяем контекст, пользователя, его цель и
12 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цель - ? Задача -
13 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цель - одна Задач -
14 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Критерии дружественности интерфейса Эффективность Продуктивность
15 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г.
16 Инженерно-технический подход Когнитивный подход Ориентированный на пользователя (User Centered)
17 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Инженерно-технический подход (С) В. М. Мунипов,
18 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Инженерно-технический подход (С) В. М. Мунипов,
19 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Когнитивный подход В его рамках предполагается,
20 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Доисторический период Обратная связь Неоновые лампочки
21 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Появление персональных компьютеров Широкое распространение Доступное
22 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Средства взаимодействия Пространство Время Движение
23
24
25 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Мы проектируем взаимодействие человека с другими
26 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Процесс создания программного продукта Анализ
27 ИТ МГППУ 2009 г. Процесс проектирования интерфейса Анализ Концепция
28 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. II Этап анализа
29 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Этап анализа Отвечаем на вопросы
30 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. На выходе получаем Сценарии использования
31 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Пользовательские профили Пользователи Составить профиль каждой
32 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Целевая аудитория? Кто это?
33 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. По каким формальным признакам можно понять,
34 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Этап анализа: методы сбора информации Интервью
35 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов
36 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цели исследования Создать базу для принятия
37 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с владельцем Общие цели метода
38 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с пользователями Общие цели метода
39 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с пользователями «+» Метод
40 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полевые наблюдения Общие цели метода
41 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полевые наблюдения «+» Самый точный
42 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Составить вопросы для интервью
43 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Методы обработки информации Целевая аудитория
44 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи
45 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи
46 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Первичный анализ Вопросы Кто наши
47 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Построение гипотезы Вопросы В чем
48 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: метод шкал Генерация переменных (10-20)
49 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: метод шкал 5) Проанализировать группу
50 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Выявление ключевых Вопросы Каков размер
51 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г.
52 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полина: покупательница Цель Новая вечерняя
53 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) История
54 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) Начальник вызвал
55 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) Начальник вызвал
56 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Сценарии Последовательность действий, которую совершает
57 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. У сценария есть Код
58 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. III Этап концепции
59 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Что такое концепция? Конце́пция,
60 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цели концепции Обеспечить взаимодействие сторон
61 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Что на входе? Персонажи
62 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции Оптимизировать сценарии Можно
63 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Требования Функциональные (какие функции система
64 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Фиксация требований Вопросы Что требуется пользователям?
65 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Вес требований для каждого персонажа
66 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Фиксация артефактов Вопросы Какие объекты фигурируют
67 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 4. Выделить основные типы
68 ИТ МГППУ 2009 г.
69 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 6. Определить паттерны
70 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции
71 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 9. Создание компоновочных макетов
72 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. 11. Проверить соответствие компоновочных макетов
73 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Наш основной учебный ресурс
74 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Стандарты и руководства IBM
75 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Информационные источники Юзабилити в Википедии (http://ru.wikipedia.org/wiki/Usability)
76 http://pinktentacle.com/2010/06/surrealistic-paintings-by-tetsuya-ishida/
Скачать презентацию 1 Какая вкладка активна? 2 3 Интерфейс 4 Скачать презентацию 1 Какая вкладка активна? 2 3 Интерфейс 4

34770-2lecture-1_analysis_concept.ppt

  • Количество слайдов: 76

>1 Какая вкладка активна? 1 Какая вкладка активна?

>2 2

>3 3

>Интерфейс 4 ? ? ? ? ? ? ? ? ? ? Интерфейс 4 ? ? ? ? ? ? ? ? ? ?

>5 5

>6 6

>7 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Учебный курс Московский Городской Психолого-Педагогический университет 7 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Учебный курс Московский Городской Психолого-Педагогический университет Факультет «Информационных Технологий» Преподаватель: Думин Павел Николаевич [email protected]

>8 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Содержание курса Понятие об ориентированном на 8 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Содержание курса Понятие об ориентированном на пользователя дизайне компьютерных систем и жизненном цикле разработки пользовательского интерфейса Процесс проектирования пользовательских интерфейсов Анализ деятельности пользователя Создание концепции пользовательского интерфейса Прототипирование Тестирование с пользователями

>9 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. I Введение 9 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. I Введение

>10 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Основные понятия Дизайн-проектирование – это проектирование 10 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Основные понятия Дизайн-проектирование – это проектирование рентабельных продуктов, услуг и сред, соответствующих практическим, физическим и эмоциональным потребностям широкого круга людей (Kim Goodwin) Usability – «степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью». (ISO 9241-11) При этом относительная важность всех трех аспектов определяется контекстом. Интерфейс пользователя – система правил и средств, регламентирующая и обеспечивающая взаимодействие программы с пользователем.

>11 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Определяем контекст, пользователя, его цель и 11 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Определяем контекст, пользователя, его цель и мотивы Пользователь Контекст Цель Мотивы

>12 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цель - ? Задача - 12 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цель - ? Задача - ?

>13 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цель - одна Задач - 13 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цель - одна Задач - может быть несколько Осознанный образ предвосхищаемого результата (предмет стремления или желательное состояние). Выражается существительным. Действия, которые необходимо совершить для достижения цели. Выражаются глаголами.

>14 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Критерии дружественности интерфейса Эффективность Продуктивность 14 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Критерии дружественности интерфейса Эффективность Продуктивность Удовлетворенность Безопасность

>15 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. 15 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г.

>16 Инженерно-технический подход Когнитивный подход Ориентированный на пользователя (User Centered) 16 Инженерно-технический подход Когнитивный подход Ориентированный на пользователя (User Centered) Деятельностный (Activity-Centered) Экспертный (Genius) Целе-ориентированный (Goal Centered Design) ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Подходы к проектированию

>17 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Инженерно-технический подход (С) В. М. Мунипов, 17 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Инженерно-технический подход (С) В. М. Мунипов, В. П. Зинченко. ЭРГОНОМИКА: человекоориентированное проектирование техники, программных средств и среды http://psychlib.ru/mgppu/MZE-2001/MEC-001.HTM Суть технико-центрированного проектирования определяется следующими постулатами: 1) техника важнее людей; 2) человек не имеет существенного значения в технических системах; 3) следует полагаться только на технику и инженеров; 4) следует предоставлять информационную технологию специалистам.

>18 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Инженерно-технический подход (С) В. М. Мунипов, 18 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов Инженерно-технический подход (С) В. М. Мунипов, В. П. Зинченко. ЭРГОНОМИКА: человекоориентированное проектирование техники, программных средств и среды http://psychlib.ru/mgppu/MZE-2001/MEC-001.HTM «Казалось бы очевидно, что все органы управления машиной должны быть расположены в зоне досягаемости, чтобы работающий человек мог легко манипулировать ими, не меняя удобного для работы положения. Однако при проектировании это часто упускают из виду. Так, органы управления одного токарного станка, как установил У. Т. Синглтон, были трудно доступны для обычного мужчины и пригодны были лишь для "идеального" станочника ростом 1372 мм, с шириной плеч 610 мм и размахом рук 2348 мм».

>19 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Когнитивный подход В его рамках предполагается, 19 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Когнитивный подход В его рамках предполагается, что основную роль в поведении человека играют знания, или репрезентации объектов внешнего мира. Наиболее распространенным и классическим вариантом информационного подхода является символический подход, который понимает когнитивную систему человека как оперирование над дискретными элементами информации — символами. Более новым и пока менее распространенным направлением является коннекционизм, описывающий когнитивную систему в виде сети взаимосвязанных элементов. Информационный подход в психологии близко взаимодействует с исследованиями в области искусственного интеллекта и нейронауками. Словарная статья «Когнитивный подход (в психологии)»

>20 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Доисторический период Обратная связь Неоновые лампочки 20 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Доисторический период Обратная связь Неоновые лампочки Звук Телетайпы Дисплей: текст Дисплей: графика

>21 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Появление персональных компьютеров Широкое распространение Доступное 21 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Появление персональных компьютеров Широкое распространение Доступное программное обеспечение Неподготовленный пользователь Уметь должен каждый Учет пользовательских предпочтений Покупатель = пользователь

>22 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Средства взаимодействия Пространство Время Движение 22 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Средства взаимодействия Пространство Время Движение Звук Внешний вид Текстура Вибрация Трение

>23 23

>24 24

>25 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Мы проектируем взаимодействие человека с другими 25 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Мы проектируем взаимодействие человека с другими людьми и сообществами собой организацией и с инструментом

>26 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Процесс создания программного продукта Анализ 26 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Процесс создания программного продукта Анализ бизнес-требований, выявление заинтересованных лиц и их целей Проектирование программного продукта и его интерфейса Программная реализация продукта на основе проекта, графический дизайн, наполнение контентом Тестирование и пилотное внедрение Внедрение в эксплуатацию

>27 ИТ МГППУ 2009 г. Процесс проектирования интерфейса Анализ Концепция 27 ИТ МГППУ 2009 г. Процесс проектирования интерфейса Анализ Концепция Прототипирование Тестирование Анализ бизнес-процессов и деятельности пользователей Формализация информации в виде диаграмм бизнес-процессов и сценариев Выработка концепции Прототипирование интерфейса Уточнение прототипов Тестирование с пользователями Получение обратной связи от пользователей и ее анализ

>28 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. II Этап анализа 28 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. II Этап анализа

>29 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Этап анализа Отвечаем на вопросы 29 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Этап анализа Отвечаем на вопросы Кто наш пользователь? Какие у него цели и задачи? В каком контексте он их достигает и решает? В рамках каких бизнес-процессов? Какие конкретные сценарии решения каждой задачи?

>30 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. На выходе получаем Сценарии использования 30 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. На выходе получаем Сценарии использования Пользовательские требования Пользовательские профили (персоны)

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

>32 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Целевая аудитория? Кто это? 32 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Целевая аудитория? Кто это?

>33 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. По каким формальным признакам можно понять, 33 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. По каким формальным признакам можно понять, относится ли конкретный человек, встреченный на улице, к целевой аудитории продукта или нет? Множество всех людей ЦГ Целевая аудитория ЦГ ЦГ Персонаж представляет Целевую Группу

>34 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Этап анализа: методы сбора информации Интервью 34 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Этап анализа: методы сбора информации Интервью с владельцами проекта / потенциальными пользователями / другими заинтересованными лицами Полевые наблюдения Анкетирование Фокус-группы Экспертная оценка Юзабилити-тестирование Конкурентный анализ / анализ тенденций Анализ статистики …

>35 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов 35 ИТ МГППУ 2009 г. Проектирование пользовательских интерфейсов

>36 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цели исследования Создать базу для принятия 36 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цели исследования Создать базу для принятия решений, связанных с Интерфейсом Определить ориентировочный объем проекта Определить стратегические направления развития продукта/сервиса Выйти за рамки поставленной задачи Найти инновационные решения

>37 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с владельцем Общие цели метода 37 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с владельцем Общие цели метода Выявление бизнес-целей и требований Выявление маркетинговых целей и требований Выявление технических целей и требований Осознание политической ситуации

>38 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с пользователями Общие цели метода 38 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с пользователями Общие цели метода Выявление целей пользователей Фиксация задач пользователей Выявление функциональных и нефункциональных требований Изучение предметной области

>39 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с пользователями «+» Метод 39 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Интервью с пользователями «+» Метод дешевле полевых исследований Быстрое погружение в предметную область Можно использовать удаленных респондентов Возможность узнать что-то за рамками плана исследования Косвенно можно выявить цели пользователей «-» Сложно зафиксировать нефункциональные требования Недостаточная выборка для статистики Сложно зафиксировать рабочий процесс Не все детали могут быть выявлены Потребность в оборудовании

>40 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полевые наблюдения Общие цели метода 40 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полевые наблюдения Общие цели метода Выявление целей пользователей Фиксация задач пользователей Выявление функциональных и нефункциональных требований Изучение предметной области

>41 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полевые наблюдения «+» Самый точный 41 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полевые наблюдения «+» Самый точный способ сбора данных Возможность узнать о контекстах использования Возможность выявить паттерны коммуникации Возможность быть в роли ученика Быстрое погружение в предметную область «-» Сложность поиска респондентов Недостаточная выборка для статистики Сложность организации Дополнительные расходы на организацию и проведение Низкая скорость проведения исследований Необходимость выезда к респонденту Потребность в оборудовании

>42 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Составить вопросы для интервью 42 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Составить вопросы для интервью

>43 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Методы обработки информации Целевая аудитория 43 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Методы обработки информации Целевая аудитория Цели и задачи Контекст Персонажи Сценарии Требования

>44 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи 44 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи

>45 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи 45 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи

>46 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Первичный анализ Вопросы Кто наши 46 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Первичный анализ Вопросы Кто наши пользователи? Сколько их? Что они делают с системой? Методики Анализ рынка, интервью, наблюдения, ФГ Результат Отчет с общими характеристиками ЦА

>47 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Построение гипотезы Вопросы В чем 47 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Построение гипотезы Вопросы В чем разница между пользователями? На какие группы они разбиваются? Методики Выделение Целевых Групп Результат Черновое описание целевых групп

>48 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: метод шкал Генерация переменных (10-20) 48 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: метод шкал Генерация переменных (10-20) – важных для ЦГ параметров при решении типичных задач в заданном контексте например, «активность» или «возраст» или «страсть к приключениям» 2) Одна переменная – одна шкала 3) Задать шкале размерность например, «много/средне/меньше среднего/мало2 или «1/3/5/7/9» 4) Разместить на каждой шкале показатель для каждой ЦГ Таким образом, на каждой шкале будет по несколько точек – переменных каждой ЦА.

>49 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: метод шкал 5) Проанализировать группу 49 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: метод шкал 5) Проанализировать группу шкал с целью выявить схожие ЦГ, которые можно объединить в одну Схожие ЦГ будут иметь большинство переменных на близких друг другу позициях 6) Объединить схожие ЦГ. При необходимости, разбить одну ЦГ на несколько. Одну ЦГ стоит разбить на несколько, если при проставлении переменных в команде возникали разногласия относительно определения позиций многих переменных 7) Получить оптимизированный список ЦГ (от 3х до 5 ЦГ) например, «много/средне/меньше среднего/мало2 или «1/3/5/7/9» 8) Перейти к ранжированию персонажей Еще их называют персонами

>50 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Выявление ключевых Вопросы Каков размер 50 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Персонажи: Выявление ключевых Вопросы Каков размер ЦГ, покрываемой персонажем? Эффект, приносимый им? Его влияние? Чьи требования наиболее критичны? Методики Ранжирование, расстановка приоритетов Результат Ключевые персонажи (1-3), другие группы, веса

>51 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. 51 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г.

>52 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полина: покупательница Цель Новая вечерняя 52 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Полина: покупательница Цель Новая вечерняя блузка черного цвета меньше чем за 50$ Задачи Узнать адрес магазина и как до него доехать Попросить таксиста отвезти ее в магазин по этому адресу Распознать знак валюты, в которой указана цена и получить примерную цену в $ Спросить у продавца, подойдет ли ей выбранная кофта , сколько она стоит и попросить померить

>53 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) История 53 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) История «как есть» Как эти люди решают свои задачи сейчас? Оптимизация История «как будет» Как этим людям будет легче, приятнее и удобнее решать свои задачи с помощью вашего продукта?

>54 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) Начальник вызвал 54 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) Начальник вызвал Эдуарда и сообщил, что один их постоянный клиент хочет устроить корпоративный праздник через пару недель. Дал телефон контактного лица и отправил работать. У себя в кабинете Эдуард созвонился с контактным лицом, и за пол часа узнал, что компания хочет устроить тим-билдинг для улучшения взаимоотношений между сотрудниками, на 150 человек, событие планируется в середине недели, и люди должны иметь возможность быстро и легко добраться до дому. В процессе Эдуард успел позаниматься текущими делами, ответив на пару писем и пообщавшись с исполнителями по аське. Потом он поставил в КПК напоминалку о корпоративе и уехал мотаться по городу, решая другие свои задачи. После обеда, когда сработала напоминалка, он залез в Яндекс и, потратив пол часа, набросал список мест, в которые стоит позвонить. После чего снова занялся текущими разъездами. …

>55 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) Начальник вызвал 55 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История использования (типичная ситуация) Начальник вызвал Эдуарда и сообщил, что один их постоянный клиент хочет устроить корпоративный праздник через пару недель. Дал телефон контактного лица и отправил работать. У себя в кабинете Эдуард созвонился с контактным лицом, и за пол часа узнал, что компания хочет устроить тим-билдинг для улучшения взаимоотношений между сотрудниками, на 150 человек, событие планируется в середине недели, и люди должны иметь возможность быстро и легко добраться до дому. В процессе Эдуард успел позаниматься текущими делами, ответив на пару писем и пообщавшись с исполнителями по аське. Потом он поставил в КПК напоминалку о корпоративе и уехал мотаться по городу, решая другие свои задачи. После обеда, когда сработала напоминалка, он залез в Яндекс и, потратив пол часа, набросал список мест, в которые стоит позвонить. После чего снова занялся текущими разъездами. …

>56 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Сценарии Последовательность действий, которую совершает 56 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Сценарии Последовательность действий, которую совершает персонаж для решения своей задачи Сценариев столько же, сколько задач, или больше, а еще они могут ветвиться

>57 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. У сценария есть Код 57 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. У сценария есть Код Область действий Название задачи Входы в сценарий Выходы из сценария Действия Связи Предусловия

>58 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. III Этап концепции 58 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. III Этап концепции

>59 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Что такое концепция? Конце́пция, 59 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Что такое концепция? Конце́пция, или конце́пт, (от лат. conceptio — понимание, система) — определённый способ понимания (трактовки) какого-либо предмета, явления или процесса; основная точка зрения на предмет; руководящая идея для их систематического освещения. Употребляется также для обозначения ведущего замысла, конструктивного принципа в научной, художественной, технической, политической и других видах деятельности.

>60 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цели концепции Обеспечить взаимодействие сторон 60 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Цели концепции Обеспечить взаимодействие сторон Показать результаты как можно раньше Вовлечь заказчика в процесс проектирования Проверить реализуемость концепции Озвучить ценные идеи Наметить план проектирования

>61 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Что на входе? Персонажи 61 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Что на входе? Персонажи Список требований Сценарии Артефакты (объекты) Результаты сбора данных Что на выходе? Информационная архитектура Архитектура взаимодействия Система навигации Компоновка ключевых экранов Концепция контента Концепция предметной области План работ по детальному проектированию

>62 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции Оптимизировать сценарии Можно 62 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции Оптимизировать сценарии Можно ли выполнить задачу быстрее/с меньшими затратами/сократить количество шагов/ автоматизировать какие-л. действия? 2. Сгенерировать требования по сценариям 3. Выделить артефакты (сущности, которыми оперирует персонаж) из описания персонажей из историй использования продукта из сценариев

>63 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Требования Функциональные (какие функции система 63 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Требования Функциональные (какие функции система должна предоставлять каждому персонажу) Нефункциональные (как именно эти функции должны работать) То есть, зафиксировать, что можно делать в системе, и как это должно быть устроено. А потом оценить важность каждого требования для каждого персонажа.

>64 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Фиксация требований Вопросы Что требуется пользователям? 64 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Фиксация требований Вопросы Что требуется пользователям? Насколько важно конкретному персонажу? Все равно? Мешает? Методики Уточнение требований, присваивание весов Результат Таблица требований

>65 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Вес требований для каждого персонажа 65 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Вес требований для каждого персонажа

>66 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Фиксация артефактов Вопросы Какие объекты фигурируют 66 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Фиксация артефактов Вопросы Какие объекты фигурируют в требованиях? В сценариях решения задач? Какие объекты использует персонаж при решении своих задач? Метод Последовательный проход по сценариям и требованиям Результат Таблица артефактов

>67 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 4. Выделить основные типы 67 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 4. Выделить основные типы экранов (ключевые) Если это сайт, то, например, главная страница, страница с тестом, страница со статьей, и т.д. 5. Создать модель навигации по типам экранов Как пользователь, решая свои задачи, будет взаимодействовать с объектами, в какой последовательности?

>68 ИТ МГППУ 2009 г. 68 ИТ МГППУ 2009 г.

>69 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 6. Определить паттерны 69 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 6. Определить паттерны в интерфейсе Паттерн – фрагмент интерфейса, который будет использоваться на нескольких ключевых экранах. Например, вертикальное меню или интерфейс закачки файлов.

>70 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 70 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 8. Определить требования к содержанию Какая информация будет находится на каждом типе страниц, какой формат (текст, картинка, видео, т.д.), как она должна быть оформлена 7. Описать модель потоков данных Какая информация, откуда и как возникает. С какого на какой экран переходит (в соответствии со сценариями).

>71 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 9. Создание компоновочных макетов 71 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Создание концепции 9. Создание компоновочных макетов ключевых экранов Какие информационные блоки будет содержать каждый тип экрана, как они будут расположены? 10. Проверить модель навигации и поправить в случае необходимости используя метод прохода по сценариям

>72 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. 11. Проверить соответствие компоновочных макетов 72 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. 11. Проверить соответствие компоновочных макетов сценариям Для каждого персонажа пройтись по всем сценариям и проверить соответствие навигационной модели и компоновочных макетов сценариям. Создание концепции

>73 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Наш основной учебный ресурс 73 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Наш основной учебный ресурс http://ergogames.pbworks.com/ Адрес моей электронной почты [email protected]

>74 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Стандарты и руководства IBM 74 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Стандарты и руководства IBM (представление интерфейса, согласованность, состав компонент, принципы проектирования) ISO 14915 регламентирует мультимедийный интерфейс ISO 9241 требования по эргономике к офисной работе с визуальными дисплейными терминалами ISO 13407 описание процесса проектирования, ориентированного на пользователя Windows User Experience Interaction http://msdn.microsoft.com/en-us/library/aa511258.aspx Apple Human Interface Guidelines http://developer.apple.com/mac/library/documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGIntro/XHIGIntro.html 2007 Microsoft Office System User Interface Design Guidelines

>75 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Информационные источники Юзабилити в Википедии (http://ru.wikipedia.org/wiki/Usability) 75 Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Информационные источники Юзабилити в Википедии (http://ru.wikipedia.org/wiki/Usability) Один из самых первых информационных ресурсов, поддерживающий сообщество проектировщиков интерфейсов Usability.ru (http://www.usability.ru/glossary.htm#UI) Русское отделение ACM SigCHI – RusCHI (http://ruschi.ru/index_ru.htm ) Тематический блог на habrahabr.ru (http://habrahabr.ru/blogs/ui_design_and_usability/ ) Сообщество в ЖЖ: ru_ucdesign (http://livejournal.com/community/ru_ucdesign/) Блоги о дизайне интерфейсов: события, идеи, методы, обсуждения (Gui.ru и fresh.gui.ru) Неформальное профессиональное сообщество проектировщиков пользовательских интерфейсов (http://friendfeed.com/ruschi ) Основные понятия: «Терминологические войны», Иван Дегтяренко (http://www.gui.ru/ivan/terminilogy_wars_1)

>76 http://pinktentacle.com/2010/06/surrealistic-paintings-by-tetsuya-ishida/ 76 http://pinktentacle.com/2010/06/surrealistic-paintings-by-tetsuya-ishida/