UX/UI-Design mit Figma komplett

GFU Cyrus AG — bildet weiter.

Bereits 1980 als GFU Cyrus + Rölke mbH gegründet, zählt die GFU heute zu den renommiertesten IT-Schulungsunternehmen in Deutschland. Jedes Jahr besuchen mehrere tausend IT-Fachleute aus der gesamten Bundesrepublik unsere Seminare — in über 45 Jahren sind daraus mehr als 38.000 durchgeführte IT-Schulungen geworden.

Unser Programm

Mit über 4.250 Schulungsthemen decken wir das gesamte IT-Spektrum ab: von Administration über Softwareentwicklung, Datenbanken, Data Science und KI bis hin zu Cloud, Security und Betriebssystemen. Rund 50 Dozentinnen und Dozenten aus den verschiedensten IT-Bereichen stehen dafür mit einem außergewöhnlichen Maß an Fachkompetenz bereit — dieses Know-how bieten wir auch für Projektarbeit und Coaching an.

Unser Anspruch

Ob offenes Seminar, Firmenschulung oder Individualschulung: Unsere Teilnehmenden genießen den Rundum-Service der GFU — von der Anreise bis zur Abreise. Kleine Lerngruppen, hochqualifizierte Trainer und Fachbuchautoren, die auf individuelle Fragen eingehen, regelmäßige Pausen, gute Verpflegung und hochwertige 86"-Schulungs-Screens sind für uns selbstverständlich.

Maßgeschneiderte Weiterbildung

Sie wissen nicht, welches Thema zu Ihnen passt? Wie beim Maßschneider stellen wir gemeinsam mit Ihnen Ihr individuelles Schulungspaket zusammen — damit Ihre Weiterbildung auch nach Jahren noch perfekt sitzt.

Unsere Kunden

Zu unseren Kunden zählen Banken, Versicherungen, Handelskonzerne, Industrieunternehmen, Kommunen und öffentliche Einrichtungen aus dem gesamten deutschsprachigen Raum.

Digitale Nachweise mit OpenBadges

Mit der Ausstellung digitaler Badges über die OpenBadgeFactory machen wir erworbene Kompetenzen unserer Teilnehmenden sichtbar, verifizierbar und teilbar — ein weiterer Baustein, mit dem die GFU IT-Professionals auf ihrem Weg weiterbildet.

www.gfu.net

Seminarkatalog: www.gfu.net/seminare.html

Seminarziele sind:

• Beschreiben, vergleichen und kontrastieren die Bereiche UI- und UX-Design
• Anwendung beliebter Methoden wie Double Diamond und Design Thinking
• Verstehen der Bedeutung des Wireframing im Designprozess
• Identifizierung verschiedener Web-Elemente und ihrer gemeinsamen Wireframe-Darstellungen
• Entwerfen und Skizzieren von Konzepten für Websites und mobile Anwendungen entsprechend den vorgegebenen Anforderungen
• Verwendung von Figma zur Erstellung ausgefeilter Wireframes und interaktiver Prototypen
• 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 interaktive Prototypen
• Die Werkzeugpalette von Figma
  • Die Browser-App im Vergleich zur Desktop-App
  • Der Startbildschirm
  • Einführung in die Benutzeroberfläche
  • Importieren und Exportieren von Dateien
  • Verwendung von Schablonen
  • Die Symbolleiste
  • Das Bedienfeld Ebenen und Seiten
  • Das Anlagenfenster
  • Das Design-Fenster
  • Das Prototyp-Panel
  • Das Code-Panel
  • Die Leinwand
  • Tastaturkürzel verwenden
• Workflow
  • Professionelle Dateieinrichtung mit Figma;
  • Freigabe von Entwürfen für die Entwicklung mit Figma;
  • Einrichten von zugänglichen Stilen für Farbe, Typografie und Abstandssysteme;
  • Einrichten von Komponentenbibliotheken und Spezifikationen für wiederverwendbare Elemente;
  • Exportieren und gemeinsame Nutzung von Assets für verschiedene Bildschirmauflösungen;
  • Verstehen verschiedener Möglichkeiten, mit responsivem Design und Rastern umzugehen und diese zu demonstrieren
• Wireframes und APP Mockups
  • Gestaltungsraster einrichten von Figma
  • Wireframe-Modell anlegen
  • Ausarbeitung eines Wireframes zum Mockup
  • Prototyping
  • Usability (User Interface Design & Styleguide)
• Interaktive Prototypen
  • Projekt Definition
  • Verbindungen von Zeichenfläche und Objekten konfigurieren
  • Strukturierung des Inhalts
  • Erstellung des Layouts in der Sketch/Figma/XD-App (Mobile-First-Ansatz)
  • Einbettung von Schriften, Icons und Grafiken
  • Prototyping mit InVision (Navigation, Interaktionen, Optimierung für Touch)
  • Testen auf einem realen Gerät
  • Überprüfung von UI-Design-Tools
  • Kommentarfunktion design Klick-Modell
  • Prototypen in Workflow übertragen und präsentieren
• Verwendung von Figma-Plug-ins
  • Wie man Plug-ins findet
  • Laden von Plug-ins
• Microsoft Power Apps
  • Apps aus Figma UI erstellen