- •Пояснительная записка курсовой работы
- •Задание на курсовую работу
- •2.7. Создать персонажей проекта и определить их проблематику
- •2.8 Составить сценарии взаимодействия персонажей с интерфейсом
- •3. Проектирование
- •3.1 Составить и описать перечень функциональностей
- •3.3 Создать описание каждой страницы проекта, размечая по ним функциональные возможности и содержимое сайта
- •3.4 Разработать статистический прототип интерфейса
- •3.5 Создать связи между страницами и динамический прототип(рис.21)
- •3.6 Протестировать прототип и доработать его по замечаниям респондентов
- •4. Дизайн
- •4.1 Разработка логотипа и стилистики.
- •4.2 Определить цветовую гамму
- •4.3 Выбрать шрифты
- •4.4 Определить общие положения сетки и расстояний
- •4.5 Создать главную страницу
- •5. Юзабилити-тестирование
- •5.1 Выбор методов тестирования
- •5.3 Выявление проблем и разработка рекомендация по их устранению
- •6. Заключение
- •7. Список литературы
5.3 Выявление проблем и разработка рекомендация по их устранению
В результате тестирования можно сказать, что интерфейс пользователям понравился. Он удобен, прост в использовании, но эффективен. Пользователи выполняли свои задания быстро и четко. Тестирование показало, что интерфейс со временем может быть улучшен в плане читабельности и размеров самой страницы.
6. Заключение
Мной был разработан интерфейс сайта металлургического завода , исследование аналогов сайтов, разработаны основные задачи и цели, структура, прототипы и дизайн интерфейса сайта. Мной было проведено юзабилити-тестирование, в котором я выяснил, что пользователям нравится интерфейс сайта, он удобен и прост. Были исправлены недочеты в ходе проектирования. После тестирования было сделано заключение, что сайт удобен в использование и вся информация находится в пару кликов мыши.
7. Список литературы
1. Купер, А. Об интерфейсе. Основы проектирования взаимодействия / А. Купер, Р. Рейман, Д. Кронин. – СПб.: Символ-Плюс, 2009. – 649 с.
2. Унгер, Р. UX-дизайн. Практическое руководство по проектированию опыта взаимодействия / Р. Унгер, К. Чендлер; пер. с англ. – СПб.; М.: Символ, 2011. – 327 с.
3. Головач, В. В. Дизайн пользовательского интерфейса. Искусство мыть слона / В. В. Головач. – Минск: БГТУ, 2008. – 94 с.
4. Нильсен, Я. Веб-дизайн. Книга Якоба Нильсена / Я. Нильсен; пер. с англ. – СПб.: Символ-Плюс, 2003. – 512 с.: цв. ил.
5. Круг, С. Веб-дизайн: книга Стива Круга, или Не заставляйте меня думать! / С. Круг; пер. с англ. – СПб.: Символ-Плюс, 2008. – 295 с.
6. Калиновский, А. Юзабилити: как сделать сайт удобным / А. И. Калиновский. – Минск: Новое знание, 2005. – 220 с.: ил.
7. Кирсанов, Д. Веб-дизайн: книга Дмитрия Кирсанова / Д. Кирсанов, А. Кирсанова. – СПб.: Символ-Плюс, 1999. – 376 с.: цв. ил.
8. Гринберг, С. UX-дизайн. Идея – эскиз – воплощение / С. Гринберг, Ш. Карпендейл, Н. Маркардт, Б. Бакстон. – СПб.: Питер, 2014. – 272 с.: ил.
9. Макнейл, П. Веб-дизайн. Идеи, секреты, советы / П. Макнейл. – СПб.: Питер, 2012. – 272 с.: ил.
10. Купер, А. Психбольница в руках пациентов / А. Купер. – СПб.: Символ-Плюс, 2004. – 295 с.
11. Бикнер, К. Экономичный Web-дизайн / К. Бикнер; пер. с англ. Д. С. Ремизова. – М.: НТ Пресс, 2005. – 248 с.: ил.
12. Уодтке, К. Информационная архитектура. Чертежи для сайта / К. Уодтке. – М.: КУДИЦ-Образ, 2004. – 256 с.: ил.
13. Нейл, Т. Мобильная разработка. Галерея шаблонов / Т. Нейл. – СПб.: Питер, 2013. – 208 с.: ил.
14. Лунд, М. Измерение юзабилити с использованием вопросника. STC Юзабилити SIG Информационный бюллетень, 8 [Электронный ресурс]. – 2001. – Режим доступа: http://www.hcibib.org/bs.cgi?query= U.lund.2001&searchtype=question. – Дата доступа: 22.01.2016.
15. Контрольный список Веб-интерфейса [Электронный ресурс].– 2000. – Режим доступа: http://ddd.exmachina.ru/web/web_cheklist/, http:// wiki.software-testing.ru/. – Дата доступа: 22.01.2016.
Оглавление
1. Введение 3
2. Начало проекта и анализ требований 3
2.1 Предметная область 3
2.2 Обзор основных аналогов (существующих решений). 3
2.3. Определить цели и задачи проекта 5
2.4. Описать целевую аудиторию 5
2.5. Составить список потребностей пользователей 5
2.6. Составить список возможностей на проекте 5
2.7. Создать персонажей проекта и определить их проблематику 6
2.8 Составить сценарии взаимодействия персонажей с интерфейсом 8
3. Проектирование 9
3.1 Составить и описать перечень функциональностей 9
3.3 Создать описание каждой страницы проекта, размечая по ним функциональные возможности и содержимое сайта 10
3.4 Разработать статистический прототип интерфейса 11
3.5 Создать связи между страницами и динамический прототип(рис.21) 19
3.6 Протестировать прототип и доработать его по замечаниям респондентов 19
4. Дизайн 20
4.2 Определить цветовую гамму 22
4.3 Выбрать шрифты 23
4.4 Определить общие положения сетки и расстояний 23
Делаем горизонтальное членение 23
Высоту одного такого пояса берем кратной базовой высоте строки. 23
Объединяем по 3 строки в один пояс. Просвет между поясами делаем в одну строку, тем самым сохраняем вертикальный ритм (Рис.26). 23
24
Рис. 2 24
Модульная сетка 24
4.5 Создать главную страницу 25
5. Юзабилити-тестирование 25
5.1 Выбор методов тестирования 25
5.3 Выявление проблем и разработка рекомендация по их устранению 27
6. Заключение 27
7. Список литературы 27
