Революция «плиточек», или как в Спринтхост менялся дизайн Панели управления

Около полугода назад в Спринтхост обновился дизайн Панели управления — он стал «плиточным». В статье рассказываем, как наши дизайнеры к этому пришли и как отреагировали клиенты.

1111

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

1
Ответить

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

Люди, путающие цвета, не теряются благодаря контрасту и форме — это наши основные индикаторы для визуального определения элемента.

Если говорить про слабовидящих, то у нас хорошо продумана адаптация, позволяющая зумить контент до удобочитаемого масштаба.

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

6
Ответить