Долго грузится, зато новости читать не больно. Веб-специалисты оценивают новый сайт Верховной Рады

Две недели назад Верховная Рада запустила новую версию сайта. Летом свой вариант дизайна предложило диджитал-агентство Nextpage, но в итоге разработку сайта доверили IT-компании Kitsoft. В обновленном варианте упростили информационную структуру, пользовательский интерфейс и поиск информации.
Мы попросили оценить новый сайт украинского парламента специалистов двух веб-студий — Егора Валовски из Nextpage и Илью Смирнова из WebCase.

Мы предлагали свою концепцию интерфейса для сайта Рады еще до парламентских выборов. Затем с нами связались Parliamentary reform office — организация, которая занимается повышением эффективности работы главного законодательного органа. Тогда мы узнали, что новый сайт парламента уже давно находится в разработке, и вскоре мы дождемся релиза.

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

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

Плюсы

Обновился интерфейс

Новый сайт ВРУ использует стандарты дизайн-системы для государственных сайтов, и это хорошо. Элементы стиля повторяют те, что сейчас используются, к примеру, на Правительственном портале и сайте Президента. Это здорово, потому что синхронизирует внешний вид.

Навигация стала проще

Раньше на сайте было довольно сложно найти разделы — они были спрятаны во вкладке «Главная». В обновленной версии появилось одно меню, которое закреплено при прокрутке. Так работать с сайтом значительно легче.

Появился грамотный, удобный пресс-центр

Новости теперь сверстаны удобно, читабельно и доступно для понимания. Надеемся, что это первый шаг к тому, чтобы сайт Рады служил первоисточником новостей и помогал бороться с фейками.

Минусы

Обновление все же косметическое

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

Языковые версии и минимальные баги

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

Недосконально продуманная дизайн-система

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

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

Наша компания специализируется на разработке, поэтому новый сайт мы можем оценивать преимущественно с технической стороны.
Первое, что бросается в глаза — плохая скорость загрузки сайта. Его PageSpeed — 1 из 100 и 27 из 100.

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

• На самих страницах есть код. Он должен быть вынесен в отдельный файл для кеширования.

• В публикациях присутствует стилизационный код для отображения данных в Microsoft Outlook. Он не должен отображаться, когда доступ к сайту осуществляется с браузера. Это очень большие куски кода — в несколько раз больше, чем непосредственно само содержание. Браузеры их не используют, но все равно загружают, увеличивая объем страницы.

• Также избыточный объем создают элементы с идентичной стилизацией, что говорит о неверной реализации текстового редактора статей.

• Механизм «Календар подій» и другие механизмы с внешними элементами пагинации получают все данные сразу, а не по частям. Это создает дополнительную нагрузку как на систему пользователя, так и на сервер.

Поддержка или доработка проекта будет стоить дороже. Потребуется больше времени программиста из-за большого количества стилей и не оптимизированного javascript-кода.

Заметно, что на этом сайте код бессистемeн, часто его слишком много. Чтобы сделать некоторые механизмы, разработчики неоправданно используют различные библиотеки. Например, js для слайдеров.
Сейчас часть блоков некорректно отображается, а некоторыми функциями вовсе нельзя воспользоваться. Такой баг будет у всех пользователей браузера Internet Explorer.

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

Читайте нас в Telegram