Тема 1 Определение целей пользователей программных продуктов
Министерство образования Республики Беларусь
Учреждение образования
«Белорусский государственный университет
информатики и радиоэлектроники»
Кафедра инженерной психологии и эргономики
A. C. Панфилёнок, А. В. Телего, М. М. Меженная, К. Д. Яшин
Эргономические веб-технологии
Рекомендовано УМО по образованию в области информатики и
радиоэлектроники в качестве учебно-методического пособия
для студентов учреждений, обеспечивающих получение
высшего образования по специальности
1-58-01-01 Инженерно-психологическое обеспечение
информационных технологий и направлению специальности
1-40 05 01-09 Информационные системы и технологии
(в обеспечении промышленной безопасности) всех форм обучения
Минск БГУИР 2016
УДК 004.777:331.10.1(076)
ББК (32.973.26-018.2+30.17)я73
Э74
Рецензенты:
кафедра Интеллектуальные системы
учреждения образования «Белорусский национальный технический университет», (протокол №6 от 8.02.2016);
С. А. Олейников – главный инженер
ООО «Современные технологии связи»
Панфилёнок А.С.
Э74 Эргономические веб-технологии. Учебно-методическое пособие по дисциплине «Эргономические веб-технологии» для студ. всех форм обуч. спец. 1-58-01-01 Инженерно-психологическое обеспечение информационных технологий и направл. спец. 1-40 05 01-09 Информационные системы и технологии
(в обеспечении промышленной безопасности) / А. С. Панфилёнок, А. В. Телего, М. М. Меженная, К. Д. Яшин. – Минск: БГУИР, 2016. – 64 с. : ил.
|
|
|
ISBN
Учебно-методическое пособие посвящено вопросам разработки и сопровождения веб-приложений с учетом особенностей взаимодействия человека с информационными системами. Является методическим обеспечением выполнения лабораторных работ для студентов специальности 1-58 01 01 Инженерно-психологическое обеспечение информационных технологий, направления специальности 1-40 05 01-9 Информационные системы и технологии (в обеспечении промышленной безопасности).
УДК 331.45:658.5(076)
ББК 65.247+30.66я73
© Панфилёнок А.С.,
Телего А.В.,
Меженная М. М.,
Яшин К. Д., 2016
© УО «Белорусский государственный
университет информатики
и радиоэлектроники», 2016
Содержание
Введение. 4
Тема 1 Определение целей пользователей программных продуктов. 5
Тема 2 Выработка стратегии решения проблем пользователей. Сторибоардинг 8
Тема 3. Варфрейминг и прототипирование интерфейса пользователя. 11
Тема 4. Юзабилити-тестирование. 14
Тема 5. Знакомство с программой Adobe Photoshop. 17
Тема 6. Основы композиции элементов веб-приложения. 20
Тема 7. Создание графических элементов веб-приложения. 23
Тема 8. Работа с текстом в Adobe Photoshop. 26
|
|
|
Тема 9. Создание графического макета веб-приложения. 33
Тема 10. Подготовка макета веб-приложения к вёрстке. 38
Тема 11. Вёрстка макета веб-страниц. 42
Тема 12. Работа с изображениями, ссылками, таблицами и списками в HTML. 46
Тема 13. Каскадные таблицы стилей. 51
Тема 14. Интерактивность в веб-приложении. 54
Тема 15. Клиент-серверное взаимодействие. 57
Тема 16. Поисковая оптимизация. 60
Введение
Настоящее учебно-методическое пособие предназначено для проведения лабораторных работ по дисциплине «Эргономические веб-технологии» для студентов специальности 1-58 01 01 Инженерно-психологическое обеспечение информационных технологий, направления специальности 1-40 05 01-9 Информационные системы и технологии (в обеспечении промышленной безопасности), а также для студентов других специальностей, направленных на подготовку инженеров-программистов со знаниями основ веб-технологий.
Учебно-методическое пособие посвящено вопросам разработки и сопровождения веб-приложений с учетом особенностей взаимодействия человека с информационными системами: освещаются психологические особенности и проблемы взаимодействия пользователей с веб-приложениями, принципы проектирования и юзабилити-тестирования пользовательских интерфейсов веб-приложений.
|
|
|
Подробно раскрываются темы по основам веб-дизайна и работе с веб-графикой, необходимые для разработки графического макета веб-приложения.
Изучаются основы верстки веб-приложений (язык гипертекстовой разметки HTML) с подключением каскадных таблиц стилей CSS и использованием возможностей языка JavaScrip, программирования серверной бизнес-логики на основе языка PHP, а также продвижения веб-приложений в поисковых системах на основе SEO-технологий.
Тема 1 Определение целей пользователей программных продуктов
Цель: формирование у студентов знаний и навыков проведения наблюдений и интервью для выявления целей пользователей программных продуктов.
План занятия:
1. Изучить теоретические сведения.
2. Выполнить практическое задание по лабораторной работе.
3. Оформить отчёт и ответить на контрольные вопросы.
Теоретические сведения
Создание программных продуктов требует исследований пользовательской аудитории: результаты исследования пользователей преобразуются в набор требований к продукту, а затем реализуются в инфраструктуре интерфейса. Такой процесс разработки гарантирует, что проектирование происходит исходя из задач конечных пользователей.
|
|
|
Эффективным методом сбора качественных данных о пожеланиях пользователей является сочетание интервьюрования и наблюдения. Это дает проектировщику возможность задавать пользователю уточняющие вопросы и получать пояснения к тем ситуациям и действиям, которые он наблюдает.
Американские разработчики Хью Бейер и Карен Хольцблат создали технику исследования пользовательской аудитории, получившую название контекстного исследования (Contextual Inquiry). Техника контекстного исследования базируется на ремесленнической (мастер и ученик) модели обучения: необходимо наблюдать за пользователем и задавать ему вопросы так, как если бы он был высококлассным мастером, а задающий вопросы – его новым учеником. Далее перечислены четыре базовых принципа организации интервью.
1. Контекст. Следует взаимодействовать с пользователями и наблюдать за ними в естественной рабочей среде. Наблюдение за пользователями, когда они заняты своей деятельностью, и расспросы, происходящие в привычном для них окружении, помогают выявить самые важные особенности их поведения.
2. Сотрудничество. Интервью и наблюдение должны иметь характер совместного с пользователем исследования, в котором наблюдение деятельности сочетается с обсуждением ее особенностей.
3. Интерпретация. Работа проектировщика в большой степени сводится к выявлению того, что стоит за словами и поведением пользователей.
4. Направленность. Проектировщик должен направлять ход интервью в поисках данных, имеющих отношение к вопросам проектирования.
Алан Купер пересмотрел методику Бейера и Хольцблата с точки зрения оптимизации затрат временных и человеческих ресурсов и предложил следующие пути улучшения методики контекстных исследований.
1. Сокращение продолжительности интервью. Купер выяснил, что для сбора необходимых данных достаточно часовой беседы при условии, что запланировано достаточное количество интервью.
2. Использование компактной команды проектировщиков. Контекстное исследование подразумевает наличие большой команды проектировщиков, проводящей параллельно сразу несколько интервью, за которыми следует специальное совещание (дебрифинг) с участием всей команды. Причем более эффективно проводить сессии интервью последовательно с участием одних и тех же проектировщиков. Тем самым размер команды остается небольшим (два или три человека), вся команда получает возможность напрямую взаимодействовать с каждым из интервьюируемых пользователей, что позволяет максимально эффективно анализировать и синтезировать собранные данные.
3. Определение целей в самом начале. Контекстное исследование рассчитано на процесс проектирования, принципиально ориентированный на задачи. При проведении интервью Купер предлагает прежде всего выявлять цели пользователей и назначать им приоритеты, а только затем приступать к выяснению того, какие задачи соответствуют этим целям.
Для фиксации того, что говорят и делают пользователи, многие юзабилити-специалисты применяют технические средства, такие как аудио- и видеозапись. Использование указанных технических средств не влияет на искренность обмена информацией, а также позволяет убедить заинтересованных лиц в реальности спорных или неожиданных результатов исследований.
Практическое задание:
1. Выбрать задачу для исследования из следующих вариантов.
- Разработать сайт пиццерии.
- Разработать сайт по продаже билетов в кинотеатры.
- Разработать сайт по продаже косметики.
- Разработать сайт по продаже авиабилетов.
- Разработать сайт по организации праздников.
- Разработать сайт приюта для домашних животных.
- Разработать мобильное приложение по поиску попутчиков для путешествий.
- Разработать мобильное приложение для прокладки маршрутов по городу с использованием общественного транспорта.
- Разработать мобильное приложение для отслеживания активности домащних животных во время отсутствия хозяина дома.
- Предложить свой вариант.
2. Выбрать трех человек для наблюдений.
3. Использовать фотоаппарат, чтобы задокументировать действия наблюдаемых.
4. Провести интервью (продолжительностью 10-15 минут) каждого участника исследований по поводу задачи, за решением которой вы наблюдали.
5. По результатам наблюдений выявить минимум 15 конкретных пользовательских потребностей.
6. Проанализировать сформулированные пользовательские потребности и выявить среди них базовые для решения исследуемой задачи и направленные на совершенствование пользовательского интерфейса для того, чтобы лучше справляться с задачей, за которой вы наблюдали.
Содержание отчета:
1. Цель работы.
2. Задача для исследования.
3. Результаты наблюдений и интервьюирования трех человек, сопровождающиеся фотографиями.
4. Выявление 15 и более пользовательских потребностей.
5. Выводы по работе.
Контрольные вопросы:
1. Какие способы используются для выявления пользовательских потребностей?
2. Назовите основные принципы контекстного исследования.
3. Поясните, каким образом технические средства (аудио- и видеозапись) помогают при наблюдении за пользователями.
Литература:
Купер А., Рейман Р., Кронин Д. Алан Купер об интерфейсе. Основы проектирования взаимодействия. – Пер. с англ. – СПб.: Символ-Плюс, 2009. – 688 с., ил.
Дата добавления: 2019-08-30; просмотров: 137; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!