Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Vokabellernen mit BuddyQuest

BuddyQuest ist eine App für Schüler*innen der 5.-7. Klassenstufe, die ihr Vokabelwissen im Fach Englisch spielerisch trainieren möchten. An Lektionen im Lehrbuch angelehnte Übungen werden hier im Team gemeistert, Trophäen gesammelt und Sprachkenntnisse mit Spaß gefestigt!

Direkt zum Prototyp 👉 https://youtu.be/u2T11YQHDMI

1 Einführung in die Methodik

IMG_4792.1.png
IMG_4792.1.pngIMG_4792.1.png

Der Kurs „Please translate “Dual Track Agile„, der unter Führung von Mitarbeiter*innen des Cornelsen Verlags stattfand, hatte das Ziel einen Prototypen für eine Vokabellern-App zu erstellen, die Schüler*innen der 5.-7. Klassenstufe beim Erlernen der Sprache Englisch unterstützend begleiten sollte. Dazu wurden Kursmitgliedern vielerlei Methoden an die Hand gegeben, die auch im beruflichen Alltag der Mitarbeiter des Verlags zum Einsatz kommen, wenn es darum geht, ein neues Produkt zu entwickeln.

Kurzinterview Vokabellernen

InterviewsHW1.JPG
InterviewsHW1.JPGInterviewsHW1.JPG

Im ersten Schritt auf dem Weg zur angewandten Arbeit mit diesen fachlichen Methoden wurden Studierende des Kurses in den anfänglichen Wochen dazu angehalten, Interviews über das Verhalten beim Vokabellernen mit Menschen aus ihrem Umfeld, die eine Fremdsprache lernen oder lernten, zu führen.

Diese Befragungen dienten dem Zweck des Ausbildens eines grundlegenden Verständnisses für die Herausforderungen Einzelner bei diesem Vorhaben.

In anfänglichen Sitzungen des Seminars wurden dafür Modelle, wie der Value Proposition Canvas und dem damit verknüpften Customer Profile erläutert, die beim Umreißen einer sinnvollen Produktidee helfen sollen.

Value proposition canvas

value-proposition-canvas.jpg
value-proposition-canvas.jpgvalue-proposition-canvas.jpg

customer-profile_Miro.png
customer-profile_Miro.pngcustomer-profile_Miro.png

Die Value Proposition Canvas teilten wir zunächst in zwei Teile und legten den Fokus auf das Customer Profile, damit unsere Aufgaben als Produktentwickler deutlich abgesteckt werden konnten.

Diese Grundlage half ungemein dabei, eine wirklich nützliche Anwendung für Schüler*innen zu entwerfen und dabei ihre Bedürfnisse nicht aus den Augen zu verlieren.

Competitive Analysis

HW2Lena.JPG
HW2Lena.JPGHW2Lena.JPG
HW2Sascha.JPGHW2Sascha.JPG
HW2Dilara.JPGHW2Dilara.JPG

Eine Competitive Analysis wurde von jedem Kursmitglied einzeln durchgeführt, um so ein möglichst breites Bild über mögliche Konkurrenten auf dem Markt der Lern-Apps für Sprachen zu erzeugen. Besonders wurde hier noch einmal in den Fokus gerückt, wie viele Produkte eigentlich den Ansatz der Gamification nutzen und damit Erfolg haben. Apps wie Duolingo sind beispielsweise beliebt und bekannt und bedienen sich dieser Mechanik sehr eindeutig.

Des Weiteren hat die Konkurrenzanalyse auch dabei geholfen zu entdecken, welche Arten von Apps auf dem Markt noch nicht vertreten sind und vielleicht sogar fehlen. Eine dieser Lücken zu füllen, so dachten wir uns, könnte dem Produkt Alleinstellungsmerkmale verleihen und Bedürfnisse von Usern erfüllen, die auf diese Art vielleicht noch nie berücksichtigt wurden.

2 Ideation

Für den Hauptteil der Ideation bildeten wir Teams und arbeiteten mit Methoden, wie „how might we...“ Fragen oder „Idea Napkins“, um unserer Kernidee und damit einem Konzept näher zu kommen.

How might we

HowMightWe.png
HowMightWe.pngHowMightWe.png

Brainwriting

Brainwriting.png
Brainwriting.pngBrainwriting.png

Learing fom ...

LearningFrom.png
LearningFrom.pngLearningFrom.png

Idea Blossom

