Исследование страниц веб-ресурсов высших учебных заведений

в 11:23, , рубрики: веб-аналитика, веб-дизайн, вузы, исследование, проектирование интерфейсов, метки: , ,

Доброго времени суток, %username%. Хочу поделиться результатами своего исследование, которое проводилось на одном из этапов разработки дипломного проекта.

Введение

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

Объект исследования

В качестве объектов исследования были выбраны сайты Российских и зарубежных высших учебных заведений. В первую очеред необходимо было определиться с тем, по каким критериям будут отбираться сайты для дальнейшего исследования. Для начала были сделаны выборки основанные на рейтинге самого учебного заведения, а потом на основе посещения веб-ресурсов, данные о которых брались с аналитических веб ресурсов.
С точки зрения рейтингов учебных заведений выборки были сделаны на основе рейтинга лучших университетов мира по данным «QS World University Rankings» и рейтинга лучших университетов России по данным «Национального рейтинга университетов». Результаты выборок представлены далее.
Рейтинг лучших университетов мира по данным «QS World University Rankings»:

  1. University of Cambridge (United Kingdom).
  2. Harvard University (United States).
  3. Yale University (United States).
  4. University College London (United Kingdom).
  5. Massachusetts Institute of Technology (United States).
  6. University of Oxford (United Kingdom).
  7. Imperial College London (United Kingdom).
  8. University of Chicago (United States).
  9. California Institute of Technology (United States).
  10. Princeton University (United States).
  11. Columbia University (United States).
  12. Swiss Federal Institute of Technology (Switzerland).
  13. McGill University (Canada).
  14. Australian National University (Australia).
  15. University of Hong Kong (Hong Kong).
  16. The University of Tokyo (Japan).
  17. National University of Singapore (Singapore).
  18. École Normale Supérieure ( France).
  19. Peking University (China).
  20. Ruprecht-Karls-Universität Heidelberg (Germany).

Рейтинг вузов по данным «Национального рейтинга университетов»:

  1. Московский Государственный Университет имени М.В.Ломоносова.
  2. Санкт-Петербургский государственный университет.
  3. Национальный исследовательский университет МФТИ.
  4. Российский университет дружбы народов.
  5. Новосибирский национальный исследовательский университет.
  6. Томский национальный исследовательский университет.
  7. Национальный исследовательский ядерный университет «МИФИ».
  8. Московский национальный исследовательский технический университет имени Н.Э.Баумана.
  9. Санкт-Петербургский национальный исследовательский политехнический университет.
  10. Южный федеральный университет.
  11. Сибирский федеральный университет.
  12. Казанский национальный исследовательский технологический университет.
  13. Томский национальный исследовательский политехнический университет.
  14. Уральский федеральный университет (Уральский государственный технический университет) имени первого Президента России Б.Н.Ельцина.
  15. Саратовский национальный исследовательский университет имени Н.Г.Чернышевского.
  16. Российский государственный педагогический университет имени А.И.Герцена.
  17. Казанский (Приволжский) федеральный университет.
  18. Национальный исследовательский технологический университет МИСиС.
  19. Казанский национальный исследовательский технический университет имени А.Н.Туполева.
  20. Иркутский национальный исследовательский технический университет.

В качестве аналитических ресурсов для выборки были использованы сервисы Google Top 1000 для зарубежных вузов и сервисы рейтинга Mail.ru и Rambler.ru. После тщательного, но тщетного просмотра всех сайтов входящих в рейтинг от Google было выявлено, что сайты учебных заведений он не содержит, поэтому данная выборка не попала в дальнейшее исследование. Российские учебные заведения попали, естественно, в рейтинги от Mail и Rambler. Результаты этих выборок представлены в таблицах ниже.
Рейтинг вузов на основе рейтинга «Mail»:

  1. Саратовский Государственный Университет.
  2. СПБНИУ ИТМО.
  3. Московский государственный институт международных отношений.
  4. Московский Физико-Технический Институт (МФТИ ГУ).
  5. Российский Экономический Университет имени Г.В.Плеханова.
  6. Ставропольский Государственный Университет.
  7. Володарский государственный университет им. С.Торайгырова.
  8. МИСИ-МГСУ. Московский государственный строительный университет.
  9. Волгоградский Государственный технический университет.
  10. Московская Государственная Юридическая Академия.

Рейтинг вузов на основе рейтинга «Rambler»:

  1. Всероссийский заочный финансово-экономический институт (ВЗФЭИ).
  2. Московская медицинская академия им. И.М.Сеченова.
  3. СПбНИУ ИТМО.
  4. Московский Физико-Технический Институт.
  5. Оренбургский Государственный университет.
  6. Российский Государственный медицинский университет.
  7. Московский институт открытого образования.
  8. Алтайский государственный технический университет им. И.И.Ползунова.
  9. Московский государственный университет путей сообщения (МИИТ).
  10. Московский государственный медико-стоматологический университет.

Этапы исследования

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

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

Следующий этап – определение положения каждого выделенного объекта главной страницы на экране. Для этого на белый лист были наложены полупрозрачные закрашенные области в те места, на которых этот объект размещался на сайтах. Впоследствии все эти расположения были соединены на одном листе и получена общая картина размещения объектов страницы веб-ресурса.
После проведения данного исследования было выяснено, что выборка по данным рейтинга лучших университетов России и рейтинга компаний «Mail» и «Rambler» дают одинаковые результаты, поэтому было принято решение: результатами исследования считать только схемы шаблонов построенные на основе выборок лучших зарубежных и российских университетов. Далее на рисунках представлены результаты исследования.
На основе выборки сайтов зарубежных вузов

Зарубежные
На основе выборки сайтов Российских вузов

Российские

Результаты исследования

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

Итоги

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

Автор: popovsergey

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js