2 заметки с тегом

перевёрстка

Дизайн сайтов «Сдам ГИА». Кнопки

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

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


Раньше на сайте кнопки выглядели так:

При наведении на них была неправильная обратная связь: как будто кнопка нажималась.

Я добавил состояние при наведении и увеличил отступы для красоты и удобства:

12 апреля   дизайн Сдам ГИА   кнопки   образование   перевёрстка

Дизайн сайтов «Сдам ГИА». Каталог заданий

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

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


На сайте есть раздел «Каталог заданий». В нём задание выглядело так:

Я убрал избыточное слово «Показать» в недоссылке «Показать решение»:

Посчитал грубым обозначение числа комментариев с помощью скобок:

Предложил два варианта замены. Выбрали первый.

В каталоге задания были прижаты друг к другу:

«1 комментарий» находился ближе не к своему, а к следующему заданию. Поэтому казалось, что он относится к чужому:

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

Внутри заданий были дыры:

Ссылки обозначались пиктограммами, а они менее понятны, чем обычный текст.

Тому пример — вопрос в службу поддержки сайта:

Чтобы не возникало подобных вопросов, лучше написать текстом: «Обсудить Вконтакте» и «Сообщить об ошибке». И если пользователь нажмёт на «Обсудить Вконтакте» — отправлять его не страницу группы, а сразу в обсуждение по соответствующему предмету.

Было:

Стало:

22 марта   дизайн Сдам ГИА   образование   перевёрстка