IdeaBlossom1.png
IdeaBlossom1.pngIdeaBlossom1.png
IdeaBlossom2.pngIdeaBlossom2.png

Idea Napkin

IdeaNapkin1.png
IdeaNapkin1.pngIdeaNapkin1.png
IdeaNapkin2.pngIdeaNapkin2.png

Auf dem Idea Napkin fassten wir unsere, mit den vorangegangenen Methoden gefundenen, Erkenntnisse zu Grundideen zusammen, auf deren Basis wir unser Konzept und den damit verbundenen Prototypen ausarbeiteten.

3 Prototype

Im Hauptteil des Kurses entwickelten wir einen Prototyp, der die wichtigsten Screens beinhaltet. Der Prototyp startet mit dem Homescreen mit einer Questkarte und besteht aus einer Game Loop. Man wählt die Quest aus, startet sie und beendet sie erfolgreich und kommt wieder zum Homescreen zurück und kann die nächste Quest wählen, usw. 

Das User Testing führten wir mit einer älteren Version durch. Unsere Erkenntnisse aus dem Testing sind in dem Prototypen teilweise schon eingebunden.

User Flow 1 Keyscreens.pngUser Flow 1 Keyscreens.png
User Flow 2 Weitere Screens.pngUser Flow 2 Weitere Screens.png

Key Screens

Die wichtigsten Screens für das Konzept sind der Home-Screen mit einer Level-Map, der Kampf-Screen mit Vokabelaufgaben und die Auswertung der eigenen Antworten.

Homescreen: Damit die User sofort mit dem Abenteuer loslegen können besteht der Homescreen aus der Übersichtskarte mit den Quests. Anhand der Emojis und dem Weg kann man erkennen, wohin es einen führen wird, welche Lektionen einen erwarten und wie weit der eigene Fortschritt ist. Bei den Leveln werden die thematischen Inhalte und Reihenfolge der Units des Lehrbuches übernommen. In der Questbeschreibung wird außerdem angezeigt, auf welches Kapitel und welche Seiten sich die Quest bezieht.

Kampfsystem: Das Kampfsystem ist rundenbasiert, damit die User zeitlich nicht voneinander abhängig sind und jeder die Aufgaben im eigenen Tempo lösen kann. Jede Runde besteht aus drei Aufgaben, in denen man sein Vokabelwissen trainieren kann. Die Aufgabentypen variieren dabei, damit es abwechslungsreich ist. Hat man die Aufgabe gelöst, lädt sich die Attacke auf und man kann den Boss angreifen. 

Auswertung: Nach erfolgreichem Abschluss der Quest werden dem User seine Ergebnisse angezeigt und wie gut man bei der Quest abgeschnitten hat. Das hilft dabei aus den eigenen Fehlern zu lernen und so sein Englisch zu verbessern.

3.1 Die Idee

Kern konzept.pngKern konzept.png

Das Problem

Kinder und Jugendliche haben meistens beim Vokabellernen wenig Spaß und lernen alleine. Das Gefühl, fast täglich üben zu müssen begleitet Schüler:innen, jedoch fehlt die Motivation, diesen Anspruch in die Tat umzusetzen. Unser Ziel ist es also, Zeitaufwände zu minimieren und Lernerfolge zu maximieren.

Unser Fokus

Wir setzen den Fokus darauf, gemeinsames Lernen und Lernerfolg in spaßigen Quests zu fördern und zu feiern.

Unsere Lösung: BuddyQuest

Schüler:innen können gemeinsam mit ihren Mitschüler:innen ihr Englisch stärken und spannende Abenteuer in vielen abwechslungsreichen Quests erleben.

3.2 Lean UX Canvas

Schon recht früh bekamen wir ein Template für das Lean UX Canvas, welches wir fortlaufend bearbeitet haben. Das Lean UX Canvas ist ein Tool, welches dabei hilft, die aktuellen Bedürfnisse von sowohl Unternehmen als auch Usern zu verstehen. Außerdem unterstützt es bei der Formulierung von Hypothesen, die durch Forschung validiert werden können.

Lean UX 1.png
Lean UX 1.pngLean UX 1.png
Lean UX 3.pngLean UX 3.png
Lean UX 2.pngLean UX 2.png
Lean UX 4.pngLean UX 4.png
Lean UX  5.pngLean UX  5.png
Lean UX  6.pngLean UX  6.png
Lean UX 7.pngLean UX 7.png
Lean UX  8.pngLean UX  8.png

