Willkommen beim Browser-Design mit unserem Host Una Kravets. Interaktive Berührungen können für das Verständnis der Nutzenden in einer digitalen Umgebung hilfreich sein, aber sie können auch dazu führen, dass einige Ihrer Nutzenden desorientiert und frustriert sind – genau das Gegenteil des gewünschten Effekts.
Sprechen wir also darüber, wie wir das vermeiden können und wie wir unsere niedlichen animierten SVGs und die Einblendung von Schaltflächen integrieren können. Gleichzeitig sorgen wir dafür, dass auch Nutzern, denen zu viele Animationen vor sich nervös werden, ebenfalls Freude bereiten. Wir zeigen Ihnen, wie Sie mit der Medienabfrage "prefers-Reduced-motion" Animationen schrittweise auf Ihrer Website verbessern können und wie Sie einen einfachen Schalter "Animation reduzieren" erstellen.
Links:
- Medienabfragen 5 → https://goo.gle/2RVQxLw
- Demo „Base Card Flip“ → https://goo.gle/3mSd1vf
- Demo zu bevorzugten Bewegungen → https://goo.gle/2G9hgl8
- Demo zu „Reduce Motion“-Kästchen → https://goo.gle/306S1XM
Design im Browser → https://goo.gle/2NeLxjI
Abonniere Chrome-Entwickler → https://goo.gle/ChromeDevs