Лекция №1. Введение в проектирование пользовательских интерфейсов

1

Проектирование пользовательских интерфейсов

ИТ МГППУ 2009 г.

Учебный курс

Московский Городской Психолого-Педагогический университет

Факультет «Информационных Технологий»

Преподаватель: Алина Зотова

2



Содержание курса

Понятие об ориентированном на пользователя дизайне компьютерных систем и жизненном цикле разработки пользовательского интерфейса

Процесс проектирования пользовательских интерфейсов

Анализ деятельности пользователя

Создание концепции пользовательского интерфейса

Прототипирование

Тестирование с пользователями

Алина Зотова | [email protected]

3



Что такое проектирование интерфейса?


4



Основные понятия

Дизайн-проектирование – это проектирование рентабельных продуктов, услуг и сред, соответствующих практическим, физическим и эмоциональным потребностям широкого круга людей (Kim Goodwin)

Usability – «степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью». (ISO 9241-11)

При этом относительная важность всех трех аспектов определяется контекстом.

Интерфейс пользователя – система правил и средств, регламентирующая и обеспечивающая взаимодействие программы с пользователем.


http://ru.wikipedia.org/wiki/ISO

5



Критерии дружественности интерфейса

Эффективность

Продуктивность

Удовлетворенность

Безопасность


6


ИТ МГППУ 2009 г.Алина Зотова | [email protected]

7

Инженерно-технический подход

Когнитивный подход

Ориентированный на пользователя (User Centered)

Деятельностный (Activity-Centered)

Экспертный (Genius)

Целе-ориентированный (Goal Centered Design)



Подходы к проектированию


8



Пограничные предметные области

Эргономика

Человеко-компьютерное взаимодействие

Психология труда

Инженерная психология

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

Дизайн

Системный анализ

Психология восприятия

Экспериментальная психология и т.д.


http://www.marx-mebel.ru/bitrix/images/for_art/image201.gif

9



История развития инженерной психологии

Начало ХХ в. – впервые начинает изучаться трудовая деятельность человека и ее физиологические основы американским инженером Ф. Тейлором и его учениками. Немецкий психолог Штерн предлагает термин «Психотехника», а в 1908 немецкий психолог Мюнстерберг оформляет психотехнику как науку, определяя её содержание и методы

20-е гг. Первые исследования инженерно-психологического типа в России, проводились в рамках психологии труда и психотехники

40-х гг. Возникает наука Инженерная психология и первоначально развивается как направление традиционной психологии труда руками психологов США и Англии.

50 гг. Определяются в общих чертах закономерности приёма и переработки информации человеком (образование в Англии Эргономического научно-исследовательского общества)


10



История развития инженерной психологии 57 г. Инженерная психология определена как самостоятельная область исследований в СССР, создана первая лаборатория индустриальной психологии.

60-е годы В СССР проводятся секции и симпозиумы по инженерной психологии и психологии труда, и конференции по инженерной психологии. Возникают лаборатории.

60-х гг. — вырабатываются общие принципы организации взаимодействия человека и ЭВМ. Эти рекомендации нашли практическое применение при автоматизации процессов управления на производстве, в авиации, космонавтике и т. д.

В конце 60-х гг. западные ученые стали заниматься синтезом, проектированием человеческой деятельности в больших системах, а так же вносить определённый вклад в разработку мероприятий по повышению эффективности их функционирования.

В 70‑е и 80-е гг. В.П.Зинченко совместно с В.М.Муниповым и со специалистами из научно-исследовательских организаций Министерства обороны СССР и другими осуществлял большую координационную работу по развитию эргономики в СССР и странах-членах СЭВ


11



Доисторический период

Обратная связьНеоновые лампочкиЗвукТелетайпыДисплей: текстДисплей: графика


12

ЕС 1036

13ЕС-7927-01

14



Появление персональных компьютеров

Широкое распространение

Доступное программное обеспечение

Неподготовленный пользователь

Уметь должен каждый

Учет пользовательских предпочтений

Покупатель = пользователь


15ПЭВМ ДВК-2М

16



Средства взаимодействия

Пространство

Время

Движение

Звук

Внешний вид

Текстура

Вибрация

Трение


17


18

19

20



Мы проектируем взаимодействие человека с

другими людьми и сообществамисобойорганизацией

и в последнюю очередь, с инструментом


21



Процесс создания программного продукта

Анализ бизнес-требований, выявление заинтересованных лиц и их целей

Проектирование программного продукта и его интерфейса

Программная реализация продукта на основе проекта, графический дизайн, наполнение контентом

Тестирование и пилотное внедрение

Внедрение в эксплуатацию


22


Процесс проектирования интерфейса

Анализ

Проектирование

Реализация

Внедрение

Анализ бизнес-процессов и деятельности пользователей

Формализация информации в виде диаграмм бизнес-процессов и сценариев

Выработка концепции

Прототипирование интерфейса

Уточнение прототипов

Тестирование с пользователями

Получение обратной связи от пользователей и ее анализ


23



Стандарты и руководства

IBM (представление интерфейса, согласованность, состав компонент, принципы проектирования)

ISO 14915 регламентирует мультимедийный интерфейс

ISO 9241 требования по эргономике к офисной работе с визуальными дисплейными терминалами

ISO 13407 описание процесса проектирования, ориентированного на пользователя

2007 Microsoft Office System User Interface Design Guidelines


24



Наш основной учебный ресурс

http://ergogames.pbworks.com/

Адрес моей электронной почты

[email protected]


25



Стандарты и руководства

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


26



Информационные источникиЮзабилити в Википедии (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)

Рассылка UXRussia (http://groups.google.com/group/uxrussia )

Сообщество специалистов по проектированию пользовательских интерфейсов и UX Беларуси (http://www.usability.by/)


http://ru.wikipedia.org/wiki/Usability





http://www.usability.ru/glossary.htm#UI

http://ruschi.ru/index_ru.htm

http://habrahabr.ru/blogs/ui_design_and_usability/

http://livejournal.com/community/ru_ucdesign/

http://friendfeed.com/ruschi

27



http://ergopro.org/wiki/

Полезные ссылки: http://b23.ru/svac

Список литературы: http://b23.ru/sva3


Молодежное общество эргономического проектирования

Documents

Лекция №1. Введение в проектирование пользовательских интерфейсов