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

1. Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Учебный курс Московский Городской Психолого-Педагогический университет Факультет «Информационных Технологий» Преподаватель: Алина Зотова

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

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

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

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

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

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

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

9. Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История развития инженерной психологии Начало ХХ в. – впервые начинает изучаться трудовая деятельность человека и ее физиологические основы американским инженером Ф. Тейлором и его учениками. Немецкий психолог Штерн предлагает термин «Психотехника», а в 1908 немецкий психолог Мюнстерберг оформляет психотехнику как науку, определяя её содержание и методы 20-е гг. Первые исследования инженерно-психологического типа в России, проводились в рамках психологии труда и психотехники 40-х гг. Возникает наука Инженерная психология и первоначально развивается как направление традиционной психологии труда руками психологов США и Англии. 50 гг. Определяются в общих чертах закономерности приёма и переработки информации человеком (образование в Англии Эргономического научно-исследовательского общества)

10. Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. История развития инженерной психологии 57 г. Инженерная психология определена как самостоятельная область исследований в СССР, создана первая лаборатория индустриальной психологии. 60-е годы В СССР проводятся секции и симпозиумы по инженерной психологии и психологии труда, и конференции по инженерной психологии. Возникают лаборатории. 60-х гг. — вырабатываются общие принципы организации взаимодействия человека и ЭВМ. Эти рекомендации нашли практическое применение при автоматизации процессов управления на производстве, в авиации, космонавтике и т. д. В конце 60-х гг. западные ученые стали заниматься синтезом, проектированием человеческой деятельности в больших системах, а так же вносить определённый вклад в разработку мероприятий по повышению эффективности их функционирования. В 70‑е и 80-е гг. В.П.Зинченко совместно с В.М.Муниповым и со специалистами из научно-исследовательских организаций Министерства обороны СССР и другими осуществлял большую координационную работу по развитию эргономики в СССР и странах-членах СЭВ

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

12. ЕС 1036

13. ЕС-7927-01

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

15. ПЭВМ ДВК-2М

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

17. ИТ МГППУ 2009 г.

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

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

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

23. Проектирование пользовательских интерфейсов ИТ МГППУ 2009 г. Стандарты и руководства IBM (представление интерфейса, согласованность, состав компонент, принципы проектирования) ISO 14915 регламентирует мультимедийный интерфейс ISO 9241 требования по эргономике к офисной работе с визуальными дисплейными терминалами ISO 13407 описание процесса проектирования, ориентированного на пользователя 2007 Microsoft Office System User Interface Design Guidelines

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

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

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

27. Проектирование пользовательских интерфейсов ИТ МГППУ 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

28. Проектирование пользовательских интерфейсов ИТ МГППУ 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/ ) Блоги о дизайне интерфейсов: события, идеи, методы, обсуждения ( G ui.ru и fresh.gui.ru ) Неформальное профессиональное сообщество проектировщиков пользовательских интерфейсов ( http://friendfeed.com/ruschi ) Основные понятия: «Терминологические войны», Иван Дегтяренко ( http://www.gui.ru/ivan/terminilogy_wars_1 )