Fallstudie: Neugestaltung einer Sprachlern-App

Dec 19 2022

Über eine App Babbel ist die effektivste Sprachlern-App auf dem Markt. Mit verschiedenen Lernmethoden, einschließlich interaktivem Sprachunterricht (mit fortschrittlicher Spracherkennungstechnologie), Sprach-Podcasts, Spielen und mehr! Meine Rolle UX-Forschung, UI/UX-Design Warum Redesign? Dies war eine der Herausforderungen von UpLabs.

Über eine App

Babbel ist die effektivste Sprachlern-App auf dem Markt. Mit verschiedenen Lernmethoden, einschließlich interaktivem Sprachunterricht (mit fortschrittlicher Spracherkennungstechnologie), Sprach-Podcasts, Spielen und mehr!

Meine Rolle

UX-Forschung, UI/UX-Design

Warum neu gestalten?

Dies war eine der Herausforderungen von UpLabs. Also habe ich die App installiert und das erste, was mir in den Sinn kam, war, dass die Benutzeroberfläche nicht so ansprechend ist. Außerdem war die Navigation nicht so benutzerfreundlich.

Forschung

Als Teil der Recherche habe ich Sekundärforschung betrieben und festgestellt, dass fast jeder Benutzer durch die Verwendung von Babbel seine Grammatik und sein Vokabular verbessert hat, während fast 60 Prozent der Teilnehmer ihre mündlichen Fähigkeiten mit Babbel verbessert haben. Es überrascht nicht, dass diejenigen, die die App über einen längeren Zeitraum nutzten, ihren Wortschatz und ihre Grammatikfähigkeiten noch weiter verbesserten. Aber ich fand, dass man mit Muttersprachlern sprechen muss, um fließend zu sprechen. Ich habe auch das Feedback der Benutzer zur App aus dem Play Store analysiert.

Schmerzstellen

Nachdem ich recherchiert und alle Rückmeldungen der Benutzer analysiert hatte, bekam ich die folgenden Schmerzpunkte.

Navigieren ist schwierig.
Schlechte Benutzeroberfläche und nicht intuitiv
Die App ist für Personen, die keine Sprachexperten sind, schwierig zu verwenden (fehlende Erklärung).
Da die Frage nicht sofort überprüft werden kann, muss der Benutzer einen Screenshot machen, damit die Antwort am Ende der Lektion überprüft werden kann.
Es gibt keine Nachverfolgung von gelernten Wörtern.
Sie müssen die Einstellungen öffnen, um die Lern-App zu wechseln.

Ich habe die Wettbewerbsanalyse durchgeführt, indem ich alle Stärken und Schwächen der Apps aufgelistet habe, die demselben Zweck dienen.

Benutzerpersönlichkeit

Nach all der Recherche habe ich mir diese eine Benutzerpersönlichkeit ausgedacht, um die Benutzer einer App zu repräsentieren.

Informationsarchitektur

Dann habe ich eine Informationsarchitektur erstellt, um eine klare Struktur einer App zu haben.

Skizzierung

Dann fing ich an, einige Ideen zu skizzieren, wobei ich alle oben genannten Schmerzpunkte berücksichtigte.

Typografie und Farbschema

UI-Bildschirme

Startbildschirm

Ich habe einen Fortschrittsbalken mit einem CTA hinzugefügt, um die Aufmerksamkeit zu erregen. Das Anzeigen eines Fortschrittsbalkens kann nützlich sein, wenn Sie möchten, dass der Benutzer eine noch nicht abgeschlossene Aufgabe abschließt. Dies wird als Zeigarnik-Effekt bezeichnet. Sie können diesen Artikel lesen, wenn Sie mehr darüber erfahren möchten. Ich habe auch den Streak-Fortschritt hinzugefügt, der für mehr Benutzerinteraktion verwendet werden kann.

Entdecken Sie die Seite

Ich habe verschiedene Arten von Lerninhalten hinzugefügt und kategorisiert. Es kann eine großartige Möglichkeit sein, eine Sprache durch die Inhalte zu lernen, die die Leute lieben.

Seite verbinden

Wie ich oben erwähnt habe, ist es notwendig, mit Muttersprachlern zu sprechen, um fließend zu sprechen, also habe ich die Verbindungsfunktion hinzugefügt, mit der Benutzer mit Muttersprachlern einzeln oder in einer Gruppe chatten können.