3.3 User Flow

1.png1.png
2.png2.png
3.png3.png
4.png4.png
5.png5.png
6.png6.png

3.4 Design

Wir haben den Look von BuddyQuest schlicht gehalten. Die bunten farbigen Akzente in blauen und roten Tönen lockern dies auf. Damit die App auch optisch aussieht wie ein Spiel, haben wir die Charaktere illustriert und Gaming Elemente wie den Lebensbalken oder XP-Punkte übernommen.

Illus.png
Illus.pngIllus.png
design.pngdesign.png

4 User Testing

Der nächste große Schritt dieses Projektes war es, den Prototypen an Usern unserer Zielgruppe zu testen. Dies war notwendig, um sicherzustellen, dass die bisherige Arbeit in die richtige Richtung ging und im Interesse der Endnutzer*innen gestaltet wurde.

4.1 Research Methoden

Aus vielen möglichen Research Methoden wurde schließlich ein User Testing und Interview ausgewählt, da wir so direkt von der Quelle (unseren Nutzer*innen) konstruktives Feedback und genau Einblicke in ihre Gedankenwelt erhalten konnten. Verbunden mit dem Test bzw. Interview wurden uns die Mittel der Research-Canvas an die Hand gegeben, auf der während der Befragung mitgeschrieben und im Anschluss Ergebnisse ordentlich ausgewertet werden können.

Screenshot 2022-02-03 at 21.43.10.pngScreenshot 2022-02-03 at 21.43.10.png

4.2 Interview Leitfaden

Der Interview-Leitfaden bildet das Gerüst für unser User Testing. Das hat uns sehr geholfen, eine Struktur für das Interview zu finden und Fragen zu entwickeln, die uns helfen, unsere Annahmen zu unterstützen oder ggf. zu widerlegen. Durch das direkte Feedback haben wir gelernt, auf eine einfache Sprache zu achten, mit verständlichen Beispielen zu arbeiten und dadurch ein einheitliches Interview zu entwickeln.

BuddyQuest_Leitfaden_Feedback 2.pdf PDF BuddyQuest_Leitfaden_Feedback 2.pdf

4.3 Interview

Das User Testing war der spannendste Teil des Kurses, da sich unsere Ideen und Konzepte der wichtigsten Herausforderung stellen mussten: den kritischen Blicken der Schüler:innen.

Hierfür bereiteten wir einen Interview-Leitfaden vor, der die vielen Bereiche abdecken soll, die unsere Idee definieren. Schließlich wollten wir nicht nur erfahren, ob unsere Screens verständlich waren, sondern auch mehr über die Jugendlichen, ihre Motivation und ihren Alltag erfahren.

– Spielen sie Spiele und wenn ja, welche?

– Was macht ihnen besonders Spaß?

– Wie lernen sie Vokabeln und wie fühlen sie sich dabei?

– Was gefällt ihnen an der Gruppenarbeit und was nicht?

Für die Durchführung teilten wir unsere Gruppe in zwei Parteien auf: eine Person führte alle Interviews und Testings durch, während die beiden anderen die Antworten notierten und auf das Verhalten der Schüler:innen achteten.

Screenshot 2022-02-04 at 21.08.24.pngScreenshot 2022-02-04 at 21.08.24.png
Screenshot 2022-02-04 at 21.08.36.pngScreenshot 2022-02-04 at 21.08.36.png
Screenshot 2022-02-04 at 21.07.39.pngScreenshot 2022-02-04 at 21.07.39.png
Screenshot 2022-02-04 at 21.07.53.pngScreenshot 2022-02-04 at 21.07.53.png

4.4 Testing, Learnings & Key Insights

Durch das Testing erhielten wir viele, spannende Einblicke in die Gewohnheiten und Interessen der Jugendlichen. Aber wir lernten nicht nur von ihnen, sondern auch durch unsere eigenen Fehler. Denn auch für uns war es das erste Mal, eine so junge Zielgruppe zu interviewen. Dementsprechend lernten auch wir, wie wichtig es beispielsweise ist, eine einfache Sprache zu verwenden und für uns selbstverständliche Dinge ausführlich zu erklären – und dass sich das auch bei älteren Zielgruppen lohnt.

Anhand der notierten Antworten haben wir dann unsere Key Learnings definiert, die einige unserer Thesen bestätigen, aber auch von uns bereits durchgegangene und vorerst verworfene Konzepte wieder aufgriffen.

