Разработка госсайта по дизайн-системе России

Опыт агентства «Мэйк».

Разработка госсайта по дизайн-системе России
3939

Очень круто, что есть дизайн-система. Очень не круто, что на gov.design до сих пор только общие слова, а собственно гайдлайн выложен в виде какого-то мутного архива в гуглодоке.

15

в каком то мутном архиве в гугл доке есть sketch файл, где все подробненько изложено в гайдлайнах, символах и паттернах

Круто, гордость за Кемерово. Теперь нормальный сайт :)

10

Отличная работа ребят, спасибо за подготовленный материал, очень интересно

3

если материал оказался полезен вам, то наша команда немедля раскупорит бутылку рома!

а вообще да, мы очень надеемся, что наш опыт и ошибки помогут другим поработать с дизайн-системой России или составить мнение о ней

9

Была идея типовых сайтов для госструктур в 2010 году. Общение с представителями этих структур - на любителя, конечно.

2

Да, явный плюс дизайн системы — избавляет от вкусовщины заказчика и "сделайте покрасивше золотым, как у меня в прихожей".

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

2

Где можно достать? А то не нажимается

Мы написали разработчикам. В ответ получили файл в .sketch + описание принципов. Сама система ещё в разработке и поэтому ее нет в открытом доступе. Вы можете поступить как мы.

2

Комментарий удалён модератором

сделал скрин этого коммента.
пойду с ним в тату-салон

Комментарий удалён модератором

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

Про ховеры. Была там другая задумка, но в процессе работы первый экран поменялся. Эта штука осталась, как атавизм. Уберём в ближайшем обновлении

Почему было принято решение не заниматься проработкой доступности основной версии сайта, а создать отдельную версию для людей с ограниченными возможностями?

1. Отдельная версия для людей с ограниченными возможностями нужна по закону

2. Нельзя сделать сайт одинаково удобным для слабовидящего и человека с хорошим зрением

3. Было готовое решение. Оно неплохо работает и позволило нам соблюсти все формальности в условиях ограниченного бюджета.

1

Молодцы! Осталось назвать эту блеклую тему как-нибудь поэтично, например "Бледная трепонема" и можно в бой!

1

Оффтоп ребята. Есть знатоки конструктора WIX??

1

Че вы мне дизы ставите ироды? Не шарите идите дальше.

Прикольно. Для нижнего новгорода сделайте, а то там даже https нет

Опыт это классно, плюс к карме. Щепетильный вопрос - повлияло ли использование дизайн-системы на итоговый бюджет проекта? Если да, то в какую сторону?

Конкретно на этом проекте не повлияло никак. Экономия начинается со второго-третьего сайта.

А где сам дизайн система? На сайте ничего нет, а в гугле там презик который тянет только на дизайн гайд

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

Как описанное в статье согласуется с контрактной системой работы?

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

1

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

хАроший подход к критике )
плюсовать всех кто положительно высказывается за это УГ и дизлайки всем кому не нравиться
зачем тогда выставлять на всеобщее обозрение
сидели бы у себя тихонько в студии и восхищались бы все коллективом )

1. Если у вас есть конструктивная критика по проекту, с радостью ее выслушаем и ответим. Кейс разместили в том числе и ради оценки работы сообществом. Отвечаем всем, кто комментирует по делу (читай: по проекту). В этом легко убедиться, если глянете комменты.

Итак, какой у вас вопрос или замечание по проекту?

Зато ваш подход к критике вызывает восторг. Очень конструктивно подмазываться к чужим мнениям, ага. Лично вы высказываетесь лишь на уровне «ужос» и «уг». Если считаете, что это критика, то ок. Спасибо вам за ценнейшие комментарии:)

Эх, сейчас бы на плюсики/минусики в комментариях внимание обращать. Это же так по-взрослому

Сайт - эталон среди региональный сайтов госорганов!!!!

ужос просто
нет смысла опять перечислять сказанное выше