Crashkurs UX und UI-Design im Team und ohne Barrieren

Seminarziel

Nach dieser Schulung kennen Sie alle wichtigen Ansatzpunkte und Grundlagen für die Realisierung eines Designprojektes. Sie sind mit den vielfältigen Einsatzmöglichkeiten der UX und UI Design Komponenten und des Figma Tools vertraut. So realisieren Sie erfolgreich Designprojekte, die Sie für die Erstellung professioneller App Layouts und Prototypen benötigen.

Inhalt

• Grundlagen
  • Was ist UX und UI Design
  • User Experience & Usability Basics
  • Anwendungen und Entwicklungsprozess eines Projekts richtig umsetzen
  • User Research & Usability Testing
  • Informationsarchitektur & Navigation
  • Was ist Design Thinking
  • Einführung in ein intuitives Web- und App-Design mit Figma 
  • Figma Programm Benutzeroberfläche
  • Design Grundlagen
  • Pattern Library Erstellung
  • Wireframes und interaktiven Prototypen
• Die Werkzeugpalette von Figma
  • Zeichenwerkzeuge
  • Pfad-Modus
  • Arbeiten mit Typografie
  • Symbole anlegen, Instanzen erzeugen
  • Gruppierungen nutzen
  • Arbeiten mit Raster und Ebenen
  • Farben und Texturen
• CC Anwendungen Workflow 
  • Photoshop-Elemente nutzen
  • Bilder importieren und bearbeiten
  • Vektor Dateien verwenden
  • Import von Bildern, Icons und Piktogrammen
  • Export von Objekten
• Wireframes und APP Mockups
  • Gestaltungsraster einrichten von Figma
  • Wireframe-Modell anlegen
  • Ausarbeitung eines Wireframes zum Mockup
  • Wiederholungsraster
  • Usability (User Interface Design & Styleguide)
• Interaktive Prototypen
  • Projekt Definition
  • Verbindungen von Zeichenfläche und Objekten konfigurieren
  • Seitenübergänge festlegen
  • Interaktion erzeugen
  • Überprüfung der Usability
  • Aufzeichnen der Bedienung und Erstellung von Demonstrationsvideos Export einzelner Objekte
  • Export dem Klick-Modell
  • Kommentarfunktion design Klick-Modell
  • Prototypen in Worlflow übertragen und präsentieren