Wir fanden heraus, was sich die Schüler:innen wünschten, wie gut sie die Aufgabentypen verstanden und ob unser Gesmatkonzept verständlich und vor allem auch ansprechend ist.

So fanden wir beispielsweise heraus, dass es wichtig ist, ein dem Kenntnisstand der Schüler:innen entsprechendes Sprachniveau innerhalb der App zu verwenden oder auch, dass ein Vergleich mit anderen Schüler:innen gewünscht ist und auch langfristig motiviert.

Das Feedback war größtenteils positiv, aber auch unsere Pain-Points wurden von den Schüler:innen bestätigt und offene Fragen beantwortet. Mit Hilfe dieses umfangreichen Feedbacks konnten wir den Prototypen weiterentwickeln und die Learnings mit einfließen lassen.

Screenshot 2022-02-04 at 21.26.43.pngScreenshot 2022-02-04 at 21.26.43.png
Screenshot 2022-02-04 at 21.02.53.pngScreenshot 2022-02-04 at 21.02.53.png
Screenshot 2022-02-04 at 21.02.38.pngScreenshot 2022-02-04 at 21.02.38.png
Screenshot 2022-02-04 at 21.02.22.pngScreenshot 2022-02-04 at 21.02.22.png
Screenshot 2022-02-04 at 21.03.03.pngScreenshot 2022-02-04 at 21.03.03.png
Screenshot 2022-02-04 at 21.03.18.pngScreenshot 2022-02-04 at 21.03.18.png
Screenshot 2022-02-04 at 21.03.32.pngScreenshot 2022-02-04 at 21.03.32.png
Screenshot 2022-02-04 at 21.03.47.pngScreenshot 2022-02-04 at 21.03.47.png
Screenshot 2022-02-04 at 21.04.02.pngScreenshot 2022-02-04 at 21.04.02.png
Screenshot 2022-02-04 at 21.04.19.pngScreenshot 2022-02-04 at 21.04.19.png
Screenshot 2022-02-04 at 21.04.28.pngScreenshot 2022-02-04 at 21.04.28.png

5 Abschlusspräsentation

PleaseTranslate_BuddyQuest_Praesentation_17.01.2022.pdf PDF PleaseTranslate_BuddyQuest_Praesentation_17.01.2022.pdf

6 Résumé

In diesem Seminar wurde es uns ermöglicht, das Arbeiten nach dem Dual Track Agile Prinzip einmal, so nah am Alltag, wie möglich, durchzutesten und dabei einige Methoden kennenzulernen. Wir denken, dass die kontinuierlichen Iterationen der Idee dazu führten, dass sie Woche um Woche präziser und durchdachter wurde, was sie schließlich runder werden ließ. 

Die Arbeit in der Gruppe hat viel Spaß gemacht, da wir aus verschiedenen Fach- bzw. Interessensbereichen kommen und so recht viele Design-Disziplinen abdecken konnten, als es an die Ausgestaltung unseres Prototypen ging. Dabei konnte jedes Gruppenmitglied die eigenen, individuellen Stärken einsetzen, aber auch gleichzeitig durch die Erfahrungen der anderen Gruppenmitglieder etwas lernen. 

Konstruktive Coachings und häufige Feedback-Runden des Cornelsen-Teams haben uns dabei geholfen, unsere Ideen umzusetzen und weiterzuentwickeln und zudem dafür gesorgt, dass wir aufgrund der vielen Methoden wichtige und nützliche Strategien für den weiteren Weg als Gestalter*innen mitnehmen konnten.

Insgesamt hat der Kurs für viele Studierende einen Mehrwert geboten, da sich sowohl jene, die kaum Erfahrung im UI-Design oder methodisch-fokussierten Arbeiten hatten, als auch solche, die bereits Erfahrung in diesen Bereichen sammelten konnten, gefördert und gefordert fühlten. Daher ist dieser Kurs und besonders der Aufbau auch für Studierende geeignet, die während des Grundstudiums keine Möglichkeit hatten, sich mit diesem Bereich auseinanderzusetzen.

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Dorit Mielke foto: Annalena Baecker foto: Katrin Behrens foto: Sarah Mayr foto: Anne Weingarten foto: Prof. Constanze Langer

Entstehungszeitraum

Wintersemester 2021 / 2022

Keywords