Good Living

Good Living

Wohnungssuche für internationale Studenten: nutzerzentriert, barrierefrei, partizipativ entwickelt.

Wohnungssuche für internationale Studenten: nutzerzentriert, barrierefrei, partizipativ entwickelt.

Ein Smartphone-Bildschirm fragt: "Do you want to live alone or in a WG live?". Darunter zwei graue Buttons mit weißer Schrift: "WG" und "Single", jeweils mit einem kleinen blauen Info-Symbol. Der Hintergrund zeigt unscharf ein Wohnzimmer mit Sofa, Tisch und Lampe. Die iPhone-Statusleiste oben ist sichtbar.
Ein Smartphone-Bildschirm zeigt die Startseite der "GoodLiving"-App. Ein stilisiertes Haus-Symbol mit Pfeil und der Schriftzug "GoodLiving" sind mittig platziert. Darunter befinden sich "Login" und "Register" Buttons. Der Hintergrund zeigt ein helles Wohnzimmer mit Sofa, Tisch, Stuhl und Fenstern. Die iPhone-Statusleiste oben zeigt Uhrzeit, WLAN und Akku.

Ziel

Internationale Studenten stehen bei der Wohnungssuche in Deutschland vor großen Herausforderungen. Good Living wurde entwickelt, um diesen Prozess durch klare Sprache, einfache Navigation und gezielte Information zugänglich zu machen und Orientierung zu bieten.

Meine Rolle

UX und UI Design im Gruppenprojekt

Werkzeuge

Adobe XD · Miro · OpenProject · Illustrator · Krita

Methode

Partizipative Softwareentwicklung mit Testpersonen aus der Zielgruppe

Zielgruppe

Internationale Studenten, die aus dem Ausland nach Deutschland ziehen

Mein Anteil

Good Living entstand im Team nach der Methode der partizipativen Softwareentwicklung. Damit nachvollziehbar bleibt, woran ich gearbeitet habe, hier die Schritte, die ich im Projekt mitgetragen habe.

Cultural Probes vorbereiten und auswerten: Fragebögen und Tagebücher

User Story mit den Testpersonen erarbeiten, inklusive Akzeptanzkriterien

User Flow festlegen, von der Anmeldung bis zur Favoritenliste

Wireframes für die Bildschirme der App

Interaktiven Prototyp in Adobe XD aufbauen

User Test mit der Zielgruppe durchführen und das Feedback auswerten

Partizipatives Design

Partizipatives Design bindet Nutzer aktiv in den Entwicklungsprozess ein. Ihre Erfahrungen und Perspektiven fließen direkt in die Gestaltung ein und ermöglichen Lösungen, die nah an den tatsächlichen Bedürfnissen entstehen.

Partizipatives Design

Partizipatives Design bindet Nutzer aktiv in den Entwicklungsprozess ein. Ihre Erfahrungen und Perspektiven fließen direkt in die Gestaltung ein und ermöglichen Lösungen, die nah an den tatsächlichen Bedürfnissen entstehen.

Zielgruppe

Die App richtet sich an internationale Studenten, die aus dem Ausland nach Deutschland ziehen und dort eine Wohnung suchen. Im Fokus stehen Nutzer mit begrenzten Sprachkenntnissen und wenig Erfahrung im deutschen Wohnungsmarkt.

Zielgruppe

Die App richtet sich an internationale Studenten, die aus dem Ausland nach Deutschland ziehen und dort eine Wohnung suchen. Im Fokus stehen Nutzer mit begrenzten Sprachkenntnissen und wenig Erfahrung im deutschen Wohnungsmarkt.

Cultural Probes

Mit Cultural Probes wie Fragebögen und Tagebüchern wurden Einblicke in den Alltag und die Bedürfnisse der Zielgruppe gewonnen. Die Methode ermöglichte es, persönliche Erfahrungen sichtbar zu machen und daraus fundierte Designentscheidungen abzuleiten.

Cultural Probes

Mit Cultural Probes wie Fragebögen und Tagebüchern wurden Einblicke in den Alltag und die Bedürfnisse der Zielgruppe gewonnen. Die Methode ermöglichte es, persönliche Erfahrungen sichtbar zu machen und daraus fundierte Designentscheidungen abzuleiten.

User Story

User Story

In einem Co-Creation-Workshop entwickelten wir gemeinsam mit der Zielgruppe eine konkrete User Story, die den gesamten Prozess der Wohnungssuche abbildet. Die gewonnenen Einblicke flossen direkt in die nutzerzentrierte Gestaltung ein.

In einem Co-Creation-Workshop entwickelten wir gemeinsam mit der Zielgruppe eine konkrete User Story, die den gesamten Prozess der Wohnungssuche abbildet. Die gewonnenen Einblicke flossen direkt in die nutzerzentrierte Gestaltung ein.

Die User Story mit ihren Akzeptanzkriterien, erarbeitet im Treffen mit den Testpersonen. Zum Vergrößern anklicken.

Entscheidung daraus: Eine Wohnung wird genau mit diesen Angaben gezeigt, also Bild, Zimmer, Größe, Lage, Preis und ein Weg zur Kontaktaufnahme.

User Flow

Design-entscheidungen

Der User Flow definiert die einzelnen Interaktionen innerhalb der App und bildet die logische Struktur vom Login bis zur Wohnungswahl ab. Er dient als Grundlage für ein intuitives und zielgerichtetes Nutzungserlebnis.

Der User Flow definiert die einzelnen Interaktionen innerhalb der App und bildet die logische Struktur vom Login bis zur Wohnungswahl ab. Er dient als Grundlage für ein intuitives und zielgerichtetes Nutzungserlebnis.

Ein gelber Notizzettel mit einer blauen Reißzwecke zeigt eine User Story-Vorlage: "As a <role> I want <goal> so that <benefit>". Daneben steht "Apartments". Darunter sind Akzeptanzkriterien aufgelistet: "List apartments", "Show single or share", "Type: hostel, private", "Price", "Pictures", "Contact", "Authorization". Ein Beispielsatz darunter lautet: "As a new international student I want an application that lists apartments so that it's easier to find apartments." Weitere Sätze beschreiben die Schwierigkeiten und Bedürfnisse eines internationalen Studenten bei der Wohnungssuche.

Der User Flow der App, von der Anmeldung bis zur Favoritenliste. Zum Vergrößern anklicken.

Entscheidung daraus: Alle Filterfragen kommen vor der ersten Wohnungsliste, also WG oder Single, Preisrahmen, Warmmiete oder Kaltmiete mit Erklärung, möbliert, Typ und Stadtteil. Danach sieht der Nutzer nur noch passende Wohnungen.

Prototyp

Der interaktive Prototyp wurde mit Adobe XD erstellt und bildet den gesamten Ablauf ab, von der ersten Auswahl bis zur Detailansicht einer Wohnung. Die App ist bewusst auf Englisch gestaltet, um Sprachbarrieren abzubauen. Fachbegriffe werden direkt in der Anwendung erklärt, kleine Info-Icons unterstützen die Verständlichkeit und sorgen dabei für eine klare Nutzerführung ohne visuelle Überladung. Filteroptionen, eine Favoritenliste und eine einfache Navigation machen den Prozess der Wohnungssuche effizient und nachvollziehbar.

Prototyp

Der interaktive Prototyp wurde mit Adobe XD erstellt und bildet den gesamten Ablauf ab, von der ersten Auswahl bis zur Detailansicht einer Wohnung. Die App ist bewusst auf Englisch gestaltet, um Sprachbarrieren abzubauen. Fachbegriffe werden direkt in der Anwendung erklärt, kleine Info-Icons unterstützen die Verständlichkeit und sorgen dabei für eine klare Nutzerführung ohne visuelle Überladung. Filteroptionen, eine Favoritenliste und eine einfache Navigation machen den Prozess der Wohnungssuche effizient und nachvollziehbar.

Der Prototyp im Gerätemockup.

User Test

Der Prototyp wurde in einer kontrollierten Testsituation mit Personen aus der Zielgruppe eingesetzt, um die Bedienbarkeit und Verständlichkeit der App zu prüfen. Das Feedback bestätigte eine grundsätzlich intuitive Nutzerführung und half dabei, Optimierungspotenziale bei einzelnen Elementen wie Icons und Swipe-Gesten zu identifizieren. Die Ergebnisse flossen direkt in die Weiterentwicklung ein und stärkten die nutzerzentrierte Ausrichtung des Designs.

User Test

Der Prototyp wurde in einer kontrollierten Testsituation mit Personen aus der Zielgruppe eingesetzt, um die Bedienbarkeit und Verständlichkeit der App zu prüfen. Das Feedback bestätigte eine grundsätzlich intuitive Nutzerführung und half dabei, Optimierungspotenziale bei einzelnen Elementen wie Icons und Swipe-Gesten zu identifizieren. Die Ergebnisse flossen direkt in die Weiterentwicklung ein und stärkten die nutzerzentrierte Ausrichtung des Designs.

„Die App ist einfach bedienbar, da sie unkompliziert aufgebaut ist.“

Rückmeldung einer Testperson aus dem User Test

Fazit

Der User Test mit Personen aus der Zielgruppe hat zwei Dinge geklärt. Bestätigt wurde der Aufbau: Die Testpersonen fanden die App einfach bedienbar, weil sie unkompliziert aufgebaut ist. Zwei Details hielten dem Test nicht stand. Bei einzelnen Icons und bei der Swipe-Geste zeigte sich Optimierungsbedarf, also genau an den beiden Stellen, an denen die App ohne Text auskommen wollte. Der nächste Schritt wäre deshalb, die Icons zu beschriften und die Wischgeste beim ersten Durchlauf einmal vorzuführen, statt sie vorauszusetzen.

Mitgenommen habe ich, wie stark die Gespräche mit der Zielgruppe das Ergebnis verändert haben. Dass die App auf Englisch läuft, war keine Entwurfsentscheidung, sondern ein Befragungsergebnis: Internationale Studenten sprechen zunächst Englisch und lernen Deutsch später. Dasselbe gilt für die Erklärung von Warmmiete und Kaltmiete und für den Hinweis, dass unmöblierte Wohnungen oft keine Küche haben. Diese Punkte kamen aus den Gesprächen, nicht aus dem Entwurf.

Ein Smartphone-Bildschirm zeigt eine Definition von "Wohngemeinschaft" (WG) als Wohnform, bei der mehrere Personen ein Haus oder eine Wohnung teilen und Kosten aufteilen, typischerweise mit gemeinsamen Bereichen. Die Definition in weißer Schrift erscheint in einem dunklen Overlay-Fenster mit einem Schließen-Button.
Ein Smartphone-Bildschirm zeigt drei Apartmentvorschläge mit Bildern und Details: Anzahl der Zimmer, Größe, Lage und Preis. Die Überschrift lautet "These apartments might suit you." Die erste Option hat 3 Zimmer im Zentrum für 850€. Die zweite hat 2 Zimmer in der Innenstadt für 700€. Die dritte hat 1 Zimmer im Zentrum für 300€.
Ein Smartphone-Bildschirm zeigt Details für ein "Apartment Downtown" mit einem Bild des Innenhofs. Informationen umfassen 2 Zimmer, 70 qm, Lage Innenstadt, Preis 900€ und eine abgeschnittene Beschreibung. Unten Aufforderung zum Wischen nach rechts bei Gefallen.
Ein Smartphone-Bildschirm zeigt die "Your Favorites"-Seite einer App mit einem Stern-Gesicht-Symbol oben. Darunter ist eine favorisierte Wohnung mit Bild und Details: 2 Zimmer, 70 qm, Innenstadt, 700€, mit einem Sprechblasensymbol daneben.

© Maria Theresia Alves Hengstl. 2026

© Maria T. A. Hengstl. 2026