ФЕДЕРАЛЬНОЕ АГЕНТСТВО СВЯЗИ ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ «САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ТЕЛЕКОММУНИКАЦИЙ ИМ. ПРОФ. М.А. БОНЧ-БРУЕВИЧА» (СПбГУТ) Лабораторная работа №1 «Проблемы управления медиапространством. Сравнительный анализ навигационных систем» Выполнил: ст. гр. ИСТ-133 Курявая У.К. Проверил: ассистент Климов А. Санкт-Петербург 2023 Содержание 1) Цели работы 2) Ход работы 3) Вывод 4) Список использованной литературы, источников Цель работы: 1. Проанализировать навигационную систему 10-ти сайтов российских ВУЗов (список прилагается). 2. Вывести сходства навигационных систем (визуальных компонентов). 3. Вывести отличия навигационных систем (визуальных компонентов). 4. Дать оценку проанализированным системам с точки зрения эффективности коммуникационного процесса. 5. Предложить возможные изменения, призванные упростить и улучшить коммуникацию. Введение Для проведения данной лабораторной работы мы пройдем по нескольким пунктам, которые обязательно надо учитывать при анализе визуальной коммуникации. Понятность и простота: Важно, чтобы навигация на сайте была интуитивно понятной и простой для пользователей. Она должна отображать основные разделы и категории информации легко доступными и понятными ярлыками. Также важно, чтобы навигационные элементы были понятны для пользователей с разными уровнями навыков и знаний. Структура и организация: Навигация на сайте должна быть логично организована ииметь структуру, которая соответствует потребностям пользователей. Разделы и подразделы должны быть упорядочены таким образом, чтобы пользователи могли легко найти нужную им информацию. Полнота и актуальность информации: Навигация на сайте должна быть полной, чтобы пользователи могли легко найти все необходимые им разделы и страницы. Также важно, чтобы информация на сайте была актуальной и регулярно обновлялась, чтобы пользователи не получали устаревшую или неполную информацию. Поиск: В дополнение к навигации, сайт Адыгейского государственного университета должен иметь функционал поиска, который позволяет пользователям быстро найти нужную информацию, по ключевым словам, или фразам. Мобильная адаптивность: Учитывая все большую популярность мобильных устройств, навигация на сайте должна быть адаптирована для использования на различных устройствах, таких как смартфоны и планшеты. Это позволит пользователям легко переходить между разделами и находить нужную им информацию независимо от типа устройства. Отзывы пользователей: Отзывы и комментарии пользователей о навигации сайта Адыгейского государственного университета могут быть полезны для оценки ее эффективности и выявления возможных проблем или улучшений. Поэтому важно принимать во внимание мнение пользователей и учитывать их комментарии при проведении анализа. Ход работы 1. Просмотр визуала всех десяти предложенных для анализа сайтов Рис.1- сайт адыгейского государственного университета Рис.2-сайт ангарского государственного технического университета Рис.3- сайт Брянского государственного инженерно-технологического университета Рис.4- сайт Грозненского государственного нефтяного технического университета имени М.Д.Миллионщикова Рис.5- сайт Ивановской государственной сельскохозяйственной академии имени Д.К. Беляева. Рис.6- сайт Московского государственного технического университета Н.Э.Баумана Рис.7- сайт национального исследовательского университета итмо Рис.8- сайт Санкт-Петербургского государственного университета телекоммуникаций имени Бонча-Бруевича Рис.9- сайт Санкт-Петербургского государственного университета “ЛЭТИ” им. В.И. Ульянова (Ленина) Рис.10- сайт Санкт-Петербургского политехнического университета 2.Подробный анализ навигационных систем Сайт Адыгейского государственного университета Оценка с точки зрения коммуникационного процесса: Рис1.1. Главная страница сайта 1.Главная страница с скроллингом баннеров, на которых расположена актуальная информация о деятельности вуза 2.Навигационная панель сайта находится сверху. Разделена на две части 3. Поисковая панель так же расположена сверху. С помощью иконок легко догадаться, где можно поменять язык или включить версию сайта для слабовидящих Рис1.2. Новости института 4. Сайт блочного типа. Вся важная текстовая информация, такая как новости института, распределена на отдельные блоки по датам. Удобно Рис1.3. Навигационная панель 6. Очень удобная навигационная панель на сайте, где помимо карты сайта, есть вся контактная информация. 7. Сайт не перегружен большим количеством текстовой информации. Вся она прячется в выпадающих панелях и удобно распределена по блокам. 8. Гиперссылки на сайте перекидывают тебя на страницы, с интересующей информацией. Наверное добраться до интересующей информации достаточно сложно Возможные изменения: Лучше структурировать информацию. Не прятать её по гиперссылкам Сайт Ангарского государственного технического университета. Оценка с точки зрения коммуникационного процесса: Рис2.1. Главная страница сайта 1.К сожалению, внимания на навигационную панель сайта обращаешь не сразу. 2. Шрифт одинаковый, довольно мелкий, не выделяется 3. Иконки на сайте не привлекают внимания, но передают визуальную информацию. Рис 2.2. Всплывающее окно с бизнес-менеджером 4. Непонятно для чего нужен “бизнес-менеджер” на сайте института. А если он нужен, то его сложно заемтить 5. Интерфейс выглядит старомодно Возможные изменения: Поменять стоит много вещей, информация должна проще восприниматься, чтобы ее не нужно было искать в огромном, однотонном скоплении текстовой информации. Сайт Брянского государственного инженерно-технологического университета. Оценка с точки зрения коммуникационного процесса: Рис 3.1. Главная страница сайта. 1. Навигационная панель разбита на два блока и находится в правом верхнем углу сайта. 2. Информация представлена в блочном типе 3. Информация передается с помощью вспомогательных иконок, а не слов. 4. На сайте представлен календарь событий, календарь визуально 5. Информация для абитуриентов удобно выделена в отдельный блок 6. Возможные изменения: Сайт неплохой, но не выглядит современно. Сайт Грозненского государственного нефтяного технического университета имени академика М.Д. Миллионщикова 1.Кнопки, использованные на сайте, требуются в изменении в форме, цвете и местоположению, ведь пользователю не совсем удобно быстро нажимать на них, и они требуют времени в поиске на сайте. 2.Логотип сайта стоит поменять. 3.Иконки на сайте разных разделов надо уменьшить или упростить, изменить. Сайт Ивановской государственной сельскохозяйственной академии имени Д.К. Беляева. 1. Очень нечитаемо 2. Сайт требует редизайна, легкости, структурированности Сайт Московского государственного технического университета имени Н.Э. Баумана. 1. «Лицо» вуза, включает целостность стилевого оформления, «читабельность» шрифта, сочетаемость с оформлением подсайтов, удобство просмотра фото и видео. 2. Навигация — удобство пользования сайтом, четкая и понятная с первого взгляда структура. 3. Интерактивность — наличие обратной связи, ссылок на социальные сети, возможность подписки, обновляемость информации, внутренняя информационная система. Сайт Национального исследовательского университета ИТМО. 1. Дизайн сайта подчеркивает техническую, изобретательскую направленность вуза — он лаконичен, используется много темных цветов, минималистичных изображений, подчёркивающих инновационную направленность. В работе с контентом также используется принцип минимализма. Это касается и текстов (короткие, ёмкие слоганы), и изображений (высококачественные, четко подобранные фотографии и 3D-модели в едином стиле). 2. У вуза достаточно широкая палитра фирменных цветов, что позволяет отобразить его многопрофильность. 3. Основная информация представлена в карточке программы: стоимость, проходной балл, число свободных мест, срок обучения. Это помогает пользователю сфокусироваться только на необходимой информации и, если нужно, «провалиться» на детальную страницу программы. Сайт Санкт-Петербургского государственного университета телекоммуникаций им. проф. М.А. Бонч-Бруевича. 1. Все больше пользователей посещают сайты с мобильных устройств, поэтому сайт разработан с учетом браузеров для различных устройств, достигнута максимальная производительность и скорость работы на планшетах и смартфонах. При использовании адаптивной версии работает большая часть контента, в том числе и видеофрагмент на главной странице. 2. Сайт создан с учетом специфики вуза и запросов целевой аудитории. Он успешно отражает практическую направленность вуза и высокую ориентированность на студентов и абитуриентов. Содержит исчерпывающую информацию и обеспечивает легкую навигацию. Сайт Санкт-Петербургского государственного электротехнического университета "ЛЭТИ" им. В.И. Ульянова (Ленина). 1. Проектная деятельность и высокая ориентированность на студентов – одни из ключевых преимуществ университета. Страницы факультетов, созданные по единому шаблону, содержат интервью со студентами, видео-истории о факультете от первого лица и показывают жизнь студентов. Это положительно влияет на впечатления абитуриентов, которые находятся в процессе выбора вуза. 2. Образовательные программы для удобства разделены на пять групп: бакалавриат, специалитет, магистратура, аспирантура, дополнительное образование и онлайн-формат. В каждой из программ есть поиск с возможностью применения фильтров по факультетами, формам обучения и др. 3. Страница каждой программы также построена по единому шаблону и содержит основную информацию: технические данные и документы, описание программы, блок вопросов и ответов, информацию о навыках и карьере после обучения, что является одним из поводов для беспокойства абитуриентов и их родителей. 4. Кроме этого, сайт содержит фотографии и 3D модели в высоком качестве, которые отражают профильную специфику вуза и привлекают внимание пользователей. Например, изображения 3Dпринтеров, химический лабораторий, спроектированных при участии вуза роботов и автомобилей. Сайт Санкт-Петербургского политехнического университета Петра Великого. 1. Сайт клиентоориентирован. Он обеспечивает легкую навигацию для поиска нужных услуг, позволяет с легкостью найти необходимую информацию. 2. Достигнут высокий уровень юзабилити, благодаря новой структуре сайта и удобной навигации, где каждый элемент может быть оперативно найден через полноэкранное меню с тремя уровнями вложенности. Также с главного экрана можно совершить быстрый переход в три раздела: Поступающим, Учащимся, Сотрудникам. 3. Важно отметить, что в конце главной страницы и многих внутренних пользователю предлагается совершить следующий шаг, выбрав одно из действий. Это интересный прием, позволяющий удержать пользователя на сайте, чтобы он не закрывал вкладку браузера, проскроллив до конца страницы. Список сайтов для лабораторной работы 1. Сайт Адыгейского государственного университета. 2. Сайт Ангарского государственного технического университета. 3. Сайт Брянского государственного инженерно-технологического университета. 4. Сайт Грозненского государственного нефтяного технического университета имени академика М.Д. Миллионщикова. 5. Сайт Ивановской государственной сельскохозяйственной академии имени Д.К. Беляева. 6. Сайт Московского государственного технического университета имени Н.Э. Баумана. 7. Сайт Национального исследовательского университета ИТМО. 8. Сайт Санкт-Петербургского государственного университета телекоммуникаций им. проф. М.А. Бонч-Бруевича. 9. Сайт Санкт-Петербургского государственного электротехнического университета "ЛЭТИ" им. В.И. Ульянова (Ленина). 10. Сайт Санкт-Петербургского университета Петра Великого. политехнического
