2 – Make it pretty, make it work

Info

Zum UI-Design gehört eine ganze Menge dazu. Es fängt an bei den einzelnen Interface-Elementen wie Buttons, Inputs, Checkboxen und Auswahlfeldern, geht über zu verschiedenen Menüformen, Listen, Tabellen und Formularen bis hin zu verschiedenen Loading-States, multimedialen Inhalten und natürlich Animationen. Auch Farben, Kontraste und Schriftgestaltung spielen eine große Rolle, um hübsche und funktionale Interfaces zu bauen.

Im 2. Workshop soll es darum gehen, all dies zu untersuchen und so herauszufinden, welche Designelemente wo sinnvoll eingesetzt werden können (und sollten) – und was an bestimmten Stellen einfach nur unpassend, überflüssig und störend ist. Neben dem wann und wo wird auch das wie geklärt: Was muss man bei der Verwendung der Elemente beachten, damit sie ihre Funktion erfüllen und User damit möglichst intuitiv umgehen können?

Kursinhalte

• Interface Elemente
  • Basis-Elemente (Buttons, Inputs, ...)
  • Menüformen
  • Patterns
  • States, Pflichtfelder, Fehlermeldungen, u.m.
  • Listen & Tabellen
  • Formulare
• Farbgestaltung
  • Farbpaletten
  • Kontraste
• Animation & Multimedia
  • Einsatz von multimedialen Inhalten
  • Micro Interactions
  • Seitenübergänge

Materialien