Формирование требований к интерфейсу сайтов ВУЗов исходя из стандартов доступности и удобства использования

Кирьянов Денис Александрович ORCID: 0000-0001-8502-8333 магистр, Балтийский государственный технический университет ВОЕНМЕХ имени Д. Ф. Устинова 190005, Россия, г. Санкт-Петербург, ул. 1-Я красноармейская, 1 Kiryanov Denis Aleksandrovich Master's Degree, Department of Information Systems and Software Engineering, Baltic State Technical University "Voenmeh" anmed after D. F. Ustinov 190005, Russia, Saint Petersburg, 1st Krasnoarmeyskaya str., 1 dennis.kiryanov@gmail.com Другие публикации этого автора

Введение

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

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

Это обстоятельство можно объяснить недостаточным анализом пользовательской аудитории, неправильным пониманием целевого назначения подобных информационных ресурсов, и незнание основных стандартов доступности. Данное исследование призвано устранить данный пробел, т. к. сайты ВУЗов выполняют очень важную социальную роль, являясь, по сути, проводником в мир высшего образования и должны быть доступны каждому пользователю.

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

1 Целевое назначение сайта ВУЗа

Основным назначением сайта ВУЗа является формирование открытого и общедоступного информационного ресурса, согласно 273-ФЗ ^{[1, ст. 29]}. На сайтах такого типа размещается необходимая информация об учебном заведении в сети Интернет, в соответствии с ^[2], а также публикуются данные о реализуемых образовательных программах, преподавательском составе, стоимости обучения, контактной информации, руководстве, публикации необходимых документов и другой важной информации для целевой аудитории сайта.

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

Сайты ВУЗов предназначаются для использования широкой пользовательской аудиторией, в том числе и людьми с ограничениями по здоровью, которым, в соответствии с п. 5 ст. 15 181-ФЗ ^[3] должен быть обеспечен беспрепятственный доступ к информации с учетом ограничений их жизнедеятельности.

2 Описание целевой аудитории

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

На основе статистических данных, представленных в ^[4], можно сформировать следующий общий портрет обучающихся: это, с небольшим преобладанием, женщины (53%), возраст 82,4% из обучающихся лежит в пределах от 17 до 26 лет ^{[4, с. 184]}. Гражданами иностранных государств являются 7,2% студентов (в основном, граждане Казахстана, Туркменистана и Узбекистана) ^{[4, c. 187]}. Среди студентов из стран дальнего зарубежья большую часть составляют граждане Китая и Индии ^{[4, c. 188]}.

Целевую аудиторию, приходящуюся на профессорско-преподавательский состав, на 57,6 % составляют женщины, 66% данной целевой аудитории – это лица в возрасте от 30 до 60 лет, 73,5% имеют научные степени ^{[5, с. 92]}.

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

Список отобранных университетов для исследования приведен в таблице 1. В таблице 2 представлена статистика о посещении анализируемых сайтов университетов, сформированная на основе данных, предоставляемых компанией Similarweb.com ^[6] (данные на декабрь 2021 г.).

Таблица 1 – Список сайтов университетов, отобранных для сравнения

Таблица 2 – Статистика посещений сайтов университетов

Как видно из таблицы 2, сайты выбранных университетов посещают, в основном, русскоязычные посетители, просматривая в среднем 5–6 страниц и проводя на сайте около 5 минут.

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

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

Основные интересы посетителей сайтов университетов, представленных в таблице 1, проиллюстрированы на рисунке 1 (на основе данных Similarweb.com ^[6]).

Рисунок 1 – Интересы посетителей сайтов университетов

Как видно из рисунка 1, среди интересов пользовательской аудитории сайтов университетов (таблица 2), можно выделить науку и образование, технологии, новости и медиа. Это говорит о том, что пользователи приходят на сайт университета в поисках информации об образовательных программах, их стоимости и информации о приеме.

