UX und UI-Design für Entwickler (Live-Online)

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

Online-Schulung mit Zoom

Uhrzeit 09:00 Uhr bis 16:00 Uhr.

Technik Du kannst wählen, ob Du die Schulung auf dem eigenen Rechner machen möchtest oder Du einen virtuellen Rechner von uns nutzen möchtest. Der Rechner wird über einen aktuellen Browser angesteuert. Hier ist der Testlink zu einem virtuellen Rechner: -> Test-Rechner bei DESKMATE (neues Fenster). Es ist ausreichend, wenn auf dem Desktop "deskMate" seht.

Voraussetzungen für eine Online-Schulung pro Teilnehmer – stabiles Internet – Webcam und Lautsprecher – ein ruhiger Platz – ggf. Admin-Rechte – Empfehlung: 2 Bildschirme