Transcript Человеко-машинное взаимодействие

Учебный курс
«Проектирование интерфейса
пользователя»
Преподаватель:
к. т. н. Пескова Ольга Вадимовна
Лекция №1
Введение в предметную
область
Понятие человеко-машинного интерфейса
Человеко-машинный интерфейс
Три ракурса (видения) человеко-машинного интерфейса
Проектирование интерфейса пользователя. Лекция №1.
3
История человеко-машинного взаимодействия
0) Никакого человеко-машинного интерфейса.
1) Буквенно-цифровой интерфейс.
2) Графический интерфейс.
3) Научно-фантастический?
Xerox Star 8010
Xerox Alto
ENIAC (Electronic Numerical Integrator and Calculator)
Apple Lisa
Проектирование интерфейса
пользователя. Лекция №1.
4
«Картина мира» человеко-машинного
взаимодействия
Проектирование
взаимодействия
Проектирование интерфейса пользователя. Лекция №1.
5
Модели человеко-машинного взаимодействия
Когнитивная
модель
Концептуальная
модель
Ментальная
модель
Системная модель
пользователя
Модели объектов
интерфейса
Модель интерфейса
Проектирование интерфейса пользователя. Лекция №1.
© Кент Л. Норман, 2008
6
Модели человеко-машинного взаимодействия (2)
Примеры моделей объектов интерфейса
© Кент Л. Норман, 2008
Проектирование интерфейса пользователя. Лекция №1.
7
Тенденции развития индустрии программного
обеспечения
Из статьи
А.Кузнецова
Эмоциональный
дизайн или тайна
четвёртой волны,
2009
Проектирование интерфейса
пользователя. Лекция №1.
8
Взгляд на создание успешных продуктов
Ч т Ж ел
он
а
уж нно
но
с
л ю ть
дя
м?
ть ть?
ос да
и м соз
тв
ес бны
ущ со
О с с по
ы
ом
Чт
Примеры баланса
N o vell
N ovell делала упор на технологию и уделяла м ало
вним ания ж еланности
продуктов, а п отом у
оказалась уязвим ой
для конкурентов
Ж изн еспособн ость
Чем продукт поддерж ит бизнес?
П рое ктир овщ ики
М енед ж м е нт
М од ел ь п ол ьзов ател я
- м о тив ы
- по ве д ен ие
- о тно ш е ние и сл ож н о сти
Б и зн ес -м од ел ь
- м о де л ь ф ин ан сиро ва ния
- пр огно зы затр ат и
ра сход о в и т. п.
П рое ктир ова н ие п ро ду кта
- пр ое ктны й пл а н
- спе циф ика ция ф о р м ы
и пов ед е ния
Б и зн ес -п ла н
- м а рке тин го вы й пл ан
- пл а н за пуска
- пл а н пр о да ж
Э ф ф ективная работа п ользователей и прия тие клиентам и
© Алан Купер, 2009
Т ехно ло ги
Те хн и ч ес кая м од ел ь
- ба зо вы е те хно л о гии
- те хно л огиче ские ком по не нты
- по купать ил и д е л ать са м им?
Те хн о логи че с кий пл ан
- гр а ф ик р азр аб отки
- те хно л огиче ска я
спе ц иф ика ция
A pple
Apple делала ставку на ж еланность, но
соверш ила м нож ество груб ы х ош ибок
в б изнесе. Тем не м енее ком панию поддерживает преданность п ользователей,
завоеванная вним анием к их опы ту
взаим одействия с продуктам и Apple .
M icrosoft
У стойчивы й бизнес
С дача проекта
У сп ех п род укта
Проектирование интерфейса
пользователя. Лекция №1.
M icrosoft - из числа успеш ны х
в б изнесе ком паний,
однако она не см огла создать
вы сококлассны е и желанны е
продукты . Э то откры вает возможности для конкурентов.
9
Проектирование целостного опыта взаимодействия, или
эволюция процесса разработки ПО (1)
Проблема первых подходов:
1)
Отсутствие представлений о пользователях
2)
Конфликт между потребностями людей и приоритетами разработки
3)
Отсутствие надёжного процесса проектирования желанных продуктов
(1) Статус Кво в разработке ПО
(2) Явное включение этапа
дизайна в самое начало процесса
Проектирование интерфейса
пользователя. Лекция №1.
© Билл Бакстон, 2007
10
Проектирование целостного опыта взаимодействия, или
эволюция процесса разработки ПО (2)
(3а) Необходимость
взаимодействия всех команд
на всех этапах создания ПО
Проектирование интерфейса
пользователя. Лекция №1.
(3б) Предварительные
научные исследования
© Билл Бакстон, 2007
11
Ментальные модели, модели реализации и представления
М од е л ь р е а л и з а ц и и
отр аж ает техн ол огию
М е н та л ьн а я м од е л ь
М од е л и п р ед ста вл е н и я
хуж е
луч ш е
отр аж ает ви ден и е
п рогра м м ы п ол ьзователем
© Алан Купер, 2009
Многие
программы
следуют
модели
реализации
Пример. ICE Book Reader Professional. Диалог добавления профиля.
Пример. Adobe Photoshop. Диалог Variations.
Проектирование интерфейса пользователя. Лекция №1.
12
Человеко-центрированный подход. Стандарт ISO 9241-210.
Жизненный цикл в соответствии с
человеко-центрированным
подходом
Принципы
проектирования
1)
Потребность
или идея
2)
1
Определение
контекста
использования
Проектное
решение
3)
Разработка
4
2
Оценка
проектного
решения
Определение
требований
Тестирование
3
Поставка/
внедрение
4)
5)
6)
фокус на
пользователей, их
цели, задачи и среду;
вовлечение
пользователей в
процесс;
критическая
важность оценки;
итеративность
проектирования;
целостность опыта
взаимодействия (UX);
мультидисциплинарность команды.
Проектирование
Место человеко-центрированного подхода
Проектирование интерфейса
пользователя. Лекция №1.
13
План проектирования программного продукта
1
Исследование
пользователей, предметной
области
2
Собранные данные
Стратегия дизайна
Профили групп
Моделирование
Персонажи
Контекстные сценарии
пользователей и контекстов
использования
3
Выработка требований
к проектированию
пользовательских, бизнеса и
технологических
Функциональные,
информационные
требования
4
Информационная архитектура
Общая структура взаимодействия
Сценарии ключевого пути
Проверочные сценарии
Концепция пользовательского интерфейса
Оценка/проверка
Концептуальное
проектирование
общей структуры и
взаимодействия
продукта
5
Детальное
проектирование
поведения, формы и
наполнения
Спецификации
формы, поведения и
содержания
6
Спецификации
программной системы
Выработка требований
к разработке
Проектирование интерфейса
пользователя. Лекция №1.
14
План работы в этом семестре
1) Лекции – 1-2 в неделю.
2) Лабораторные работы – 4 задания:
a) Исследование пользователей и предметной
области – до 30 баллов;
b) Концептуальное проектирование – до 30 баллов;
c) Оценка проектного решения – до 25 баллов;
d) Презентация и обсуждение результатов
проектирования – до 15 баллов.
3) «Зачёт» автоматом:
a) от 65 баллов + 50% посещений лекций;
b) команде – лидеру по баллам.
Проектирование интерфейса
пользователя. Лекция №1.
15
Основная литература
1) Купер А., Рейман Р., Кронин Д. Алан Купер
об интерфейсе. Проектирование
взаимодействия. – Пер. с англ. – Спб.:
Символ-Плюс, 2009. – 688с., ил.
2) Розенфельд Л., Морвиль П.
Информационная архитектура в Интернет,
2-е издание. – Пер. с англ. – СПб: СимволПлюс, 2005. – 544 с.
Проектирование интерфейса
пользователя. Лекция №1.
16
Дополнительная литература (1)
1)
2)
3)
4)
6)
7)
Тидвелл Дж. Разработка пользовательских интерфейсов. – СПб.:
Питер, 2008. – 416 с.: ил.
Гарретт Дж. Веб-дизайн: книга Джесса Гарретта. Элементы опыта
взаимодействия. – Пер. с англ. – СПб.: Символ-Плюс, 2008. – 192 с.:
ил.
Норман Дональд А. Дизайн промышленных товаров. – Пер. с англ. –
М.: Издательский дом «Вильямс», 2008. – 348 с.: ил. – Парал. тит.
англ.
Thomas Tullis, William Albert Measuring the User Experience: Collecting,
Analyzing, and Presenting Usability Metrics. – Publisher: Morgan
Kaufmann. – 2008. – 336 p. – The Morgan Kaufmann Series in Interactive
Technologies.
Catherine Courage, Kathy Baxter Understanding Your Users: A Practical
Guide to User Requirements Methods, Tools, and Techniques. –
Publisher: Morgan Kaufmann. – 2005. – 810 p. – The Morgan Kaufmann
Series in Interactive Technologies.
Buxton Bill Sketching user experience: getting the design right and the
right design. – The Morgan Kaufmann Publishers. – 2007. – 444 p.
Проектирование интерфейса
пользователя. Лекция №1.
17
Дополнительная литература (2)
7)
8)
9)
10)
11)
12)
13)
Norman K. L. Cyberpsychology: an introduction to human-computer
interaction. – Cambridge university press. – 2008. – p. 434.
Lazar J. Research methods in human-computer interaction / Feng J. H.,
Hochheiser H. – John Wiley & Sons Ltd. – 2010. – p. 426.
Dix A. Human-computer interaction / Finlay J., Abowd G. D., Beale R. –
Pearson Prentice Hall. – 2004. – p. 834.
Нильсен Я. Веб-дизайн: книга Якоба Нильсена. – Пер. с англ. – СПб.:
Символ-Плюс, 2007. – 512 с.: цв. ил.
Мандел. Т. Разработка пользовательского интерфейса. – Пер. с англ.
– М.: ДМК Пресс, 2001. – 416 с.: ил. (Серия «Для программистов»).
Раскин Д. Интерфейс: новые направления в проектировании
компьютерных систем. – Пер. с англ. – СПб: Символ-Плюс , 2010. –
272с., ил.
Купер А. Психбольница в руках пациентов или Почему высокие
технологии сводят нас с ума и как восстановить душевное
равновесие. – Пер. с англ. – Спб.: Символ-Плюс, 2004. – 336с., ил.
Проектирование интерфейса
пользователя. Лекция №1.
18
Ссылки по теме
•
•
•
•
•
•
•
•
•
•
•
http://fresh.gui.ru
http://gui.ru
http://www.interaction-design.org/
http://www.usabilitynet.org
http://www.uxforthemasses.com/
http://www.boxesandarrows.com/
http://www.uxmatters.com/aboutus/
http://usability.ru
http://usability.by
http://habrahabr.ru/blogs/ui_design_and_usability
и др.
Проектирование интерфейса
пользователя. Лекция №1.
19
Слайды к лекциям
• http://peskova.ru/HcdCourse.aspx
Проектирование интерфейса
пользователя. Лекция №1.
20
Бонусные иллюстрации. К чему ведут нарушения
принципов человеко-центрированного подхода
Проектирование интерфейса
пользователя. Лекция №1.
21
Бонусные иллюстрации. Терминология
Пограничные предметные области
• Человеко-компьютерное взаимодействие
• Эргономика
• Инженерная психология
• Информационная архитектура
• Графический (визуальный ) дизайн
• Промышленный дизайн
• и другие
© Ден Саффер, 2007
© Карен МакГрейн, 2010
Проектирование интерфейса
пользователя. Лекция №1.
22
Бонусные иллюстрации. Эволюция процесса
разработки ПО по Алану Куперу
Проектирование интерфейса
пользователя. Лекция №1.
© Алан Купер, 2009
23