User Experience und Interface Design
Reise-App "Travel Ace"
Projektarbeit
Von der ersten Konzeptidee über User Research und Wireframes bis zum interaktiven Prototyp: UX/UI-Konzept für die komplette Reiseplanung. Eine App die alles vereint.
–
Intuitiv bedienbar trotz maximaler Funktionsvielfalt.
Konzeption
Konzept, Nutzerrecherche, Persona, Use Cases, Userstories und Navigationsarchitektur. Erstellung von 2 verschiedenen Designs. Umfrage welches Design besser, welche Faktoren gut oder schlecht. Finales Design bestes aus beidem.
Figma Prototyp
Bei diesem Projekt wurden Layouts und Seitenstrukturen in Figma konzipiert und gestaltet. Zudem entstanden individuelle Grafiken und Animationen, die für ein modernes und ansprechendes Nutzererlebnis sorgen.
User Experience und Usability Testing
Bei diesem Projekt wurden Usability-Tests durchgeführt, um die Nutzerfreundlichkeit systematisch zu bewerten. Mithilfe der System Usability Scale (SUS) wurden Erkenntnisse gewonnen, die in einen iterativen Verbesserungsprozess einflossen und zur kontinuierlichen Optimierung der Anwendung beitrugen.
Herausforderung
Viele Funktionen bedeuten oft Chaos. Die Kernfrage: Wie gestaltet man intuitive und effiziente Navigation, wenn der Nutzer aus tausenden Optionen wählen kann, ohne ihn zu überfordern?
Mein Ansatz
Basierend auf User Interviews und Umfragen habe ich eine Benutzeroberfläche entwickelt, die Komplexität durch klare Struktur und smartes Design auflöst. Statt Features zu verstecken, habe ich sie durch kontextbezogene Navigation und visuelle Hierarchie übersichtlich gemacht.
Lösung: Intuitiv trotz Funktionsvielfalt
- Unified Search: Ein Suchfeld für Flüge, Hotels, Events & Restaurants. Die App erkennt den Kontext. Kategorien Karussell zur schnellen Navigation
- Progressive Disclosure: Zeige nur, was in diesem Planungsschritt relevant ist. Details on-demand.
- Modularer Homescreen: Nutzer priorisieren selbst: Flug zuerst oder erst Inspiration?
- Konsistentes Designsystem: Gleiche Interaktionsmuster für Booking, Map und Merkliste. Einmal lernen, überall nutzen.
- KI-Assistent(Konzept): Schlägt passende Reisepläne automatisch vor und passt sie live an. Warnt proaktiv bei Zugverspätungen, Gate-Änderungen oder Wetter. Berät individuell, ob Familienurlaub mit kinderfreundlichen Spots oder Backpacker-Route mit Low-Budget-Hostels.
Ergebnis
Ein klickbarer High-Fidelity-Prototyp in Figma, der beweist, dass innovative Benutzer-oberflächen viele Optionen bündeln und trotzdem nutzerfreundlich und modern bleiben können. Die Usability wurde mit dem System Usability Scale (SUS) validiert und erreicht 91,25 Punkte (entspricht "exzellenter" Usability).
Das positive Feedback der Testpersonen bestätigt: Komplexe Reiseplanung funktioniert intuitiv und effizient, wenn das Interface mitdenkt.
Meine Rollen: UX Research, Informationsarchitektur, UI Design, Prototyping
Methoden: User Interviews, Online-Umfragen, Wireframing, SUS, A/B-Tests
Tools: Figma, Miro, Affinity Designer, Google Forms
Smarthome Gerät - Koch Assistent
Wie sieht der digitale Sous-Chef der Zukunft aus?
Im Team entwickelte ich das Konzept und Design für einen smarten Küchenhelfer.
Von der GUI in Figma bis zum Produktdesign in Maya.
Figma
Für die Benutzeroberfläche wurde in Figma ein modernes, futuristisch anmutendes GUI-Design entwickelt. Klare Strukturen, innovative Interaktionselemente und flüssige Animationen vermitteln die Vision eines intelligenten Küchenhelfers der Zukunft und schaffen ein intuitives sowie hochwertiges Nutzererlebnis.
Inhalte von Youtube werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Zustimmen & anzeigen”, um zuzustimmen, dass die erforderlichen Daten an Youtube weitergeleitet werden, und den Inhalt anzusehen. Mehr dazu erfährst du in unserer Datenschutz. Du kannst deine Zustimmung jederzeit widerrufen. Gehe dazu einfach in deine eigenen Cookie-Einstellungen.
Demo
Für die Demonstration des Konzepts wurde die in Figma entwickelte Benutzeroberfläche mit dem in Maya modellierten 3D-Produkt verknüpft. Dadurch entstand ein interaktiver Prototyp, der das Zusammenspiel von Hardware und Benutzeroberfläche realitätsnah visualisiert.
User Experience in anderen Projekten
Nutzerfeedback ist die Basis meiner Gestaltung. Neben Usability-Tests in verschiedenen Projekten verglich ich in meiner Bachelorarbeit drei verschiedene Interaktionsformen und ihren Einfluss auf die User Experience von Projection Mapping.
Tools & Skills
Design & Prototyping
Figma – Haupttool für UI-Design und interaktive Prototypenerstellung.
Affinity Designer / Adobe Illustrator – Grafikerstellung und visuelle Assets für UI-Projekte.
Autodesk Maya – 3D-Modellierung des physischen Produktdesigns (Smart Home Gerät).
UX-Methoden & Forschung
Nutzerrecherche – Desk Research und Feldrecherche als Grundlage für nutzerzentriertes Design.
Personas & User Stories – Zielgruppenanalyse und Anforderungsdefinition
Use Cases & Navigationsarchitektur – Strukturierung von Nutzerflüssen und Informationsarchitektur.
Kreativtechniken – z.B. Brainstorming, Mind-Mapping, How Might We, Crazy 8s o.ä. zur Ideenfindung
Designschemata – Umsetzung innerhalb vorgegebener Design Guidelines und Style Guides
Testing & Evaluation
A/B-Testing & Usability Tests – Strukturierte Tests zur Bewertung von Interfaces
System Usability Scale (SUS) – Quantitative Messung der Gebrauchstauglichkeit
User Experience Questionnaire (UEQ) – Messung der User Experience in der Bachelorarbeit
Nutzerinterviews – Qualitative Datenerhebung und Auswertung
Vorstudie – Vorgelagerte Untersuchungen zur Hypothesenbildung (Bachelorarbeit)
Tools & Kollaboration
Miro – Informationsarchitektur und Ideation
Google Forms – Umfragen, Vorstudie und quantitative Datenerhebung