Проектирование системы визуальной навигации по кампусу УлГТУ

М. Ю. Бахус и М. Е. Крошнева

Рассматриваются актуальные проблемы пространственного ориентирования в университетской среде, анализируется мировой и отечественный опыт кампусной инфографики, оценивается текущее состояние объектов навигации Ульяновского государственного технического университета (УлГТУ).

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

Информационная графика является одним из эффективных способов представления информации. Она применяется во многих сферах жизнедеятельности человека. Например, на дорожных указателях, картах, планах местности, в книжных иллюстрациях и рекламе. Главным средством реализации инфографики служат наглядные образы − знаки. В этом смысле она проявляется как один из элементов семиотики (от греч. σημεĩον «знак»). Конвенциональные и функциональные знаки способствуют развитию языка культуры, основу которого, с точки зрения современных филологов, лингвистов, философов, культурологов и социологов, составляет текст.

Большой вклад в изучение семиотики внесли многие отечественные и зарубежные исследователи, среди них Р. Арнхейм, А. Базен, Р. Бард, Д. Белл, В. Беньямин, Ж. Бодрийяр, Ж. Делез, М. Маклюэн, Г. Маркузе, Х. Ортега-и-Гассет, Ч. Пирс, Д. Соссюр, Э. Тоффлер, М. Кастельс, Ю. Кристева, К. Леви-Стросс и Ж. Деррида [1].

Система визуальной навигации представляет собой комплекс информационных знаков — медиаобъектов, обеспечивающих пространственное восприятие окружающей среды. Ключевая задача инфодизайна заключается в донесении до пользователя (зрителя, читателя) наибольшего объёма данных за ограниченное время. Согласно этому определяются основные свойства, которыми должна обладать информационная схема: предельная ясность, точность, содержательность, скорость осуществления коммуникационных операций (в том числе правильность интерпретации, выводов), стилистическое единство, эстетическая привлекательность, высокое качество исполнения, низкая стоимость изготовления и доступность для целевой аудитории*.

Дополнительные возможности открывают современные средства передачи информации, мобильные приложения и компьютерные технологии, которые позволяют налаживать интеграцию с медиаресурсами и внедрять новейшие интерактивные элементы (QR-коды, виртуальная реальность, голосовые помощники, аудиогиды, квесты, игры и так далее). В университетской среде система навигации служит средством пространственного ориентирования между объектами образовательной инфраструктуры. Схемы кампуса, как правило, находятся во входных группах или в точках принятия решений* и информируют посетителя о расположении аудиторий, кабинетов, учебных корпусов или других подразделений.

При разработке навигации учитывается целевая направленность информации, исходя из которой определяется круг задач, которые должен решать дизайн-проект. От глубины проработки данного вопроса зависит уровень полезного насыщения информацией и эффективность визуальной коммуникации. Под уровнем полезного насыщения информацией понимается количество данных, пригодных пользователю для выполнения определённых действий. Чем продуктивнее визуальная компонента макетов, тем выше уровень полезного насыщения информацией и тем эффективнее происходит коммуникация. При этом, недостаточная, неточная, неясная и непродуманная подача информации создаёт препятствия для прочтения карты.

Обратимся к инфокарте Манчестерского университета − одного из значимых британских вузов мирового значения (рис. 1). Учебные корпуса, лаборатории, жилые кварталы, спортивные центры, библиотеки, а иногда даже отдельные рекреационные зоны заполняют собою всё пространство университета по системному признаку [2].

Параллельно рассматривая карты других европейских кампусов, например, старинного Гейдельбергского университета Германии, можно выделить общие тенденции в графическом исполнении навигаций: сама схема выполняется в виде двумерной проекции; на плане обозначаются дороги, тропинки, парковки, велодорожки, учебные здания, лаборатории, библиотеки, переходы, столовые, кафе, спортзалы, стадионы, туалетные комнаты и входы для инвалидов-колясочников; карта условно делится на две части: изображение кампуса и подробную легенду.

Дизайн подобных инфокарт больше напоминает туристический путеводитель, что вполне приемлемо для крупных вузов, учитывая социально-культурные, политические, исторические особенности развития европейского образования * [3].

Иная ситуация наблюдается в инфографике восточноазиатских университетов. Здесь карты кампусов, как правило, выполняются в трёхмерном виде (применяются снимки с большой высоты, рисунки или векторная графика); зачастую отсутствует легенда; вместо значков используются подписи иероглифами или фотографии; некоторые надписи дублируются на английском языке; отмечаются переходы, дороги, парковки и места остановок общественного транспорта так, как, например, на схеме (рис. 2) Акитского международного университета [4].

Возможно, выбор такого способа оформления связан с богатым разнообразием языков и диалектов, поэтому основной упор делается на визуализацию, которая должна отражать высокий уровень полезного насыщения информацией и эффективность визуальной коммуникации независимо от национально-языковой принадлежности пользователя. Примечательно, что здесь могут применяться не только ортогональная, но и перспективная проекции, которые при параллельном применении позволяют дизайнеру сэкономить место на карте и разместить на ней гораздо больше объектов. При этом нет избытка информации, как на тяжёлых информационных картах западноевропейских вузов, а уровень полезного насыщения находится в пределах нормы.

Отечественный опыт ещё недостаточно велик, однако существуют российские вузы, которые подходят к этому вопросу серьёзным образом. Например, Санкт-Петербургский политехнический университет Петра Великого (СПбПУ) занимает обширное городское пространство, и это отлично видно на карте вуза (рис. 3). Выделяет данную схему высокий уровень детализации, интеграция с медиаресурсами и приемлемое качество верстки * [5].

Хороший пример показывает и Оренбургский государственный университет (ОГУ), карта которого выполнена в виде трехмерной модели (рис. 4). На ней все подписи сделаны посредством прямоугольных выносок с названиями и номерами корпусов, обозначены места остановок транспорта, прорисованы силуэты близлежащих домов, что создает дополнительные преимущества для пространственного ориентирования [6].

Многие российские университеты комбинируют разные способы изображения своих кампусов, используя современные мультимедиатехнологии. Например, 3D-туры, фрагменты картографических служб Яндекса и Гугла (Российский государственный университет им. А. Н. Косыгина, Башкирский государственный педагогический университет им. М. Акмуллы, Чувашский государственный университет имени И. Н. Ульянова и другие) или схемы, выполненные в стандартных редакторах. При этом, только часть вузов уделяет особое внимание разработке инфосистем для навигации по кампусу, создавая действительно удобные карты (например, ОГУ).

Изучение системы уличной навигации по кампусу Ульяновского государственного технического университета следует начать с определения её целевого назначения. Информация о расположении учебных корпусов может пригодиться абитуриентам, первокурсникам, гостям. Следовательно, основной упор должен делаться на объекты, вызывающие интерес для этих категорий посетителей. Где располагается приёмная комиссия? Для гостей университета важно знать местонахождения бюро пропусков. Где оформляют электронную карту /временный пропуск для прохода в здание университета? В целях более широкого информирования стоит указать, где находятся другие учебные корпуса и подразделения (научная библиотека, технологический центр промышленного интернета в машиностроении, региональный центр науки, техники и культуры имени Т. Л. Стениной, киноконцертный зал «Тарелка», пространство коллективной работы «Точка кипения» и центр цифрового образования детей «ИТ-Куб»), занимающие отдельные здания или помещения; а также стадион, спорткомплексы и бассейн. Дополнительно можно информировать о ближайших остановках общественного транспорта, улицах вокруг кампуса и официальных медиаресурсах университета.

Действующая система навигации УлГТУ состоит из восьми уличных указателей, размещённых на щитах с ножками из профильных металлических трубок. Существуют два вида знаков: знаки первой группы располагаются на пересечении внутренних дорог (рис. 5, а), второй — находятся на границах кампуса или в непосредственной близости ко входам в университет (рис. 5, б).

По внешним признакам нынешняя навигация перестаёт удовлетворять основным запросам целевой аудитории. Конструктивные проблемы и просчёты в дизайне указателей мешают эффективному функционированию системы. На схеме отсутствуют подсказки о расположении спортивных залов, «Точки кипения» и «ИТ-Куба», а неверная расстановка информационных приоритетов, где значимые (учебные корпуса) и менее важные места (парковочные площадки, стадионы, общежития, столовые, кафе, места отдыха) выделены одним кеглем и начертанием, приводит к нарушению графической иерархии.

