Введение 3
Глава I. Функциональный аспект графического интерфейса: основные понятия 7
1.1 Графический интерфейс: ключевые аспекты. Основные подходы к организации человеко-компьютерного взаимодействия 7
1.2 Теоретические аспекты юзабилити 15
1.3 Критерии измерения эргономичности меню как основного элемента навигации графического интерфейса: выработка и обоснование методов 25
Глава II. Навигационное меню как основной функциональный элемент графического интерфейса сетевых медиа 34
2.1 Структурно-функциональный анализ меню сетевых медиа в контексте задач юзабилити 32
2.2 Анализ соответствия различных типов ориентации меню субъективному пользовательскому опыту 51
Заключение 56
Список использованной литературы 58
Приложение 1 63
Приложение 2 64
Приложение 3 67
Приложение 4 77
Функциональность графического интерфейса оказывает значительное влияние на удовлетворенность пользователя веб-сайта сетевого медиа. Именно со взаимодействия с интерфейсом читатель начинает знакомство с сетевым медиа, и если указанное взаимодействие будет неудобным — лишь несколько кликов мышкой будет отделять пользователя от закрытия конкретного сайта и выбора другого, позволяющего решить его задачу быстрее. Роль содержания на веб-сайте сетевого медиа играет меню, поэтому в рамках данного исследования мы сосредоточимся именно на нём, как на крупнейшем элементе навигации, напрямую влияющем на функциональность интерфейса. Для выяснения наиболее эффективного способа расположения меню мы исследуем интерфейсы сетевых медиа с различными вариантами ориентации меню — горизонтально, вертикально и c использованием обоих указанных видов, с помощью опроса и критериев эргономичности, выработанных нами на основании существующего теоретического материала.
Степень разработанности проблемы. Большой вклад в данную тему внесли следующие группы авторов:
• выработавшие основополагающие принципы эффективного графического интерфейса: Купер Д., Мандел Т., Нильсен Д. и другие;
• исследовавшие юзабилити и особенности человеко-компьютерного взаимодействия: Мэхью Д., Беван Н., Саукен К., Саффер Д., Норман Д., Хуанг М., Гайсслер Г., Уэншейк С., Дэнг Л. и Пол М., Гаррет Д. и другие;
• исследовавшие особенности организации меню: Питтсли К. и Меммотт С., Леутольд С., Шмутц П., Баргас-Авила Д., Туч А. и Опвис К., Мурано П. и Ломас Т., Бернард М., Хамблин С. и Чапарро Б., Баррелл А. и Содан А., Фанг Х. и Голшапль С. и другие.
Актуальность исследования заключается в обозначении способов улучшения юзабилити меню на сайтах сетевых медиа.
Фокус исследования направлен на выявление наиболее релевантного способа ориентации навигационного меню для массовых и для качественных сетевых изданий.
Новизна работы заключается в исследовании эргономики меню как навигационного компонента применительно к сетевым медиа.
Объектом данного исследования являются интерфейсы интернет-СМИ, использующих различные модели ориентации меню.
Предметом исследования являются эргономика меню как навигационного компонента графического интерфейса интернет-СМИ.
Целью исследования является выявление наиболее релевантного способа ориентации навигационного меню на сайтах качественных и массовых сетевых медиа в каждом отдельном случае.
В ходе исследования нами была поставлена серия взаимосвязанных задач:
1) Охарактеризовать несколько ключевых для данного исследования понятий;
2) Изучить работы предшественников по данной теме;
3) Обозначить различные подходы к организации человеко-компьютерного взаимодействия;
4) Выявить и сформулировать критерии измерения эргономичности меню сетевого медиа;
5) Проанализировать выбранные графические интерфейсы сетевых медиа и оценить их в соответствии с кодировочным листом;
6) Дополнить исследование опросом и сделать выводы о наилучшем способе расположения меню для качественных и массовых сетевых медиа.
Для составления теоретической основы исследования в нашей работе мы будем опираться как на зарубежные исследования, касающиеся как эргономичности меню, так и исследований эргономичности интерфейса в целом, так и на книги, посвященные графическим интерфейсам и характеру взаимодействия пользователя с ними, в том числе: Купер А., Кронин Д., Рейманн Р.М. «Об интерфейсе. Основы проектирования взаимодействия», Гарретт Д. «Веб-дизайн. Элементы опыта взаимодействия», Саффер Д. «Микроинтерации»; электронные ресурсы, на которых публикуются актуальная информация, связанная с темой настоящей работы, в том числе на исследования Nielsen Norman Group.
Логика работы обусловлена методологической базой, собравшей в себе несколько методов научного исследования, включающих наблюдение, сравнение, счет, обобщение, анализ, опрос.
Эмпирический материал исследования составляют 18 веб-сайтов сетевых медиа, которые разделены на 2 группы по 3 подгруппы в каждой. Ими являются, в частности, сетевые медиа «Российская газета», «БИЗНЕС Online», «NewsRu», «Газета/ru», «Ведомости», «Эксперт Online», «Известия», «Forbes», «Новая газета», «Югополис», «Петербургский дневник», «Lenta.ru», «Meduza», «Сноб», «Фонтанка», «The Village», «Esquire», «Cosmopolitan».
Логики иccлeдoвaния oбуcлoвилa структуру рябвты, cocтoящeй из ввeдeния, двух глив, первая из которых реализована в трёх параграфах. 1 Арвия гливи посвящена анализу уже имеющихся сведений по заданной теме исследования и включает в себя характеристику основных понятий, необходимых для раскрытия темы, рассматривает особенности взаимодействия пользователя с графическим интерфейсом, а также содержит описание факторов, имеющих значение для оценки эргономичности меню. Вторая глава включает в себя два параграфа, первый из которых посвящен структурно-функциональному анализу меню, а второй — описанию хода и результатов тестирования асессоров по шкале SUS. В заключении пoдвoдятcя итоги прoвeдeннoгo иccлeдoвaния и делаются выводы.
Функциональность графического интерфейса может быть измерена категориями эффективности, полезности и удобства, которые входят в зону ответственности юзабилити. Навигация — это один из основных функциональных элементов интерфейса, а её главным элементом является меню, на исследование которого направлен фокус данной работы.
Исследованная литература касается особенностей проектирования удобных и полезных интерфейсов, а также — различных способов ориентации меню. В ней не содержится готовых решений относительно наилучшего варианта ориентации меню для сетевых медиа, с чем и связана актуальность данного исследования. В ходе данной работы были изучены и проанализированы существующие подходы к проектированию взаимодействия и варианты улучшения юзабилити.
Затем были сформулированы критерии для оценки меню, в соответствии с которыми был проанализирован ряд сетевых медиа, разделенных на группы по качественности и по подгруппам по способу ориентации меню. Исследование показало, что интерфейсы массовых изданий в наибольшей степени соответствуют общепринятым стандартам построения графического интерфейса по сравнению с интерфейсами сетевых медиа, тяготеющих к качественности. Наиболее эргономичными были признаны меню, ориентированные по вертикали.
В дополнение к исследованию было проведено тестирование асессоров по системе SUS с целью оценить удобство использования меню исследуемых интерфейсов и их эффективность в решении пользовательских задач. По итогам тестирования не было выявлено значительной разницы между интерфейсами по категории качественности. Тем не менее, тестирование по шкале субъективной удовлетворенности подтвердило, что для качественных сетевых медиа наиболее релевантным является горизонтальное меню, а для массовых - вертикальное.
Обобщив результаты исследований, мы пришли к следующим выводам:
1. Для качественных сетевых медиа наиболее эффективным является горизонтальное меню.
2. Для массовых сетевых медиа наиболее эффективным является вертикальное меню.
3. Интерфейсы массовых сетевых медиа в наибольшей степени соответствуют стандартам построения графического интерфейса по сравнению с интерфейсами качественных сетевых медиа.
Данная работа оставляет поле для дальнейших исследований. Вероятно, привлечение большего количества асессоров и исследование по другим критериям сможет дать иные результаты.
1. Бизнес Online. URL: https://www.business—gazeta.ru/
2. Бодрунова С.С., Якунин А.В. Метод эвристической экспертизы дизайна медиапроекта: опыт междисциплинарного подхода // Медиаскоп. 2016. Вып. 3. URL: http://www.mediascope.ru/node/2181
3. Большая Психологическая энциклопедия. URL: http://psychology.academic.ru/6764/
4. Ведомости. URL: https://www.vedomosti.ru/spb/
5. Газета.ш. URL: https://www.gazeta.ru/
6. Гаррет Д. Веб-дизайн: Элементы опыта взаимодействия. Спб, 2008
7. ГОСТ Р ИСО 14915-1-2010 Эргономика мультимедийных пользовательских интерфейсов. Часть 1. Принципы проектирования и структура. URL: http://docs.cntd.ru/document/1200082724
8. Известия. URL: http://izvestia.ru/
9. Ковалев А., Курдюмов И. Управление проектом по созданию интернет-сайта. М., 2001
10. Купер А., Кронин Д., Рейманн Р. Об интерфейсе. Основы проектирования взаимодействия. Спб., 2009
11. Мандел Т. Разработка пользовательского интерфейса. М., 2001
12. Медиалогия. URL: http://www.mlg.ru/ratings/media/
13. Нильсен Я. Дизайн Web-страниц. Анализ удобства и простоты использования 50 узлов. М., 2002
14. Новая газета. URL: https://www.novayagazeta.ru
15. Петербургский дневник. URL: https://www.spbdnevnik.ru
...