Изучили 60 сайтов мировых аэропортов в поисках идеального UX — что из этого вышло

Рассказываю, как мы с командой проанализировали UX и дизайн 60 сайтов аэропортов, чтобы определить неудачные решения и лучшие образцы интерфейса. В конце сводка лучших идей, можно адаптировать под свой продукт и использовать.

8383

Очень странно, что вы заявляете об изучении UX сайтов, но ничего не слышали о требованиях доступности. Прямо на скриншоте в самом начале, видно что контрастность слова «Прилёт» составляет 1,39 — это слишком мало. Согласно WCAG 2 (или переведённого на русский аналога ГОСТ Р 52872-2019), чтобы текст был читаем, контрастность должна быть не меньше 3,0.

На практике это значит, что с выкрученной на мониторе контрастностью такая надпись просто сольётся с белым фоном и не будет видна! А сколько я таких мониторов настраивал до нормальной цветопередачи в офисе! И таких моментов с меню много на сайте.

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

К слову анимированные изображения (да ещё отвратно пережатые) на фоне тоже могут вызвать у некоторых людей головокружение и морскую болезнь. Тут тоже провал. Директор попросил «сделать красиво»? С лучшими практиками у вас явно не задалось.

4

Спасибо, что спасаете криворуких дизайнеров и разработчиков, настраивая мониторы до нормальной цветопередачи как у всех)

6

Как показывает практика, такой контраст сейчас, в эпоху IPS-матриц, избыточен. Многие разработчики уже уходят от таких жестких требований в своих интерфейсах и смещают его пусть не к 1.39, но к 2-2.5.
Иногда использование более прозрачного серого улучшает интерфейсы. В частности, пользватель быстрее понимает какие элементы задизейблены при большем контрасте между основным цветом шрифта и серым выключенным.

1

Комментарий недоступен

1