Возникают вопросы и к сочетанию разных приёмов оформления. Так, на знаке (рис. 5, б) совмещается двумерная карта и указатели направлений, которые дополнительно служат её легендой. Плоская проекция не отражает визуальные ориентиры, что делает карту доступной лишь тем, кто способен её прочитать. Иная ситуация со стрелками-указателями. По задумке автора они показывают путь к сооружению, но если на этом знаке (рис. 5, а) ещё можно разобраться куда идти, то на другом (рис. 5, б) наблюдается избыток стрелок, которые к тому же располагаются бессистемно, без привязки объектов пересмотреть расположение действую к общему направлению. Это не помогает, а сбивает наблюдателя с цели. Подобная проблема возникает и с другими знаками. Кроме того, требуется пересмотреть расположение действующих указателей, поскольку некоторые из них находятся вне точек принятия решений (рис. 6).

В ходе проведённой работы было изучено текущее состояние уличных указателей. На этой основе и с учётом запущенного в 2020 году мегапроекта «Умный кампус» была создана усовершенствованная система навигации [7]. Анализ будущих изменений в дорожной сети университета, особенностях ландшафтной композиции и визуальных ориентиров позволил уточнить основные точки принятия решений. Например, таким образом были расположены информационные указатели по периметру новой аллеи, идущей вдоль 3-го корпуса и выходящей к научной библиотеке. Ряд других обстоятельств, например, наличие табличек с номерами учебных корпусов или крупной вывески с названием дало возможность сократить число проектируемых указателей. Конечные результаты обследования территории были внесены на план расположения навигационных знаков, см. рис. 6.

В рамках дизайн-концепции была создана общая карта кампуса. Для упрощения поиска информации и создания запоминающихся графических образов схема была изображена в виде изометрической проекции. Трёхмерные модели учебных корпусов с умеренной детализацией архитектурных форм дали возможность продемонстрировать внешний облик зданий. В качестве основной гарнитуры было использовано семейство гротесковых шрифтов «Монтсеррат», пользующееся популярностью в наружной рекламе и вывесках [8]. Помимо хорошей удобочитаемости оно обладает широким спектром весовых и наклонных начертаний, которые можно применять для иерархизации информации. Так, например, выделяется структура подразделений, распределённых по учебных корпусам и сооружениям университета. Довершают композицию контрастные лазурные переходы, которые не только подчёркивают значимость сооружений, но и притягивают внимание зрителя к наиболее важным объектам на территории кампуса.

Кроме того, были учтены потребности иностранных посетителей: для них все подписи дублируются на английском языке. Дополнительные возможности для пространственного ориентирования открывают полупрозрачные примитивы зданий, которые ненавязчиво сообщают о расположении объектов внутри всего квартала. Применение градиентных акцентов в обозначении входов в корпуса позволило сократить избыточную массивность дорожной сетки и придать лёгкость изображению.

Обновлённая система состоит из двух видов знаков: указатель и общая карта кампуса. Первый вид знаков (рис. 8) располагается в точках принятия решений. Второй вид (рис. 7) − помещается у входных групп в учебные корпуса № 2 и 6, где находятся важнейшие подразделения университета (приёмная комиссия, ректорат), а также в направлениях остановок общественного транспорта, откуда исходит основной поток гостей.

Конструкция знака с картой (рис. 7) состоит из щита, зафиксированного по краям чёрно-синими стальными трубами, и светодиодного рассеивателя на карнизе.

Указатель (рис. 8) представляет собой столб с закруглёнными с внешней стороны информационными табличками, которые насаживаются на штыри, прикреплённые к основанию. Стойка изготавливается из стальной трубы, окрашенной в чёрно-синий цвет. Таблички располагаются в шахматном порядке, причём сверху находятся те, которые направляют на близлежащие здания, а внизу − на отдалённые. В качестве материала для печати могут использоваться самоклеящиеся плёнки со светоотражающим покрытием. На некоторых знаках (у главных зданий) можно установить осветительные фонари в тематике университета, напоминающие форму Летающей Тарелки, например, см. рис. 8. Однако стоит заранее предусмотреть, чтобы электропроводка фонаря проходила через подземные каналы и не нарушала эстетическое восприятие арт-объекта.

Графическая составляющая предполагает применение универсального шаблона, поэтому при открытии новых учебных пространств не требуется полная замена всей навигации, достаточно лишь добавить новую табличку на столб.

Интеграция с экосистемой «Умный кампус» и внедрение интерактивных элементов может выразиться в создании целого ряда мобильных приложений, начиная от самого простого − виртуальной карты университета, или аудиогида, заканчивая более сложными − спортивными играми, или интеллектуальными квестами: например, участник может наводить камеру своего смартфона на знак и наблюдать трёхмерную анимацию, которая даёт подсказку для выполнения задания.

Интерактивные технологии не только привлекают внимание зрителя, но и открывают ему возможности взаимодействия с мультимедийными приложениями. Кроме того, «за счёт своих уникальных характеристик визуальный контент получает большое преимущество перед другими контент-форматами», благодаря чему его можно рассматривать, как «один из активных способов символико-образной, графической, виртуальной способностей сопровождения информации» [9, с. 61].

Технологии дополненной реальности раздвигают границы привычного воздействия на аудиторию и при должном подходе могут реализовываться не только в навигационных системах, но и в учебно-просветительских программах, что становится особенно востребованным в современном мире высоких технологий. При этом стоит помнить об интересах целевой аудитории и не допускать применение формальных или посредственных «актов коммуникации», поскольку от этого зависят ключевые свойства разрабатываемого мультимедийного продукта [10, с. 9].

В качестве инструментов для проектирования информационных схем подходят профессиональные графические редакторы, в том числе и свободно распространяющиеся, подробнее об этом в статье «Практические инструменты работы графического дизайнера. Линейки редакторов» [11]. Например, для создания обновлённой системы навигации по УлГТУ, общей схемы кампуса, моделей знаков и указателей использовался трёхмерный графический редактор «Блендер».

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

Библиографический список

1. Арнхейм Р. Искусство и визуальное восприятие. — М., 1974; Базен А. Что такое кино? — М., 1972; Барт Р. Мифологии. — М., 2000; Белл Д. Грядущее постиндустриальное общество. Опыт социального прогнозирования. — М., 2000; Беньямин В. Произведения искусства в эпоху его технической воспроизводимости. Избр. эссе. — М., 1996; Бодрийяр Ж. Система вещей. — М., 1995; Делёз Ж. Кино/Ад-Мергинем. — М., 2004; Делёз Ж. Логика смысла. — М., 1993; Искусство и новые технологии / Под ред. Я. Иоскевича. Вып. 7. — СПб., 2001; История печати. Антология. Т. 2 / Сост. Я. Н. Засурский, Е. Л. Вартанова. — М., 2001; Кастельс М. Галактика Интернет. — Екатеринбург, 2004 и другие.
2. Карты и поездки // Манчестерский университет: [сайт]. URL: https://www.manchester.ac.uk/discover/maps/. (дата обращения: 09.01.2021).
3. Гейдельбергский университет: карты [сайт]. URL: https://www.uni-heidelberg.de/en/university/maps. (дата обращения 12.02.2021).
4. Карта университетского кампуса // Акитский международный университет: [сайт]. URL: https://web.aiu.ac.jp/en/about/campus-map/. (дата обращения: 09.01.2021).
5. Карта кампуса университета // СПбПУ: [сайт]. URL: https://www.spbstu.ru/abit/campus/. (дата обращения: 09.01.2021).
6. План университетского городка // Абитуриент 2021: [сайт]. URL: http://abiturient.osu.ru/campus/campus-plan. (дата обращения: 11.01.2021).
7. Приглашаем жителей Ульяновска к обсуждению мегапроекта «Умный кампус и экосистема цифрового университета» // УлГТУ: [сайт]. URL: https://www.ulstu.ru/main?cmd=view&article=21673. Дата обращения: 27.01.2021.
8. Монтсеррат. // Гугл. Шрифты: [сайт]. URL: https://fonts.google.com/specimen/ Montserrat? selection.family=Montserrat&sidebar.open=true#standard-styles. Дата обращения: 27.01.2021.
9. Визуализация информации и инфографика: учебно-методическое пособие для обучающихся по направлению подготовки 42.03.03 «Издательское дело» / сост. М. Е. Крошнева, О. Е. Маленова. − Ульяновск: УлГТУ, 2018. −80 с.
10. Крошнева М. Е. К теоретическому осмыслению понятия «медиакультура» // Филологические аспекты медиакультуры. Межвузовский сборник научных трудов; под ред. М. Е. Крошневой. − Ульяновск: УлГТУ, 2020. С. 5–11.
11. Крошнева М. Е. Практические инструменты работы графического дизайнера. Линейки редакторов // Филологические аспекты медиакультуры. Межвузовский сборник научных трудов; под ред. М. Е. Крошневой. − Ульяновск: УлГТУ, 2020. С. 56–62.

References

