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

Teethify – Tschö, langweiliges Zähneputzen!

Teethify – Tschö, langweiliges Zähneputzen!

Kursbeschreibung: In diesem Kurs setzten wir uns mit dem Thema „Mashups“ auseinander, also mit (Re-) Kombinationen aus bereits bestehenden Inhalten. Hierbei stand das Analysieren von Alltagsgegenständen und Apps, sowie das Konzipieren und Umsetzen eigener Mashup-Ideen im Vordergrund. Das Mischen von App-Kategorien sowie einzelner Attribute stellte hierbei eine eingängige Methode zur Ideenfindung dar. Die Abschlussarbeit sollte schliesslich eine originelle App sein, die sowohl aus einem Mashup besteht, als auch nach Human-Interface-Guidelines ansprechend und nutzerfreundlich designed wurde.


1. Ideenfindung

Für das Abschlussprojekt taten wir uns in Gruppen zusammen und sammelten zunächst ein paar Ideen, indem wir unterschiedliche App-Kategorien, sowie einzelne Funktionen von Apps miteinander kombinierten.

Maryna &  Jane - Mashup - Zähneputzen + Hörbücher _ News.jpgMaryna &  Jane - Mashup - Zähneputzen + Hörbücher _ News.jpg
Maryna &  Jane - Mashup - 110_112-App.jpgMaryna &  Jane - Mashup - 110_112-App.jpg
Maryna &  Jane - Mashup - App Kategorien Überblick.jpgMaryna &  Jane - Mashup - App Kategorien Überblick.jpg

Fragestellungen, die mit „Wie könnten wir…?“ beginnen, halfen uns dabei alltägliche Probleme multiperspektivisch zu betrachten und damit einen allgemein umfassenderen Lösungsansatz zu finden.

Nach einigen Iterationen und Feedback, haben wir uns schließlich für Marynas Konzept entschieden.


2. Kontext & Problem

Boring Teethbrushing.pngBoring Teethbrushing.png

Das Problem: 

Zähneputzen ist langweilig! Das denkt sich wohl jeder. Doch bis jetzt hat niemand etwas dagegen getan.

>> Wie also könnten wir das Zähneputzen interessanter/produktiver gestalten?

Die Idee: 

Zahnputz-Coaching & Lernen verbinden

Wir kombinierten also die App-Kategorien « Health & Education » miteinander.

App-Kategorien (2).pngApp-Kategorien (2).png

Maryna achtet sehr auf ihre Zahnpflege, daher war sie bereits gut vertraut mit diversen Zahnputz-Apps wie »Oral B« und »Playbrush«. Als Jane die App »Blinkist« dem Kurs vorstellte (Aufgabe App-Analyse), kam Maryna schließlich auf die Idee die Zahnputz-Apps mit Blinkist zu verbinden.

Die Oral B App ist ein Zahnputz-Coach, der es einem ermöglicht, via Bluetoothzahnbürste das eigene Putzverhalten zu analysieren, zu reflektieren und zu optimieren. In Kombination mit Blinkist, einer App, die Kernaussagen von komplexen Sachbüchern in 15 Minuten verpackt, fasste sie einen Zahnputzcoach und 2-3 minütige Lernhäppchen während des Zähneputzens ins Auge.


3. Recherche

Playbrush.pngPlaybrush.png

Oral B.pngOral B.png

Blinkist.pngBlinkist.png

Spotify.pngSpotify.png


4. Unser Mashup • Damals

Jane sah sich auch noch nach den Funktionen von Spotify um, mit dem Ziel den User nicht nur durchgehend zu fordern, sondern ihm auch via Musik & Nachrichten etwas passive Entspannung am Morgen oder am Abend nach einem stressigen Arbeitstag zu ermöglichen.

Mashup damals.pngMashup damals.png

Das Zwischenergebnis sollte dann im App-Store-Look präsentiert werden. Dies war eine gute Übung, um sich noch einmal über den Kern der App Gedanken zu machen und die Hauptfunktionen kurz und knackig zusammenzufassen.


5. Zwischenstand

2.png2.png

App Store Präsentation 11.12.20.pngApp Store Präsentation 11.12.20.png

App-Architektur + Guidelines Präsentation 18.12.20.pngApp-Architektur + Guidelines Präsentation 18.12.20.png


6. Back to the Roots

In den Weihnachtsferien hat Maryna einmal ihre Freunde und Verwandte befragt, wie sie die App-Idee fänden. Diese waren der Meinung, dass sie die App mit der Einbindung von Musik nicht gebrauchen würden, da sie Musik auch einfach über Spotify hören könnten. Das war ein guter Einwand, daher entschieden wir uns dafür, wieder Marynas Ursprungsidee zu verfolgen – also nur ein Mashup zwischen Oral B & Blinkist.

Warum Musik?.pngWarum Musik?.png

7. Unser Mashup • Heute

Mashup Heute.pngMashup Heute.png


8. Endspurt & Arbeitsteilung

Apparchitektur.pngApparchitektur.png

