Добро пожаловать в раздел «Проектирование в браузере» с нашей ведущей Уной Кравец. Интерактивные прикосновения могут быть полезны для понимания пользователей в цифровой среде, но они также могут дезориентировать и расстроить некоторых ваших пользователей, что является противоположным ожидаемому эффекту.
Итак, давайте поговорим о том, как мы можем избежать этого и как мы можем быть уверены, что включим наши симпатичные анимированные SVG-файлы и наведения кнопок, а также обеспечим, чтобы пользователи, которых может немного тошнить, увидев перед собой много анимации, также могли получать удовольствие твой сайт. Мы покажем, как использовать медиа-запрос «предпочитает уменьшенное движение» для постепенного улучшения анимации на вашем веб-сайте, а также покажем, как создать простой переключатель «уменьшить анимацию».
Ссылки:
- Медиа-запросы 5 → https://goo.gle/2RVQxLw
- Демо-версия базовой карты → https://goo.gle/3mSd1vf
- Демо с уменьшенным движением по предпочтениям → https://goo.gle/2G9hgl8
- Демонстрация флажка «Уменьшить движение» → https://goo.gle/306S1XM
Проектирование в браузере → https://goo.gle/2NeLxjI
Подписаться на раздел «Разработчики Chrome» → https://goo.gle/ChromeDevs