1. Arnhejm R. Iskusstvo i vizual’noe vosprijatie. — M., 1974; Bazen A. Chto takoe kino? — M., 1972; Bart R. Mifologii. — M., 2000; Bell D. Grjadushhee postindustrial’noe obshhestvo. Opyt social’nogo prognozirovanija. — M., 2000; Ben’jamin V. Proizvedenija iskusstva v jepohu ego tehnicheskoj vosproizvodimosti. Izbr. jesse. — M., 1996; Bodrijjar Zh. Sistema veshhej. — M., 1995; Deljoz Zh. Kino/Ad-Merginem. — M., 2004; Deljoz Zh. Logika smysla. — M., 1993; Iskusstvo i novye tehnologii/Pod red. Ja. Ioskevicha. Vyp. 7. — SPb., 2001; Istorija pechati. Antologija. T. 2/ Sost. Ja. N. Zasurskij, E. L. Vartanova. — M., 2001; Kastel’s M. Galaktika Internet. — Ekaterinburg, 2004 i mnogie drugie.
2. Karty i poezdki // Manchesterskij universitet: [Maps and travel. University of Manchester]: [site]. URL: https://www.manchester.ac.uk/discover/maps/. (accessed: 09.01.2021).
3. Gejdel’bergskij universitet: karty [site]. URL: https://www.uni-heidelberg.de/en/university/maps/. (accessed: 12.02.2021.
4. Karta universitetskogo kampusa. Akitskij mezhdunarodnyj universitet: [Campus map. Akita International University] [site]. URL: https://web.aiu.ac.jp/en/about/campus-map/. (accessed: 09.01.2021).
5. Karta kampusa universiteta [Map of the university campus] SPbPU [SPbSTU]: [site]. URL: https://www.spbstu.ru/abit/campus/. (accessed: 09.01.2021).
6. Plan universitetskogo gorodka [Plan of the university campus] Abiturient 2021. [Applicant 2021]: [site]. URL: http://abiturient.osu.ru/campus/campus-plan. (accessed: 11.01.2021).
7. Priglashaem zhitelej Ul’yanovska k obsuzhdeniyu megaproekta «Umnyj kampus i ekosistema cifrovogo universiteta» [We invite residents of Ulyanovsk to discuss the megaproject «Smart Campus and the Digital University Ecosystem»] // ULGTU [ULSTU]: [site]. URL: https://www.ulstu.ru/main?cmd=view&article=21673. (accessed: 18.01.2021).
8. Montserrat. Google. Fonts: [site]. URL: https://fonts.google.com/specimen/Montserrat. (accessed: 27.01.2021).
9. Vizualizatsiya informatsii i infografika: uchebno-metodicheskoye posobiye dlya obuchayushchikhsya po napravleniyu podgotovki 42.03.03 «Izdatel’skoye delo» [Information visualization and infographics: a teaching aid for students in the direction of training 42.03.03 «Publishing»] / sost. M. Y. Kroshneva, O.Y. Malenova. [comp. M. E. Kroshneva, O. E. Malenova]. Ulyanovsk, ULSTU, 2018, 80 p.
10. Kroshneva M. E. K teoreticheskomu osmysleniyu ponyatiya «mediakul’tura» [To the theoretical comprehension of the concept of «media culture»] Filologicheskiye aspekty mediakul’tury. Mezhvuzovskiy sbornik nauchnykh trudov; red. M. Y. Kroshnevoy [Philological aspects of media culture. Interuniversity collection of scientific papers; edited by M. E. Kroshneva]. Ulyanovsk, ULSTU, 2020, р. 5–11.
11. Kroshneva M. E. Prakticheskiye instrumenty raboty graficheskogo dizaynera. Lineyki redaktorov [Practical tools for the work of a graphic designer. Lines of editors] Filologicheskiye aspekty mediakul’tury. Mezhvuzovskiy sbornik nauchnykh trudov; red. M. Y. Kroshnevoy [Philological aspects of media culture. Interuniversity collection of scientific papers; edited by M. E. Kroshneva]. Ulyanovsk, ULSTU, 2020, р. 56–62.

Научный руководитель: Крошнева Марина Евгеньевна, кандидат филологических наук, доцент, заведующий кафедрой филологии, медиатехнологий и графического дизайна, Ульяновский государственный технический университет.

Автор: Бахус Михаил Юрьевич, студент, гуманитарный факультет, Ульяновский государственный технический университет.

Статья входит в РИНЦ

Презентация проекта доступна на Behance