UX/UI Basics – Von der Idee zum klickbaren Prototyp

Online-Bildungsurlaub

In diesem praxisorientierten Kurs lernen Sie die Grundlagen des UX/UI Designs und entwickeln ein interaktives digitales Produkt – von der Problemanalyse bis zum funktionierenden Prototyp. Sie erstellen aus einem selbstgewählten Problem eine digitale Lösung und gestalten diese mit Figma. Schritt für Schritt erarbeiten Sie Wireframes und entwickeln daraus einen interaktiven Prototypen, den Sie im Laufe des Kurses kontinuierlich verbessern. Während des Kurses erhalten Sie regelmäßig Feedback, um Ihre Lösung gezielt weiterzuentwickeln.

Inhalte:

Einführung in UX/UI & Problemerkennung 
  • Was ist UX/UI Design und warum ist es wichtig?
  • Problemerkennung aus der Nutzerperspektive und ihre Bedeutung für den Designprozess
Problemfindung & digitale Lösungsentwicklung 
  • Auswahl eines konkreten Problems, das durch ein digitales Produkt gelöst werden soll
  • Definition der wichtigsten Funktionen, die zur Lösung des Problems erforderlich sind
  • Festlegung des digitalen Produkts (App, Website, Tool) und seiner Hauptfeatures
Figma Basics & Wireframe-Erstellung 
  • Einführung in die grundlegenden Funktionen von Figma
  • Erstellung von Wireframes zur Visualisierung des digitalen Produkts
  • Anwendung von UX-Prinzipien und Best Practices für ein benutzerfreundliches Design
Prototyping & Interaktive Elemente 
  • Erstellung eines interaktiven Prototyps, um die Benutzerführung und Funktionen zu testen
  • Gestaltung von Übergängen und Mikrointeraktionen, um die Nutzererfahrung zu verbessern
Testing des Prototyps im Seminar & Feedback 
  • Durchführung von Usability-Tests innerhalb des Seminars
  • Sammlung von Feedback und Anpassung des Designs

ZielgruppeFür Quereinsteigerinnen und Designerinnen, die sich im UX/UI Bereich spezialisieren möchten, sowie Berufspersonen, die ihre Designfähigkeiten erweitern wollen. Ideal für alle, die digitale Produkte wie Websites, Apps oder Tools erstellen möchten.

Voraussetzungen: Grundlegende Computerkenntnisse werden vorausgesetzt. Erste Erfahrungen mit Figma sind hilfreich, aber nicht erforderlich.

Technische Voraussetzungen zur Teilnahme am Webinar:
  • Rechner mit Internet-Anbindung, mindestens 1,5 MBit's
  • Webcam und Mikrofon/Lautsprecher oder Headset zur aktiven Teilnahme an den Video-Meetings
  • optional: falls vorhanden, sollten Sie einen zweiten Monitor anschließen
  • erforderliche Software: Figma
Als Konferenztool wird die Software "Zoom" eingesetzt. Dadurch entstehen für Sie als Teilnehmende keine zusätzlichen Kosten. Sie müssen lediglich bereit sein, für die Dauer des Webinars die "Zoom"-Software auf Ihrem Rechner zu installieren.
Mitschnitte des Webinars sind nicht erlaubt.
4 Tage, 08.12.2025 - 11.12.2025
Montag, 08.12.2025, 09:30 - 15:15 Uhr, 75 Min. Pause
Dienstag, 09.12.2025, 09:30 - 15:15 Uhr, 75 Min. Pause
Mittwoch, 10.12.2025, 09:30 - 15:15 Uhr, 75 Min. Pause
Donnerstag, 11.12.2025, 09:30 - 15:15 Uhr, 75 Min. Pause
4 Termin(e)
24 Unterrichtseinheiten à 45 Minuten (18 Stunden)
Jamie Thormann
O-557800-BU
Treffpunkt: Online
Entgelt:
206,00

Schulungsunterlagen:
10,00

Bestätigung_§_5_I_AWbG NRW (ca. 146 KB)

Stoffplan (ca. 536 KB)

Figma für deinen Kurs: Anleitung in drei Schritten (ca. 967 KB)

Belegung:

 
  1. Kurse suchen und buchen

Kundenservice

Ermäßigungen

Wichtige Infos zur Ermäßigungsregelung bei der VHS Köln. weiter

 

Wir sind für Sie da

Organisator/in

Fachbereichsleiter/in

  1. VHS-Kundenzentrum

  2. VHS-Studienhaus am Neumarkt
    Cäcilienstraße 35
    50667 Köln

    Tel.: 0221 221-25990

Belegung: