In der heutigen GUI Challenge zeigt @AdamArgyleInk, wie Sie das Dialogelement visuell verbessern und gleichzeitig eine gute, barrierefreie und internationale UX beibehalten können.
Kapitel:
- 0:00 – Einführung
- 0:22 – Übersicht
- 0:53 – Dialogfeld – UX-Überprüfung
- 2:33 – Dialog Markup
- 3:00 – Ein-/Ausblenden
- 4:20 – Debugging-Ecke
- 5:38 – Adaptive Farbe
- 6:09 – Layout
- 7:10 – Reduzierte Bewegung
- 8:30 – UX
- 9:55 – Benutzerdefinierte Ereignisse
- 11:00 – Scrollbar
- 13:37 – Internationales Layout
- 14:52 – Zusammenfassung
- 15:30 – Outro
Ressourcen:
- Mitlesen → https://goo.gle/3E8K72W
- Demo ansehen → https://goo.gle/3viMNa6
- Quelle abrufen → https://goo.gle/3jyxgxF
Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges
Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs