sitt.app


Eine Plattform für eine sorgenfreie Kinderbetreuung.

ROLE

UX/UI-Designer in einem vierköpfigen Team

TOOLS

Figma, FigJam, Trello, Flutter

DURATION

Apr 2023–Aug 2023 (22 Wochen)

Background

Das Projekt entstand im Rahmen eines interdisziplinären Projektes mit Studierenden mit unterschiedlichen Hintergründen, Erfahrungen und Kenntnissen. Dabei wurde in Kooperation mit der sitt.app GmbH gearbeitet, auf deren Plattform Eltern und pädagogisch qualifizierte Babysitter/Kinderbetreuer:innen gematcht werden.

Project Goal

Ziel der Zusammenarbeit war es, eine benutzerfreundliche App zu entwickeln, die sich optisch an der vorhandenen Website orientiert und alle wichtigen Funktionen der Plattform enthält.

Empathize

Persona

„sitt.app“ bedient zwei Zielgruppen: Eltern und Babysitter. Um sicherzustellen, dass die App für alle Nutzergruppen relevant und ansprechend ist, wurden daher mehrere Personas erstellt.

User Scenario

Im nächsten Schritt wurden auf Basis der Personas Nutzerszenarien erstellt, um den Designprozess der App an den Bedürfnissen der Nutzer auszurichten.

Define

Feature list

Um sicherzustellen, dass die App-Version von sitt.app alle wichtigen Funktionen enthält, wurde zunächst die Website genauer analysiert. Aufgrund der Größe des Entwicklerteams erfolgte anschließend die Festlegung von Funktionen für ein Minimum Viable Product (MVP), um innerhalb kürzester Zeit eine funktionale App zu erstellen.

Vorhandene Funktionen
  • Schwarzes Brett
    • Suche über Karte
  • Mein Konto
    • Mein Abo → Abo-/Bestellübersicht
    • Adressen → Rechnungsadresse bearbeiten
    • Zahlungsmethoden → Zahlungsmethoden hinterlegen
    • Konto-Details → Name, E-Mail, Passwort
    • Abmelden
  • Meine Inserate
    • Eigene Anzeigen veröffentlichen
    • Angaben der Anzeigen 
      • Titel
      • Art der Anzeige → Ich suche/ Ich biete
      • Beschreibung
      • Standort
      • Bilder hochladen
  • Meine Nachrichten
    • Nachrichtenübersicht
    • Neue Nachricht schreiben 
      • Empfänger
      • Betreff
      • Nachricht
MVP
  • Login Screen
  • Ohne Schwarzes Brett
  • Elternsitter
  • Sitter suchen und anschreiben
    • Bei der Suche kommt eine Kükenhüterübersicht
    • Nur Initialen, keine Namen
    • Möglichkeit zum Anschreiben
  • Profildaten Eltern 
    • Initialen
    • Foto (Keine Pflicht)
    • Wohnort
    • PLZ
    • Kurzbeschreibung
    • Kurzes Video hochladen
  • Kükenhüter Profil 
    • Name
    • Foto, Video
    • Qualifikationen
    • Raucher/ Nicht Raucher
    • Führerschein
    • Kurzbeschreibung
    • Unterlagen hochgeladen ja oder nein
  • Wechsel zwischen Eltern und Kükenhüter ist möglich → Upgrade in beide Richtungen
  • Login/Registrierungsprozess
    • Erst nur Profil anlegen, danach upgraden

Ideate

Sketches

In einer ersten Brainstorming Session wurden Ideen digital auf dem iPad skizziert und anschließend evaluiert.

Lo-Fi Wireframes

Die App bietet drei verschiedene Nutzungsoptionen: als Elternteil mit oder ohne Abonnement, als Babysitter mit oder ohne Abonnement sowie als Gast. Für diese Optionen wurden verschiedene Lo-Fi Wireframes mit unterschiedlichen Registrierungsprozessen erstellt und anschließend mit Nutzern getestet.

Prototype

Visual Look & Feel

Logo, Farben und Typografie waren bereits vom Unternehmen vorgegeben und wurden entsprechend in die Benutzeroberfläche integriert.

Color Palette

Typography

Icons

Buttons

Logo

Hi-Fi Prototype

Hier gehts zum vollständigen klickbaren Prototyp.

Test

Usability Testing

Um die Usability der App zu testen und den optimalen Registrierungsprozess zu ermitteln, wurden Nutzertests mit der Think-Aloud-Methode durchgeführt. Dabei kamen drei verschiedene Prototypen zum Einsatz, die jeweils zwei Tasks umfassten.

Prototype 1

Die Nutzer registrieren sich gleich zu Beginn. Nach Eingabe des Bestätigungscodes müssen sie ihr Profil vervollständigen und schließlich ein Abonnement buchen.

Prototype 2

Die Nutzer müssen sich registrieren und können die App bereits nutzen. Sie können aber noch keine Nachrichten an Babysitter senden oder in der Babysitterliste erscheinen. Sie müssen zuerst in den Einstellungen ein Abonnement erwerben und dann ihr Profil vervollständigen.

Prototype 3

Die Nutzer füllen zunächst ihr Profil aus, registrieren sich und buchen schließlich ein Abonnement.

Task 1: Als Eltern einen Babysitter kontaktieren (ohne bereits registriert zu sein)

Task 2: Als Babysitter einen Account einrichten, um kontaktiert werden zu können (ohne bereits registriert zu sein)

User Feedback

Die Ergebnisse der Nutzertests wurden pro Prototyp und Task in Form von positivem und negativem Feedback zusammengefasst.

Task 1
Positiv
  • Die Auswahl am Anfang zwischen Anmelden, Registrieren und als Gast fortfahren
  • Popover Information um eine Nachricht zu schreiben war hilfreich
  • Intuitive Navigation
  • Gute Registrierungsschritte
Negativ
  • Überspringen Button war nicht offensichtlich genug
  • Warum muss man sich upgraden?
  • Nach Registrierung fehlt eine Rückmeldung, dass man sich 
    erfolgreich registriert hat
Task 2
Positiv
  • Intuitive Navigation
  • Einfacher Prototyp
  • Gute Registrierungsschritte
Negativ
  • Registrierungsprozess zu lang
  • Profilbearbeitung unter Konto nicht klar
  • Dokumente hochladen kann nicht übersprungen werden
Task 1
Positiv
  • Einfache Navigation
Negativ
  • Registrierungs-Button zu sehr versteckt
  • Profilbild nicht skippbar
  • Upgrade unverständlich
  • Rückmeldung nach erfolgreicher Registrierung fehlt
Task 2
Positiv
  • Bubble-Buttons wirken modern
  • 12-monatiges Abo
  • Gute Registrierungsschritte
Negativ
  • Registrierungsprozess zu lange
  • Rückmeldung nach erfolgreicher Registrierung fehlt
  • Profilbild nicht skippbar
  • Abo Screen erst am Ende
Task 1
Positiv
  • Einfache Profilsuche und Nachrichtenverfassung
  • Einfacher User Flow
  • Profileinstellung als zusätzlicher Menüpunkt
  • Sehr gutes Kükenhüter Profil
Negativ
  • Nach Registrierung fehlt eine Rückmeldung, dass man sich 
    erfolgreich registriert hat
  • Nicht ganz klar, wo man sich registrieren kann
  • Verfügbarkeit nach Farben nicht ganz klar
Task 2
Positiv
  • Bessere Registrierung
  • Sehr gutes Kükenhüter Profil
  • Abo wurde schnell gefunden
  • Angabe Berufserfahrung
Negativ
  • Überspringen-Button war nicht offensichtlich genug
  • Button bei Nachrichten unverständlich
  • Dokumentenupload nicht überspringbar
  • Konto-löschen-Button fehlt
Task 1
Task 2
Positiv
  • Die Auswahl am Anfang zwischen Anmelden, Registrieren und als Gast fortfahren
  • Popover Information um eine Nachricht zu schreiben war hilfreich
  • Intuitive Navigation
  • Gute Registrierungsschritte
Positiv
  • Intuitive Navigation
  • Einfacher Prototyp
  • Gute Registrierungsschritte
Negativ
  • Überspringen Button war nicht offensichtlich genug
  • Warum muss man sich upgraden?
  • Nach Registrierung fehlt eine Rückmeldung, dass man sich 
    erfolgreich registriert hat
Negativ
  • Registrierungsprozess zu lang
  • Profilbearbeitung unter Konto nicht klar
  • Dokumente hochladen kann nicht übersprungen werden
Task 1
Task 2
Positiv
  • Einfache Navigation
Positiv
  • Bubble-Buttons wirken modern
  • 12-monatiges Abo
  • Gute Registrierungsschritte
Negativ
  • Registrierungs-Button zu sehr versteckt
  • Profilbild nicht skippbar
  • Upgrade unverständlich
  • Rückmeldung nach erfolgreicher Registrierung fehlt
Negativ
  • Registrierungsprozess zu lange
  • Rückmeldung nach erfolgreicher Registrierung fehlt
  • Profilbild nicht skippbar
  • Abo Screen erst am Ende
Task 1
Task 2
Positiv
  • Einfache Profilsuche und Nachrichtenverfassung
  • Einfacher User Flow
  • Profileinstellung als zusätzlicher Menüpunkt
  • Sehr gutes Kükenhüter Profil
Positiv
  • Bessere Registrierung
  • Sehr gutes Kükenhüter Profil
  • Abo wurde schnell gefunden
  • Angabe Berufserfahrung
Negativ
  • Nach Registrierung fehlt eine Rückmeldung, dass man sich 
    erfolgreich registriert hat
  • Nicht ganz klar, wo man sich registrieren kann
  • Verfügbarkeit nach Farben nicht ganz klar
Negativ
  • Überspringen-Button war nicht offensichtlich genug
  • Button bei Nachrichten unverständlich
  • Dokumentenupload nicht überspringbar
  • Konto-löschen-Button fehlt

Revision

Die Nutzertests ermöglichten es, Probleme der Prototypen zu identifizieren und einen neuen, verbesserten Prototyp zu entwickeln. Dieser wurde anschließend erneut getestet, um eine benutzerfreundlichere Registrierung und Profilerstellung sicherzustellen.

Problem 1

Die Nutzer waren frustriert über den langen Registrierungsprozess und wussten nicht, wann er enden würde.

Solution

Um den Nutzern eine bessere Einschätzung des Zeitaufwands zu ermöglichen, wurde ein Fortschrittsbalken am oberen Bildschirmrand integriert.

Problem 2

Die Nutzer erhielten nach erfolgreicher Registrierung keine Rückmeldung.

Solution

Nach Abschluss der Registrierung erscheint ein Popup-Fenster.

Problem 3

Es fehlte eine Möglichkeit, das Konto zu löschen.

Solution

Ein Popup-Fenster zum Löschen des Kontos und Abbrechen des Vorgangs wurde hinzugefügt.

Problem 1

Die Nutzer waren frustriert über den langen Registrierungsprozess und wussten nicht, wann er enden würde.

Solution

Um den Nutzern eine bessere Einschätzung des Zeitaufwands zu ermöglichen, wurde ein Fortschrittsbalken am oberen Bildschirmrand integriert.

Problem 2

Die Nutzer erhielten nach erfolgreicher Registrierung keine Rückmeldung.

Solution

Nach Abschluss der Registrierung erscheint ein Popup-Fenster.

Problem 3

Es fehlte eine Möglichkeit, das Konto zu löschen.

Solution

Ein Popup-Fenster zum Löschen des Kontos und Abbrechen des Vorgangs wurde hinzugefügt.