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

Я помогал «Сдам ГИА» с дизайном и разработкой. О том, что сделал, рассказываю в своём блоге.

На сайте ученики решают варианты ЕГЭ. Ссылки на варианты выглядели так:

В их внешнем виде я нашёл четыре недостатка.

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

2. Целясь в ссылку, можно промахнуться, попасть в расположенную ниже, потому что между ними маленькое расстояние.

3. Визуально нарушен порядок: к «Варианту 1» ближе не 2-й вариант, а 6-й.

4. Посещённый вариант не запоминается и отображается, как обычный.

Учитывая недостатки, я переверстал ссылки:

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

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

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

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

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

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

Немного увеличил отступы, чтобы убрать тесноту, и перекрасил текст и рамки, чтобы было в новом стиле:

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

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

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

Было:

Стало:

О том, над чем работал дальше, расскажу в другой раз.