Um effektiver arbeiten zu können, haben wir uns schließlich aufgeteilt. Maryna kümmerte sich ihrer Idee entsprechend um die App-Architektur, sowie das Oberflächen-Design und Jane fertigte App-eigene Illustrationen und Icons an, die Maryna zuvor in ihren Wireframes mit der Farbe Gelb markierte.

Skizzen Userflow.pngSkizzen Userflow.png
Gelbe Markierungen.pngGelbe Markierungen.png

Für die App-Illustrationen hatte Jane zunächst ein paar abwechslungsreiche Illustrationen gestaltet, auch mit dem Gedanken, dass dies visuell nicht zu monoton und somit nicht schnell langweilig wird. In Absprache haben wir uns dann schließlich doch für einheitliche Illustrationen entschieden. Maryna gefiel der Stil von »Improving Sleep« und »Psychology«.

Illustrationen Unterschiedlich.pngIllustrationen Unterschiedlich.png
Illustrationen Einheitlich.pngIllustrationen Einheitlich.png
Illustrationen Variationen.pngIllustrationen Variationen.png

Das Icon-Design sollte verspielt anmuten und so zur einfachen Bedienung der App beitragen. Sie wurden einheitlich mit gleicher Strichstärke im Raster angelegt und die optischen Größen zueinander angepasst.

Icon Design.pngIcon Design.png

Icons ohne Raster.pngIcons ohne Raster.png
Icon Design Raster.pngIcon Design Raster.png

9. Farben & Formen

Von Anfang bis zum Ende waren wir sehr experimentierfreudig und probierten viel mit Farben und Formen herum. Da in der 1. Version noch die Musik im Konzept mitspielte, ging die Assoziationsrichtung eher ins Rosa + Lila + Electric Blue mit dunklem Hintergrund. Diese Farben passten jedoch nicht mehr zu dem Konzept ohne die Musik. Deshalb entschieden wir uns letztlich für Classic Blue.

Farben 1.pngFarben 1.png
Farben 2.pngFarben 2.png
Farben 3.pngFarben 3.png
Farben 4.pngFarben 4.png
Farben 5.pngFarben 5.png
Farben 6.pngFarben 6.png


10. Die Finale App: Teethify

Teethify – Nutze die Zahnputzzeit produktiv!
Teethify ist eine App, bei der das Zähneputzen nicht mehr langweilt, sondern einfach Spaß macht! Während des Zähneputzens hörst du deine zuvor gespeicherten Inhalte, die dich interessieren und du lernen möchtest. Starte einfach deine Zahnbürste und schon läuft auf deinem (in unmittelbarer Nähe befindlichen) Smartphone via Bluetooth dein Morgen-, Mittag- oder Abend-Programm. Du willst vor dem Starten noch bestätigen? Auch das ist kein Problem und in den Einstellungen variierbar. Die Lernthemen sind in mehrere kleine Sessions aufgeteilt. So hörst du deiner Putzdauer entsprechend zu jeder Putz-Session eine 2- bis 3-Minütige Lerneinheit.
Währenddessen erhälst du vom Zahnputz-Coach visuelles und auditives Feedback, wo du schon geputzt hast und ob du zu starken Druck auf die Zähne ausübst. Der Coach informiert dich außerdem darüber, wie deine Putzleistung insgesamt war. Du erhälst Statistiken und einen Leistungs-Score deiner letzten Sessions und kannst so deine Putzleistung nach und nach optimieren. Egal mit welcher Zahnbürste du putzt, ob elektrisch, händisch, ob mit oder ohne Bluetooth – Teethify hat für jede Art den richtigen Coach, der dich zu optimalen Putzergebnissen führt.

>>> Hier gehts zum Prototypen -> https://www.figma.com/proto/EKYLKYZzzPdWJnZdGl9D96/Mashup-Team-Teethify?node-id=408%3A56&scaling=scale-down

Titel.jpgTitel.jpg

Finale App-Architektur 12.02.21.pngFinale App-Architektur 12.02.21.png

Fazit

Zur App: An der App hätte man mit Sicherheit noch so Einiges drehen und schauben können. Das Ergebnis ist angesichts der kurzen Zeit, die wir nach der Änderung des Gesamtkonzeptes in den Ferien bis zur Fertigstellung der App sowie der Präsentation hatten, doch noch relativ ansehnlich und HIG-konform geworden. Die Lernkurve war bei diesem Projekt immens!

Zum Kurs: Dieser Kurs war extrem lehrreich und die Kursatmosphäre der Hammer. Trotz Online-Lehre fand hier ein reger und inspirierender Austausch in einem kollegialen Umfeld statt, was uns sehr freute. Das Feedback der Lehrenden war stets emphatisch, nachvollziehbar, konstruktiv und vor allem hilfreich. Auch die Methode App-Attribute zufällig miteinander zu kreuzen, ist wirklich eine sehr nützliche Herangehensweise. Hieraus sind teilweise richtig gute Ideen entstanden. Das werden wir definitiv für die Zukunft mitnehmen. Vielen Dank für den tollen Kurs!

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Ivo Herrmann foto: Paul Thiele

Zugehöriger Workspace

Mashup!

Entstehungszeitraum

Wintersemester 2020 / 2021

Keywords