Überlegungen zur Lösung von DIALOG

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:

Weitere GUI-Herausforderungen ansehen → https://goo.gle/GUIchallenges

Abonniere Google Chrome-Entwickler → https://goo.gle/ChromeDevs

Zurück zu allen Folgen