Grundlagen UX/UI-Design

In der Online-Weiterbildung "Grundlagen UX/UI-Design" lernst du, digitale Anwendungen nach modernen UI- und UX-Richtlinien zu entwickeln. Der Kurs zeigt dir das Zusammenspiel von Benutzeroberfläche und Benutzererlebnis. Du bekommst Grundlagenwissen, praktische Beispiele sowie Tipps aus Best Cases. Am Ende kannst du eine benutzerfreundliche Oberfläche gestalten, die auf einer fundierten UX-Strategie basiert.

Der Kurs besteht aus vier Modulen: Visual Design, App-Design, Website-Design und User Experience. Du gehst sie flexibel in deinem eigenen Tempo durch. Ohne abweichende Absprache schaltet die OfG dir jeweils zum Monatsersten das nächste Modul frei. Den zeitlichen Umfang gibt die OfG mit 8 bis 10 Wochenstunden an. Bei vier Monaten Laufzeit sind es etwa 10 Stunden pro Woche. Präsenztermine gibt es nicht, das Lehrmaterial steht komplett online bereit.

Zu jedem Modul reichst du eine praktische Aufgabe ein. Du erhältst dazu ein schriftliches Feedback von einem Coach aus der Praxis. Alle Arbeiten aus dem Kurs darfst du für dein eigenes Portfolio nutzen. Dozent für UX/UI-Design ist Martin Hahn.

Die Weiterbildung richtet sich an fortgeschrittene Designer, an Berufstätige aus dem UX/UI-Umfeld und an Designverantwortliche aus Industrie, Dienstleistung und Handel. Auch Berufseinsteiger, Kunst- und Designstudenten sowie Praktikanten und Auszubildende in Werbe- und Designagenturen sind angesprochen. Als Berufsbild nennt die OfG UX-DesignerIn und UI-DesignerIn.

Du brauchst einen PC oder Mac mit Internetzugang. Vorausgesetzt werden fundierte Kenntnisse in einer Grafiksoftware wie Photoshop, Illustrator, Adobe XD, Figma oder Sketch. Ebenso erwartet die OfG fundierte Kenntnisse in Grafikdesign oder Webdesign. Wer da noch unsicher ist, dem empfiehlt die Schule vorher den Onlinekurs Grafikdesign.

Zum Abschluss bekommst du das Zertifikat "Gepr. UX/UI Designer/in (OfG)". Auf Wunsch stellt die OfG es kostenfrei zusätzlich als englischsprachiges OfG-Certificate aus. Der Fernlehrgang ist von der ZFU staatlich geprüft und zugelassen.

Der Kurs wird laufend um aktuelle Themen ergänzt. Dazu zählen die Kapitel "Künstliche Intelligenz im Design", "Grundlagen des Prompting" und "Der EU AI Act im kreativen Alltag". Du kannst monatlich kündigen und bei Bedarf kostenfreie Pausen einlegen. Nach erfolgreichem Abschluss bleibt dir der Zugriff auf die Lerninhalte erhalten.

• 01. Visual Design: Einführung UX- und UI-Design, Geschichte, Mobiles Zeitalter, der User, Mensch-Maschine-Interaktion
• Bedeutung von UX und UI, Zusammenspiel von UX und UI, Einführung UI-Design, Designprozess, Grundlagen Design-Research
• Content und Design, Moodboards, Visual Design, Einführung in Farben, Einführung in Typografie, Designpraxis, Designstile
• Markentypen, Grundlegende Designregeln, Branding, Designpräsentation, Onboarding, Case Studies, Portfolio, Modulaufgabe
• 02. App-Design: UX- und UI-Prozess (die 4 Phasen des Prozesses), Aufgaben von UX und UI, unbeachtete Aspekte des Designprozesses
• Einführung Apps, Endgeräte, Was macht eine gute App aus, Arten von Apps, Nutzungskontext, Bedienungsarten, Displayarten
• Wireframes, Wireframe-Tools, Ablauf und Aufbau eines Wireframes, App-Design, UX-Prinzipien, Minimalismus, Raster aufbauen
• Farbe, Primär- und Sekundärfarben, Funktionsfarben, Farbverläufe, Abstufungen von Farben, Best Practice Farben
• Typografie, Schriftarten, Best Practice Typografie, Navigation, Tab-Bar und Bottom-Navigation, Tabs, Navigationsleisten
• Hamburger Menü, Icons, Icon-Design, Quellen für Icons, Styleguide, Praxisbeispiele, Praxisübungen, Modulaufgabe
• 03. Website-Design: Web-UI, Website vs. App, Website-Typen, Landingpage, Header, Footer, Modulare Inhalte, Abschnitte
• Responsive Webdesign, Nutzungskontext, Breakpoints, Layout und Raster, Designprinzipien, Gestaltgesetze, Inhaltsbereiche
• Card Design, Formulare, Labels, Eingabefelder, Hinweise, Platzhalter, Zustände, Interaktive Elemente, Dropdowns, Carousel
• Web-Typografie, Wahl der Schriftart, Zeilenlänge, Vertikale Abstände, Ausrichtung, Leseverhalten, Schriftschnitte und Schriftgrößen
• UI-Design Upgrade, Tabellen, Zitate, Optische Trenner, Haptik erzeugen, Hintergründe, Schatten, Rahmen, Modulaufgabe
• 04. User Experience: UX-Workflow, Research, Situationsanalyse, Konkurrenzanalyse, Audits, Zielgruppenanalyse, User, Persona
• Interviews, Befragungen, Kundenanalyse, Social Media Monitoring, Informationsarchitektur, Navigationskonzepte
• Konzept und Nutzererlebnis planen, Use Cases, User Flow, User Journey, Customer Journey, Screen Flows, Styleguide
• Implementierung, Mockups, Prototypen, Tests, Analytics, Psychologische Trigger und Designs, Gestaltungssätze für Usability
• Künstliche Intelligenz, KI-Tools, KI Erfahrungen, Case Studies, Soft Skills, Portfolioentwicklung, Abschlussaufgabe