На основе исследований ^{[7, 8]} можно также сформировать основные цели абитуриентов, которые формируют значительную часть целевой аудитории университетских сайтов. Среди основных мотивов абитуриентов выделяют: интерес к профессии, подготовку к сдаче вступительных экзаменов, возможность обучения за счет бюджетных средств, возможности будущего трудоустройства по специальности. При этом, основными критериями выбора университета являются: высокая квалификация кадров, возможность стажировок, в том числе зарубежных, развитая материальная база, гарантии трудоустройства по окончании обучения.

Из таблицы 2 видно, что основными посетителями сайтов университетов являются пользователи из России, Казахстана и Украины. Тем не менее, несмотря на то, что большая часть посетителей приходится на Россию (в среднем, 91,28%), остается необходимость для организации успешной кросс-культурной коммуникации с пользователями из других стран.

Теория культурных измерений Герта Хофстеда ^[9] позволяет провести международное сопоставление целевой аудитории, соизмерив культурные ценности представителей разных стран. Для сравнения культурных ценностей пользователей из России, Украины и Казахстана, была применена модель Хофстеда, основанная на шести измерениях ^[10]. Для сравнения были выбраны Россия, Казахстан и Украина, т. к. именно пользователи данных стран составляют основную пользовательскую аудиторию сайтов университетов из таблицы 2. Результаты сравнения показаны на рисунке 2.

Рисунок 2 – Применение модели Хофстеда для анализа целевой аудитории

Как видно из рисунка 2, у целевой аудитории российских сайтов ВУЗов примерно одинаковые культурные ценности и поведение в целом, что означает выбор единой стратегии в маркетинге и построении дизайна, размещении контента и т. д.

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

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

Средний уровень индекса маскулинности показывает, что целевая аудитория нацелена на уважение культурных ценностей и почитание взаимоотношений (уважение традиций, наставников, старших).

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

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

Низкий уровень индекса допущения говорит о приверженности целевой аудитории к строгим социальным нормам.

3 Основные требования к аппаратно-программной платформе сайтов ВУЗов

Аппаратно-программная платформа, согласно ГОСТ Р 53622–2009 ^{[11, п. 3.1]} – это единый комплекс средств вычислительной техники и системных программ. Рассматривая аппаратно-программную платформу сайтов ВУЗов исходя из целевого назначения подобных информационных систем, можно сделать вывод, что она предназначена для хранения, передачи и отображения информации для своих пользователей.

Подобная платформа также подразумевает необходимую автоматизацию процессов сбора и ввода информации, обработку поступивших данных для последующего использования и должна удовлетворять требованиям, предъявляемым законодательством к подобному ПО [1-3, 12].

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

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

Для обеспечения необходимого уровня доступности информации и удобства пользования сайт ВУЗа должен соответствовать ГОСТ Р 52872–2019 ^[13], стандарту WCAG 2.1 ^[14] и ГОСТ Р ИСО 9241-20-2014 ^[15]. Данные стандарты во многом дублируют и дополняют друг друга, регламентируя требования к воспринимаемости, управляемости, безопасности, понятности, надежности.

На страницах сайтов ВУЗов не должно быть ошибок в HTML и JS-коде страницы. Должны быть обеспечены возможности обработки страниц разнообразными пользовательскими приложениями, включая вспомогательные технологии, а также требуется обеспечение максимальной совместимости с существующими и разрабатываемыми пользовательскими приложениями. Сайт должен использовать защищенное HTTPS-соединение для обеспечения безопасной передачи данных.

4 Подходы к проектированию интерфейсов, минимизирующие ограничения возможностей пользователей сайтов ВУЗов

4.1 Основные ограничения возможностей и их описание

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

Можно выделить следующие основные нарушения, которые препятствуют в различной степени пользоваться сайтом ВУЗа ^{[16, с. 11–13]}:

1. когнитивные нарушения, т. е., затруднения при восприятии информации: проблемы при поиске и выделении полезных данных, концентрации, идентификации важных объектов, принятии решений;

2. моторные нарушения: затруднения при использовании элементов ввода и управления (например, сайт не адаптирован под использование клавиатуры, нужно использовать только мышь);

3. нарушения слуха: пользователь не слышит аудиоконтент, а текстовая версия данного контента не предоставлена;

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

5. технические ограничения: затруднено или невозможно пользоваться интерфейсом сайта на некоторых устройствах (мобильные устройства, дисплеи с небольшим экраном), сайт работает медленно (низкая производительность программно-аппаратной платформы, неустойчивость к большим нагрузкам и т. д.).

Далее рассмотрим наиболее известные и часто применяемые в дизайне и проектировании интерфейсов подходы, которые предлагается использовать при разработке интерфейсов сайтов ВУЗов. Данные подходы позволяют делать интерфейсы более удобными, не перегружая кратковременную память пользователя и не вызывая преждевременного утомления.

4.2 Закон Хика

При выработке подходов к снижению когнитивной нагрузки на пользователя очень часто принимают во внимание результаты исследований Уильяма Хика ^[17] (англ., William Hick), которые называются «Законом Хика». Согласно данному закону, время, которое требуется человеку для принятия решения, увеличивается логарифмически при увеличении вариантов выбора. Исследования У. Хика впоследствии нашли продолжение в работах других исследователей ^{[18, 19]}.

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

4.3 Гештальт-принципы

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

Можно выделить следующие основные гештальт-принципы ^[20-22]:

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

2. принцип близости или смежности: объекты, которые находятся ближе друг к другу, визуально воспринимаются как связная группа объектов;

3. принцип непрерывности (продолжения): точки, соединенные прямыми или кривыми линиями, видны наиболее плавно, т. е., элементы линии или кривой кажутся более связанными друг с другом, чем элементы, расположенные случайным образом, а восприятие визуальной информации непрерывно;

4. принцип закрытости: группа элементов часто воспринимается как одна узнаваемая форма или фигура, даже если часть информации отсутствует;

5. принцип симметрии: симметричные элементы воспринимаются как единое целое.

Как следует из вышеперечисленных гештальт-принципов, основная идея данной теории в группировке объектов на основе визуального сходства и расположения, исходя из когнитивно-психологических особенностей пользователя. Так, например, принцип близости применяется при проектировании панелей навигации, карточек, галерей, баннеров, списков и основного текста: связные элементы располагаются как можно ближе, а несвязные – отдельно. Принцип симметрии широко применяется для снижения когнитивной нагрузки на нагруженных контентом страницах, списках и навигации. Симметрия создает визуальный комфорт и позволяет сконцентрироваться на необходимой информации ^[23].

4.4 Закон Миллера

