Зашёл тут на один сайт и прям захотел нажать на кнопку "Версия для слабовидящих".
Что характерно — полегчало, в этом режиме промо-изображения в баннере не отображаются))
В картинках к посту показал, что с этим можно было бы сделать.
А если интересно почитать о проблеме более техническим языком, то предлагаю посмотреть на пост из канала <divilopers> примерно про то же самое. Да и вообще канал хороший, один из самых ценных в моём списке источников.
➿➿➿
Ну и история из жизни:
Я однажды проектировал дизайн-систему для сайта, где основная навигация располагалась поверх слайдера с промо-изображениями, прямо как на сайте, который меня триггернул на этот пост.
Брендбук там был в тёмных тонах и я, разумеется, поместил под навигацию полупрозрачный градиент от тёмного до прозрачного, "тенюшечку".
Спустя время пришёл заказчик и сказал, что тень некрасивая и надо её убрать.
— Что будем делать, если промо-изображение будет светлым? — спросил я.
— У нас никогда не будет таких изображений. — уверенно ответил заказчик.
Прошёл месяц.
У нас появилось белое промо-изображение.
— Может, вернём тенюшечку?.. — робко поинтересовался я.
— Нет, тенюшечка некрасивая, — припечатал заказчик, — будем на таких слайдах перекрашивать меню в чёрный!
Так в системе появляются связи, за которые стыдно.
Прошёл месяц.
У нас появились промо-видео.
А в видео нет фиксированного фонового цвета.
— Тенюшечку? — с улыбкой поддел я.
Заказчик морщился, пыхтел, но придумать более "красивого" решения не смог.
— Хорошо, сделаем тень. Но только для слайдов с видео!
Я только вздохнул.
Потом было ещё много разных изображений. В том числе серых, на которых и белый, и чёрный читаются примерно никак.
Маркетологи заказчика стали использовать вариант с тенюшечкой на всех слайдах, потому что он гарантированно работает.
Заказчик сдался под гнётом обстоятельств. Хэппи-энд? Увы.
Задачу с выпиливанием ненужных состояний заказчик не согласовал. "Пусть будет, может к этому вернёмся потом".
Так и живёт система с мёртвыми, ненужными состояниями, которые нужно учитывать, тестировать, а оно и не надо никому...
➿➿➿
Цель большинства сайтов — донести информацию, а не настроение, и чаще всего функциональное решение должно иметь приоритет над утончённым и изящным. Интерфейс живёт не в обещаниях, он живёт в реальном контенте, который обязательно будет светлым, серым, пёстрым, кривым, длинным и загруженным в админку в пятницу вечером.
Поэтому при проектировании системы очень полезно представлять не идеальный удобный сценарий, а самый нелепый, вычурный, странный (и даже он потом окажется далёким от реальности).
Белый текст на белом фоне.
20 тегов у карточки товара.
Цена товара "3 597 394 đ
Фамилия пользователя на 30 символов без пробелов.
...и многое другое.
Любите интерфейсы и ваших пользователей, аминь :)