UX/UI-Design

Schulung: UX und UI-Design für Entwickelnde

Gestaltung von User Interfaces

  • Anforderungen an ein modernes Frontend
  • Layout-Grundlagen, Design von Standarddialogen
  • Organisation von Navigation, Inhalten und Kommandos

 

Beschreibung

In diesem Seminar lernen Sie zunächst die Anforderungen an ein modernes Frontend kennen. Dazu thematisieren wir Gestaltungsgrundsätze; Gesetze und Vorschriften sowie Guides für Plattform- und Inhalts-Styles.

Im Mittelpunkt stehen anschließend „Dos and Don'ts“ bei der Gestaltung von User Interfaces. Hier stehen Schriften, Farben, Farbe, Icons etc. im Mittelpunkt. Und wir zeigen Ihnen Beispiele für gelungene und nicht gelungene UIs.

Auch die Layout-Grundlagen besprechen wir u.a. an praktischen Beispielen und gehen auf gitterbasiertes responsive Layout und adaptives Design und deren Test ein. Und wir besprechen Material Design und Microsoft Fluent und deren Unterschiede.

Sie lernen die sinnvolle Organisation von Navigation, Inhalten und Kommandos und vertiefen dies mit praktischen Übungen.

Am zweiten Tag beschäftigen Sie sich zunächst mit Standarddialogen (u.a. Nachrichten, Auswahl, Optionen) und anschließend mit sogenannten „Floorplans“.  Sie lernen, wie Sie List Reports, Object Pages oder Overviews Pages sinnvoll gestalten und in Massendaten suchen lassen.

Den Abschluss bilden Aspekte wie Übergang vom klassischen Desktop zu zeitgemäßer App, Transformation klassischer Inhalte für Web und native Apps, Internationalisierung und Lokalisierung und Barrierefreiheit.

Agenda

Tag 1: Vormittag

  • Begrüßung, Vorstellung, Agenda
  • Übersicht/Grundlagen
    •     Gestaltungsgrundsätze
    •     Gesetze und Vorschriften
    •     Plattform-Style Guides
    •     Inhalts-Style Guides
    •     Anforderungen an moderne Frontends
  • Verbote und Gebote
    •      Schriften
    •      Farben
    •      Icons
    •      Weißraum, Balance, etc.
    •      Schreibstil
    •      Gallerie
    •      Test
    •      Review/Beispiele aus Kunden-Apps
  • Layout-Grundlagen
    •      Gitter-basiert
    •      Responsive Layout
    •      Adaptive Design
    •      Test
    •      Beispiele aus Kunden-Apps
  • Design-Muster

Tag 1: Nachmittag

  • Plattform-Style Guides
    •     Überblick
    •     Material Design
    •     Microsoft Fluent
    •     Unterschiede
    •     Test
  • Organisation von Navigation, Inhalten und Kommandos
    •     App-Silhouette
    •     Navigationsgrundlagen
    •     Beispiele aus Kunden-Apps
    •     Übungen (auf Papier)
  • Komponenten

 
Tag 2: Vormittag

  • Zusammenfassung Tag 1, Testergebnisse
  • Standard-Dialoge
    •     Nachrichten
    •     Auswahl, Optionen
    •     Sonstige
    •     Test
  • Floorplans (Inhaltsstilführer)
    •     List Report
    •     Object Page
    •     Initial Page
    •     Worklist
    •     Overview Page
    •     Test

Tag 2: Nachmittag

  • Floorplan-Review zu Kunden-Apps
    •     Suche in Massendaten
    •     Objektanzeige
  • Formularlayout
  • Design-Prozess
    •     Übergang vom klassischen Desktop zu zeitgemäßer App
    •     Transformation klassischer Inhalte für Web und native Apps
    •     Beispiele
  • Internationalisierung und Lokalisierung
  • Barrierefreiheit
  • „Warum so viele kluge Leute so schlechte Oberflächen entwickeln“

 

Teilnehmerkreis und Voraussetzungen

Mindestanzahl Teilnehmende: 3 Personen

Schulungstermine

Firmenschulung anfragen