Дизайн сайтов «Сдам ГИА». Ссылки на работы
Российские школьники готовятся к экзаменам на сайтах системы «Сдам ГИА». Посещаемость системы за день — 228 тысяч человек. Если интересно: подробная статистика.
Я помогал «Сдам ГИА» с дизайном и разработкой. О том, что сделал, рассказываю в своём блоге.
На сайте ученики решают варианты ЕГЭ. Ссылки на варианты выглядели так:

В их внешнем виде я нашёл четыре недостатка.
- По ссылке неудобно попадать, потому что доступна для нажатия небольшая зона: только само слово «Вариант N».
- Целясь в ссылку, можно промахнуться, попасть в расположенную ниже, потому что между ними маленькое расстояние.
- Визуально нарушен порядок: к «Варианту 1» ближе не 2-й вариант, а 6-й.
- Посещённый вариант не запоминается и отображается, как обычный.
Учитывая недостатки, я переверстал ссылки:

У посещённых вариантов соответствующий цвет текста:

Потом счёл, что оранжевый цвет — кричащий, портит атмосферу сайта, и убрал цвет:

Но на сайте изменили по-другому:

При наведении фон красился в серый:

Я опять нашёл недостаток. У ссылки избыточное оформление: она подчёркнута и выделена рамкой. Достаточно одного, так чище:

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

У посещённых вариантов покрасил рамку в фиолетовый:

При наведении сделал покраску текста и рамки в оранжевый:

И убрал лишние отступы слева и справа:

Было:

Стало:

О том, над чем работал дальше, расскажу в другой раз.
Спонсор поста
Сегодня не купили рекламу, поэтому прорекламирую рекламу в своём блоге и канале. Она публикуется после пятничного поста, когда самый большой трафик. Состоит из текста и ссылки. Стоит пока 499 ₽.
Пишите в телеграме.