HMI Lesson 5 RU

advertisement
PROfessional network of Master’s degrees in Informatics as a Second Competence – PROMIS
(544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
МЕТОДЫ
ПРОЕКТИРОВАНИЯ
HMI -5
Alibek Barlybayev, alibek.barlybayev@gmail.com
Almaz Kungozhin, kungozhin@gmail.com
2
План
1. Дизайн ориентированный на пользователя
2. Анализ задачи и деятельности
3. Моделирование пользователей
4. Группа пользователей
5. Сценарий
6. Формализм модели задач
7. Формальная спецификация
8. Техники проектирования
8.1 прототипы
8.2 история действий
8.3 эскизы
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
3
Дизайн ориентированный на пользователя
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Дизайн ориентированный на пользователя
4

Проектирование:


Включение пользователей во время всего процесса
Итерационный процесс
Понимание и
определение контекста
использования
Понимание и
определение требований
пользователей
Решения оценки
относительно требований
Предложение проектирования
решений (от абстрактного к коду)
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Дизайн ориентированный на пользователя
Некоторые основные принципы
5
Разработка
утверждение
Введение
новшеств
Понимание
пользователей
Дизайн
ориентированный на
пользователя
исследование
вариант
использоОпределение вания
взаимодействия
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
прототип
оценка
Проектирование
интерфейса
пользователя
6
Анализ потребностей
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ задачи и деятельности
7


Процесс анализа и документирования того, как
люди выполняют свою работу или действия
Разбиение на задачи и подзадачи
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Пример модели задач –
Заказ книг
8
Задачи для
завершения
цели
Подзадачи для
выполнения
одной задачи
Вход в каталог
(2.1)
Цель

Заказ книг из
библиотеки (0)
Последовательности
добавленные в
качестве аннотации
Пойти в
библиотеку (1)
Найти
необходимую
книгу (2)
Извлечь книгу из
полки (3)
Оформление
книги (4)
Вход в экран
поиска (2.2)
Ввод критериев
поиска (2.3)
Идентификация
необходимой
книги (2.4)
Выписка места
положения (2.5)
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Пример модели задач –
Другое представление
9
0. Заказ книг из библиотеки
1. Пойти в библиотеку
2. Найти необходимую книгу
2.1 Вход в каталог
2.2 Вход в экран поиска
2.3 Ввод критериев поиска
2.4 Идентификация необходимой книги
2.5 Выписка места положения
3. Извлечь книгу из полки
4. Оформление книги
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ задачи и деятельности
10
Улучшение процесса
 Анализ процессов
 Понять и определить организационные требования
процесса
 Выполнить проблему идентификации и анализа
 Провести организационно-контекстный анализ
 Отображение бизнес-процессов
 Обработка требований проектирования
 Семинар по упрощению процедур
 Анализ модели бизнес-процессов предприятия
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
11
Анализ потребностей:
Моделирование пользователя
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Моделирование пользователя
12
Проектирование пользователя
Система
Моделирование
доверия, репутации
Распределенное проектирование пользователя
Обширное моделирование
доверия, репутации
Пользователи
доверяют
системе
Система
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Моделирование пользователя: Типы
13




Статические модели пользователя
Динамические модели пользователя
Модели пользователя, основанные на
стереотипах
Высоко адаптируемые модели пользователя
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Моделирование пользователя: Методы
14



Запрос конкретных фактов, пока (впервые до)
происходит взаимодействие с системой
Изучение предпочтений пользователей путем
наблюдения и интерпретации их
взаимодействия с системой
Гибридный подход, который требует явную
обратную связь и изменяет модель
пользователя через адаптивное обучение
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
15
Анализ потребностей:
Группы пользователей
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ потребностей: Группы пользователей
16



В дизайне ориентированного на пользователя и
маркетинге, группы пользователей это придуманные
характеристики, созданные для представления
различных типов пользователей, которые могут
использовать сайт, бренд, продукт подобным образом.
Маркетологи могут использовать группы пользователей
вместе с сегментацией рынка, где качественные группы
пользователей сформированы были
представительными в конкретном сегменте.
Термин Группа пользователей широко используется в
Интернете и технологических приложениях, а также в
рекламе, где также могут быть использованы другие
термины.
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ потребностей: Группы пользователей
17
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
18
Анализ потребностей: сценарий
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ потребностей: сценарий
19
ПРОДАЖА
Запись
транзакции
«расширяется»
Заказчик
Заказчик
«расширяется»
«расширяется»
Процесс
Генерация
Продажи
счета
Процесс
Продажи
«расширяется»
Продукт
Продукт
Уменьшить
запас
Сценарий
использования
Актер
Продажа
Дебет
заказчиков
Граница системы
Продажа
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Изменить
Порядок запаса
Анализ потребностей: сценарий (1)
20




Многие виды сценариев используются в разработке системы.
Выделяются следующие типы:
История: " Словесное описание причинно связанной
последовательности событий, или о предпринятых действиях".
Краткие Истории пользователей записаны в Agile стиле
разработки программного обеспечения.
Ситуация, Альтернативный Мир: "прогнозируется будущее
ситуация или снимок". Это значение является общим в
планировании, но менее обычно в разработке программного
обеспечения.
Симулирование: модели чтобы исследовать и анимировать
"Истории" или "Ситуации", чтобы "дать точные ответы о том,
может ли такой сценарий реализоваться с любым
правдоподобным дизайном" или "оценивать последствия
альтернативных возможных миров или ситуаций".
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ потребностей: сценарий (2)
21

Доска историй: рисунок или последовательность рисунков, используемых
для описания пользовательского интерфейса или изложения истории. Это
значение является общим в человеко-машинном взаимодействии, чтобы
определить, что пользователь будет видеть на экране.

Последовательность (Sequence): перечень интерактивных шагов,
предпринятых человеком или машинными агентами, играющих роли
системы.

Структура: искусно структурированное представление сценария, в том числе
блок-схем (Flowcharts), UML/ITU , последовательные диаграммы, и особенно в
разработке программного обеспечения сценариев использования.

Негативные сценарии или неправильное случаи могут быть написаны, чтобы
указать вероятные угрозы, которые должны быть отменены, чтобы
обеспечить, что системы имеют достаточную защищенность, безопасность и
надежность. Они помогают обнаружить нефункциональные требования.
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
22
Анализ потребностей:
формализм модели задачи
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
23
Анализ потребностей: формализм
модели задачи



Модели задач описывают как осуществлять деятельность для достижения
целей пользователей.
Из соответствующих моделей в области человеко-машинного
взаимодействия , модель задачи играть важную роль, потому что она
представляет собой логические действия, которые должны поддерживать
пользователи при достижении своих целей. Знание задачи, необходимые для
достижения цели имеет основополагающее значение для процесса
проектирования. Необходимость моделирования наиболее остро ощущается,
когда проектирование направлено на поддержку внедрения системы.
Если мы дали разработчикам только неформальные представления
(например, сценарии или бумажные макеты), они могли были бы сделать
многие дизайнерские решения самостоятельно, скорее всего, без
необходимого бэкграунда, чтобы получить полную интерактивную систему.
Модели задач представляют пересечение между дизайном
пользовательского интерфейса и более систематическими подходами, путем
предоставления дизайнеров с помощью представления и манипулирования
абстракций деятельности, которые должны быть выполнены для достижения
целей пользователя.
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
24
Анализ потребностей: формальная
спецификация
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Анализ потребностей: формальная
спецификация
25



Модели задач могут быть представлены в различных уровнях абстракции.
Когда дизайнеры хотят, указать только требования относительно того, как
деятельность должна быть выполнена, они считают только основные задачи
на высоком уровне.
Когда дизайнеры стремятся обеспечить точные показания проектирования,
то деятельность представлена на небольшой детализации, в том числе
аспекты, связанные с диалогом модели пользователя.
Предметом модели задачи может быть либо все приложение или одна из его
частей. Приложение может быть либо полным, которое работает как
интерактивная система или прототипом на стадии разработки. Чем больше
набор функциональных возможностей рассмотрено, тем более работа
моделирования более сложнее. Инструменты открывают возможность
моделирования целых приложений, но в большинстве случаев то, что
дизайнеры хотят сделать, это моделировать некоторые подмножества, чтобы
анализировать их, и выявить потенциальные варианты дизайна и лучшие
решения.
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
26
Техники проектирования: прототипы
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
27
Цели
 Что мы должны охватывать
Направления проектирования
 На что они похожи
 Опасности их использования


Обоснование:

Это невозможно для дизайнеров, быть экспертом во всех
дисциплинах ЧМВ, так руководящие принципы строятся
чтобы направлять неспециалистов в таких вопросах, как
психология, искусство, социология и т.д.
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
28
Делать вещи
 Таким образом, вы провели анализ требований,
ознакомились с направлениями
проектирования и просчитали ментальные
модели пользователей
 Наступило время, чтобы сделать «что-то» по
настоящему
 Это «что-то» - прототип
 Большинство
современных жизненных циклов
требует повторные прототипы
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
29

Что такое прототип
 Картонная
коробка, доска истории
 Часть программного обеспечения
 Кусок фанеры (Джефф Хокинс - Palm Pilot)
 Коробка Пустышка
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
30

Почему Прототип?
Оценка и обратная связь занимают центральное место
в проектировании взаимодействия
 Заинтересованные стороны могут видеть, удерживать,
взаимодействовать с прототипом более легко, чем
документ или рисунок
 Члены команды могут эффективно общаться
 Вы можете проверить идеи для себя
 Это призывает к обратной связи: очень важный аспект
проектирования
 Прототипы отвечают на вопросы, и помогают
дизайнерам в выборе между альтернативами

PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
31

Что такое прототипирование?
 Технические вопросы
 Поток
работы, дизайн задачи
 Макеты экранов и отображения информации
 Сложные, противоречивые, критические участки
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
32

Низкая лояльность
 Использует
среду, которая в отличие от
окончательного среднего, например бумага, картон
 Это быстро, дешево и легко изменить
 Примеры: эскизы экранов, последовательностей
задач, и т.д. 'пост-это' отмечает доску историй
'Волшебник из страны Оз’
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
33
Техники проектирования:
прототипы

Волшебник из страны
Оз – исследовательский
эксперимент, в котором
предметы
взаимодействуют с
компьютерной
системой, чтобы
субъекты считали что
они автономные, но
фактически они
эксплуатируются или
частично управляются
невидимым человеком
Со стороны
волшебника
Описание
мультимедия
контента
Мультимедия контент
Лог взаимодействия
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Со стороны
пользователя
Техники проектирования: прототипы
34

Примеры Низкая лояльность
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: прототипы
35

Высокая лояльность
 Использование
материалов, которые вы ожидали
бы видеть в конечном продукте.
 Прототип выглядит больше как конечная система,
чем версии с низкой лояльностью.
 Для высококачественного программного прототипа
общие среды включают Macromedia
 Директор, Visual Basic и Smalltalk.
 Опасность, что пользователи думают, что они
имеют полную систему ...... .Увидь компромиссы
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
36
Техники проектирования: доска историй
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: доска историй
37

Заимствованные из промышленности фильмов /
анимации / комиксов







Одна панель = одна сцена
Представлено к группе людей
Оценить их реакцию, понимание
Займет время до начала, позже сэкономит время
Предназначен для визуализации наших сценариев
Обеспечивает механизм чтобы изящно перейти от
концептуального проектирования до дизайна экрана
Позволяет нам делать ошибки в начале, на бумаге
(дешево и быстро), а не позже, в программном
обеспечении (дорого и утомительно)
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: доска историй
38


Общие понятия
Экраны




Сцены




Вы еще не спроектировали подробный интерфейс
Включает общий макет, навигационные элементы, основные понятия
Захватывает соответствующую информацию, удаляет постороннюю
информацию
Группы пользователей в их физическом контексте
Культурные / Межличностные отношения или передача обслуживания
Показать последовательности основных идей
Хотя это может быть довольно привлекательным визуально, они не
являются произведениями искусства:



Черный и белый, карандаш
Быстро
Нет визуализации!
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: доска историй
39
Подсказки
Используйте ваши сценарии и группы пользователей!
 Используйте много бумаги
 Используйте один квадрат в каждой сцене
 Количество каждой сцены
 Визуально сгруппировать похожие сцены в
концептуальную задачу
 Включите текстовое описание для каждой сцены
 Вызовите интересные и важные аспекты в кулуарах
и комментируйте их
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
40
Техники проектирования: эскизы
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: эскизы
41
Искусство
Проектирование
парадигма
понятия
Придумать
идея
Увидеть
Экспресс Тестирование
предчувствие
альтернативы отклоняться тестирование
от вертикали
Нарисовать
Эскиз идеи
прототип
Цикл
продукт
рынок
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
42
Техники проектирования:
Дружелюбный веб-дизайн
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: Дружелюбный веб-дизайн
43

Цель Дружелюбного веб-дизайна является
доставка качественной услуги пользователям
независимо от того, насколько большой или
маленький дисплей они используют и не важно,
какое устройство его проссматривает
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Техники проектирования: Дружелюбный веб-дизайн
44



ДВД это не только изменение способа, которым элементы
отображаются на веб-странице
ДВД также объясняет то, как обеспечить легкое чтение и навигацию с
минимальным изменением размера, панорамирование и прокрутку
в широком диапазоне различных устройств (от настольных
компьютеров мониторов для мобильных телефонов).
Методы ДВД составлены из шаблонов проектирования, общих
решений различных задач проектирования (расположение шаблонов,
навигационные шаблоны, шаблоны меню, шаблоны форм)
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
45
Спасибо за внимание
Вопросы?
PROfessional network of Master’s degrees in Informatics as a Second Competence –
PROMIS (544319-TEMPUS-1-2013-1-FR-TEMPUS-JPCR)
Download