Mit den Medienfunktionen für Nutzerpräferenzen können Sie Weberlebnisse gestalten, die zu den spezifischen Vorlieben und Bedürfnissen der Nutzer passen. Mit anderen Worten, mit Präferenzen Medienfunktionen können Sie die User Experience an die Erwartungen der Nutzenden anpassen.
Mit den folgenden drei Schritten können Sie die Nutzererfahrung auf Ihrer Website verbessern:
- Entdecke die Möglichkeiten. Informationen zu allen Medienfunktionen für Nutzereinstellungen
- Weberlebnisse gestalten Implementieren Sie je nach Präferenzen beispielsweise Änderungen an Farbe, Layout und Elementgröße.
- Teste die Benutzeroberfläche. Emulieren Sie in den DevTools die Einstellungen und testen Sie das Verhalten Ihrer Website.
Die Entwicklertools unterstützen eine Vielzahl von Emulationsoptionen. Damit du nicht nach System- und Browsereinstellungen suchen und diese anpassen kannst, findest du alle Emulationsoptionen an einem Ort – in den Entwicklertools auf dem Tab Rendering.
Zu den Emulationsoptionen der Nutzereinstellungen gehören unter anderem:
prefers-color scheme: helles oder dunkles Farbschemaprefers-contrast: niedrigerer oder höherer Kontrastprefers-reduced-motion– Bewegungen sollten minimiert werden.prefers-reduced-data– weniger Traffic verbrauchen oder nicht
Eine umfassende Liste aller Emulationsoptionen finden Sie unter CSS-Medienfunktionen emulieren.
Weitere Effekte, die Sie auf dem Tab Rendering anwenden können, finden Sie unter Tab „Rendering“ – Übersicht.
Außerdem sind Ihre Testfähigkeiten mit den Entwicklertools nicht auf das einzelne Gerät beschränkt, an dem Sie arbeiten. Sie können Mobilgeräte mit dem Gerätemodus simulieren.