К вопросу внедрения интерактивных элементов в сложные сайты с целью помощи пользователю

Аннотация

Many sites have a complex structure, where in order to find the necessary information you need to go from the main page to a subsection (and there are several of them), then find the necessary section in it, and so on, and the user does not always find the necessary information the first time, as a result of which there is a need to implement interactive elements (non-linear type, which could simplify the search for part of the information for the user). This material studies the main (key) points in creating such an interactive element using the example of development for the Institute of Telecommunications. Keywords: digital technologies, interactive elements, non-linear, web structures, search, convenience Введение. Большинство сайтов сегодня это сложные много уровневые веб-конструкции с линейной системой поиска информации, это означает, что чтобы получить информацию, которая где-то в глубине, нужно с главной страни- цы идти в раздел, следом в подраздел и так далее, пока информация не будет найдена, при этом количество разделов и подразделов может быть огромным. Также нужно понимать, что есть документы. При этом пользователь может знать только их названия. В систему документы могут выгружаться под регистрацион- ным номером, из-за чего пользователь также может теряться. Все вышеизложен- ное говорит о том, что необходимо внедрять новые технологии, что могли помо- гать пользователям (например, тем, кто первый раз пользуется каким-то феде- ральным или муниципальным сайтом). В потенциале таким инструментом мож- но считать нелинейные интерактивные элементы (для образовательных курсов есть примеры таких элементов, созданных в Thinglink) [1; 2]. Основная часть. Первое что нужно пояснить, что такое нелинейный – как выше было сказано, при поиске информации пользователи вынуждены идти с главной страницы в разделы и далее (так же как например листать сайт с верху вниз, или презентацию), нелинейный это означает, что с главной страницы через такой элемент можно перейти в нужный раздел, минуя промежуточные (то есть из точки «А0» в точку «Ж12», например). При этом для создания такого элемента нужно учесть ряд важных моментов, которые разберем ниже применительно для Института телекоммуникации СибГУТИ. – Во-первых, полнота данных. Как выше упоминалось интерактивный элемент сейчас создают для курсов (то есть в нем есть точки, что отвечают за разделы курса «темы»), но такой элемент можно создать и для целой структуры как Институт телекоммуникации. При этом нужно иметь полную информацию о количестве кафедр, количестве направлений, наличии иных структурных под- разделений (например, НИЛ «научно-исследовательская лаборатория», СКБ «студенческое конструкторское бюро»). Существуют случаи, когда в одном раз- деле информация обновляется (например, открытие еще одного направления или магистратуры), а в другом нет, что вызывает путаницу. – Во-вторых, структура. Структура может быть иерархическая (то есть сверху вниз от дирекции к кафедрам и далее по направлениям) (рис. 1), или гео- графическая (когда за основу такого элемента берется стилизованное изображе- ние вуза, и точки располагаются так, чтобы отображать место расположения ди- рекции и кафедр, а направления рядом с выпускающей кафедрой). Рис. 1. Пример интерактивного элемента с иерархической системой на базе Thinglink для курса дополнительного образования – В-третьих, графическая стилистика. В вышеобозначенной программе, на базе которой сейчас создаются интерактивные элементы, каждая точка может со- держать не только краткое описание, ссылку на нужный раздел, но также тема- тическую картинку (рис. 2), что важно с точки зрения визуализации и сопровож- дения информации (так, например, точка, связанная с конструкторским направ- лением, может сопровождаться фото с печатью платы). Это также важно, что все фотоэлементы можно выполнить в одной цветовой стилистике, и это будет под- черкивать, что данный элемент – навигатор по Институту телекоммуникации, а аналогичные разработки для других институтов в составе СибГУТИ делать в других стилистиках. Рис. 2. Пример наполнения точки интерактивного элемента (фотоэлемент, заголовок, текст, из существенных элементов отсутствует ссылка для перехода) Заключение. Если подводить промежуточный итог, можно сказать, что интерактивный нелинейный элемент – это нестандартный инструмент для упро- щения работы с веб-структурами, при этом нужно понимать, что, кроме созда- ния, также важно провести исследование с целью определения, будет ли поиск информации через такой элемент быстрей, понятней, удобней. Список литературы 1. Хмелев А. В. Использование объемных и интерактивных файлов в пре- зентациях как способ максимизации визуальной привлекательности // Современ- ные проблемы телекоммуникаций: материалы Международной научно- технической конференции, Новосибирск, 22–23 апреля 2021 г. – Новосибирск: Сибирский государственный университет телекоммуникаций и информатики, 2021. – С. 472–475. 2. Thinglink [Electronic Resource]. – URL: https://www.thinglink.com/ed