В 1956 г. Джордж Миллер (англ., George Miller) описал закономерность ^[24], согласно которой кратковременная память человека, зачастую, не может запомнить и повторить более элементов (двоичных цифр, букв алфавита, односложных слов. Д. Миллер связывал данную особенность с тем, что человеку свойственно перефразировать полученную информацию, переводя ее в свой внутренний вербальный язык. Исследователем было также установлено, что при применении группировки возможности кратковременной памяти возрастают.

Данную особенность, называемую «Законом Миллера», часто применяют для снижения когнитивной нагрузки на пользователя. При этом используют группировку, фрагментацию, представление данных в понятном пользователю шаблоне или формате. Например, очень часто применяют форматирование номера телефона, кредитной карты, выделение текста в рамки.

4.5 Закон Джейкоба

Джейкоб Нильсен (англ., Jakob Nielsen) выявил определенную закономерность пользовательского поведения ^[25], которая называется «Законом Джейкоба» и широко применяется в наши дни. Д. Нильсен отметил, что пользователи проводят большую часть своего времени на других сайтах, а это означает, что они предпочитают, чтобы остальные сайты работали так же, как и все другие сайты, которые им уже знакомы. Данный закон обуславливается пользовательским опытом посетителей и требует следовать общепринятым шаблонам в проектировании интерфейсов, чтобы снизить время привыкания к интерфейсу и задержать пользователя как можно дольше на страницах сайта.

В своих основных работах ^{[26, 27]} Д. Нильсен исследует удобность и доступность интерфейсов, считая основными показателями качественно спроектированного интерфейса такие показатели (эвристики), как:

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

2. совпадение между системой и реальным миром: язык должен быть понятен пользователю (знакомые фразы и понятия), информация отображается в естественном и логичном порядке;

3. пользовательский контроль и свобода: обратимость пользовательских ошибок, легкое их исправление;

4. следование стандартам, т. е., платформенным и отраслевым соглашениям;

5. предотвращение ошибок посредством хорошо продуманной логики и условий в интерфейсе;

6. распознавание, а не вспоминание: когнитивная нагрузка на пользователя должна быть минимизирована, информация, необходимая для использования дизайна (например, метки полей или элементы меню), должна быть видна или легкодоступна при необходимости;

7. гибкость и эффективность использования: пользователи должны иметь возможность настройки и автоматизации рутинных операций;

8. эстетичный и минималистичный дизайн;

9. легкая диагностика ошибок: сообщения об ошибках должны быть выражены простым языком (без кодов ошибок), точно указывать на проблему и конструктивно предлагать решение;

10. помощь и документация: лучше всего, если система не нуждается в дополнительных пояснениях, но при необходимости должна быть предоставлена документация, объясняющая функционал.

5 Проверка сайтов ВУЗов на соответствие стандартам доступности

Существует множество различного рода инструментов для оценки доступности веб-интерфейса сайта ^[28]. Воспользуемся инструментом «WAVE» ^[29] для проверки сайтов университетов из таблицы 1 на соблюдение стандартов WCAG. Результаты проверки приведены в таблице 3.

Таблица 3 – Проверка сайтов ВУЗов на соответствие стандартам WCAG

В таблице 3 приведены результаты проверки главной страницы, версия для слабовидящих (при множественном выборе темы оформления выбиралась тема по умолчанию: белый фон, черный текст). На основе полученных данных можем сделать вывод, что даже версия для слабовидящих слабо оптимизирована для пользования людьми с ограниченными возможностями здоровья.

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

Ошибки, связанные с отсутствием атрибута «alt» говорят о том, что содержимое графических материалов будет недоступно для пользователей экранных считывающих устройств, или для всех пользователей, когда само изображение будет недоступно. Каждое изображение должно иметь атрибут «alt» и предоставлять альтернативный текст.

Аналогично, отсутствие связанной текстовой метки (элемент «label»), говорит о том, что функция или цель этого элемента управления не будут представлены пользователям программ экранного чтения.

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

ARIA ^[30-32] (англ., Accessible Rich Internet Applications) — является технологическим стандартом, разрабатываемым Консорциумом Всемирной паутины для предоставления возможности полноценного использования Интернета людьми с физическими ограничениями (нарушение работы органов зрения и опорно-двигательного аппарата). Он представляет собой набор специальных атрибутов, которые могут быть добавлены в любую разметку, но особенно часто используется в HTML. Наличие нарушений стандарта ARIA свидетельствует о возможных проблемах при взаимодействии вспомогательных устройств с интерфейсом сайта и потенциальное ограничение возможностей пользователей с ограниченными возможностями.

Обнаруженные предупреждения, в основном, относятся к плохому форматированию и подаче текста на страницах проанализированных сайтов.

Проведенный анализ сайтов университетов на совместимость со стандартами доступности позволяет получить представление о наиболее частых ошибках и выработать пути их устранения при проектировании интерфейсов сайтов ВУЗов.

6 Основные требования к пользовательскому интерфейсу сайта ВУЗа

6.1 Требования доступности

Как было упомянуто выше, интерфейс сайта ВУЗа должен соответствовать законодательству и требованиям доступности, учитывать сенсорно-моторные и когнитивно-психологические ограничения возможностей пользователей, отвечать их потребностям. Исходя из ГОСТ Р 52872–2019 ^[13], стандарта WCAG 2.1 ^[14] и ГОСТ Р ИСО 9241-20-2014 ^[15] сформулируем ниже основные требования по доступности и удобству пользования сайтом ВУЗа.

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

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

При размещении аудио- и видеоконтента требуется избегать частот, которые потенциально могут вызвать визуально индуцированные судороги (не чаще трех вспышек в секунду), избегать громкости, которая может нанести вред слуху.

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

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

Пользователь должен иметь «право на ошибку»: поля ввода должны проверяться как на клиентской, так и на серверной части, должен быть реализован механизм изменения введенных данных, при заполнении пошаговых форм необходимо реализовать сохранение каждого шага, что бы пользователь не потерял введенные данные, случайно закрыв вкладку с сайтом.

6.2 Требования по размещению контента и структурных элементов

Из анализа целевой аудитории сайтов университетов были выявлены основные цели и потребности абитуриентов, согласно которым, при проектировании дизайна главной страницы, требуется разместить информационные блоки с информацией о поступлении (ссылки на бакалавриат, магистратуру, аспирантуру, и т. д.), информацию о ходе приема, сотрудничестве с крупными компаниями и возможностями трудоустройства в них, о зарубежных стажировках и студенческом обмене, квалификации преподавателей.

Данная информация должна быть хорошо заметна и выделена, ссылки должны вести на страницы с хорошо структурированной информацией, релевантной заголовку.

При анализе сайтов университетов (таблица 1) было замечено, что во многих из них сделана ставка на показ новостей университета, а информация об образовательных программах, что является основной потребностью посетителей, представлена на вторичных страницах и ее не всегда легко найти. Данный факт снижает конверсию посетителей как минимум при наборе на платные программы ^[33].

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

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

6.3 Требования по соблюдению цветовой схемы и подачи текста

При наполнении контентом и выборе цветовых схем сайта следует принимать во внимание результаты анализа целевой аудитории по Хофстеде, а также основные принципы выбора цвета. В качестве главного цвета предпочтительны синие или голубые тона, как символизирующие доверие, лояльность, мудрость, интеллект, веру, правду. Такие тона замедляют человеческий метаболизм и производят успокаивающий эффект, ассоциируются с технологиями и современностью ^{[34, 35]}.

Главный цвет страницы должен придавать основной тон всей странице. Вторичный цвет – дополнять основной цвет, и быть близким к основному. Цвет подсвечивания, используемый для выделения определенных областей на страницах, должен быть более контрастным, чем основной и вторичный и использоваться в умеренных количествах ^[36].

Для снижения преждевременного утомления пользователя при чтении размещенной информации, следует отдать предпочтение темно-синему или черному цвету для основного шрифта. Строка текста должна умещать 50–70 знаков. Для удержания взгляда на текстовой колонке страницы и устранения непроизвольных переводов взгляда на соседние колонки размер полей должен быть не менее 10 % от ширины текстовой строки. Слишком малые межсимвольные и межстрочные интервалы некомфортны для пользователя и их стоит избегать при разработке дизайна сайта ^[37].

При проектировании сайта университета также необходимо следовать остальным принципам, рассмотренным выше (законы Хика и Миллера, гештальт-принципы, эвристики Джейкоба): применять разделение сложных элементов на более простые, упрощая выбор; использовать фрагментацию и форматирование данных; обрабатывать пользовательские ошибки и т. д.

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

Заключение

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

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

В работе описаны основные возможные ограничения пользователей сайта ВУЗа: когнитивные нарушения (затруднения при восприятии информации), моторные нарушения (сайт не адаптирован под использование средствами управления и ввода), нарушения слуха и зрения (отсутствие текстового сопровождения медиафайлов), различного рода технические ограничения (низкая производительность, невозможность использовать на мобильных устройствах).

В работе делается вывод, что для адаптации сайта ВУЗа к ограничениям возможностей пользователей необходимо следовать основным практикам, таким как: Закон Хика, Гештальт-принципы, Закон Миллера, Закон и эвристики Джейкоба. На основе данных практик сформированы основные требования к пользовательскому интерфейсу сайта ВУЗа.