The Creative Buddies

Wir haben uns Gedanken gemacht wie es für unsere Jana noch einfacher sein könnte in der App zu navigieren und wir sie wortwörtlich "an die Hand nehmen" könnten. Die Lösung lag im alltäglichen. Wieso nicht einfach einen Chat einrichten in dem Jana persönlich mit ihrem "Best Buddy" kommunizieren kann? Die Idee für unseren neuen Home-Bildschirm war geboren.

Unsere ersten Entwürfe als Scribbles:





Im ersten Scribble hatten wir uns erst eine etwas ungewöhnlichere Form überlegt. Der Buddy und unsere Jana wären sich sozusagen "gegenüber gestanden". Dadurch wäre es auch möglich geworden, eine kleine Auswahl von Icons am rechten Sprechblasenrand von Jana anzubieten, mit denen sie durch einen Klick (Bsp. dem Geschenk) dem Buddie hätte mitteilen können, dass sie beispielsweise eine neue Belohnung für ihre fertige To-Do-Liste anlegen möchte.
Die Nachteile: Es hätte automatisch keinen Chatverlauf geben können. Wie in einem Gespräch wären die Antworten des Buddies nur solange sichtbar gewesen, bis er auf die nächste Frage hätte Antworten müssen. Ebenso wären die meisten Icons mit Außnahme des Motivation Icons schon in der Tab Bar zu finden gewesen.

Eine andere Entscheidung die zu treffen war, bestand zudem daraus, wie frei unsere Jana mit ihren Fragen an den Buddy sein dürfte. Die Idee war entweder einen Chat anzubieten, in dem man den Buddy zwar frei begrüßen konnte, aber dann aus einer vorgegebenen Antwortmöglichkeit hätte wählen können wie etwa:
"Erzähl mir was motivierendes" oder
"Was steht diese Woche noch an?", oder einen komplett freien Chat anzubieten. Letzters finden wir schöner, was würde allerdings passieren wenn der Buddie nicht auf eine der Fragen antworten könnte? Er ist ja schließlich doch ein Roboter. Besonders bei Fragen die nicht mit der App-Navigation in Zusammenhang stehen, würde ihr der Buddie  dann einfach mitteilen das er sie nicht verstanden hat und ihr eine alternative Fragestellung anbieten:
Buddie: "Es tut mir leid, das habe ich nicht ganz verstanden., Willst du stattdessen etwas motivierendes hören?"
Angelehnt an andere Chatbots könnte es jedoch auch möglich sein, dem Buddie etwas beizubringen, indem man sowohl die Frage als auch die Antwort welche der Buddie lernen soll in Anführungszeichen stellt  !"Hi, wie geht's dir?"!. !"Jetzt wieder gut, ich hatte dich vermisst."!

Zu guter Letzt hatten wir uns natürlich auch noch erste Gedanken über das Design der Sprechblasen und die Position des Bildes gemacht. Auch hier fanden wir den selbstgemachten und doch sehr einfach gehaltenen Stil am besten.

Na, schon gespannt auf's Endergebnis? ;) Unsere fertigen Screens folgen in Kürze...

• Kalenderfunktion
• Monat
• Woche
• Tag
• Stundenplan
• To Do Liste
• abhackbar
• am besten mit Fortschritten
• und Motivation (Belohnung)
• Notifikations
• zur Erinnerung an Termine
• Interaktion mit der App/dem Buddy

Kalenderfunktion
1) Wir haben bei unserer App den Anspruch, dass Jana alle Termine möglichst schnell sehen kann, egal ob sie die Monatsübersicht, die Woche oder nur den Tag im Blick haben möchte. Ganz cool passt dazu das "Ausklapp-Prinzip". Damit kann sich Jana ganz einfach durch die App navigieren und sieht immer genau den Bereich, den sie gerade braucht.

 2) Bei der Monatsübersicht von dieser App war besonders spannend, dass Jana den Terminen unterschiedliche Farben nach Kategorien zuweisen kann und die Termine so etwas priorisiert werden. Zudem ist leicht erkennbar wo welcher Termin ist, durch die farbliche Kennzeichnung und durch die vor- und nachfolgenden Monate kann man sich auch im Jahr vor und zurück bewegen um Termine zu setzten oder einfach den Überblick zu behalten.

3) Beim nächsten Design hat uns die Idee gut angesprochen, dass bestimmte Ereignisse eigene Ikons haben können. So kann Jana bildlich sehen was die Woche ansteht.


4) Die letzten beiden Designs, die in die Kalendersparte gehören, befassen sich mit dem Tag an sich. Auf dem ersten ist Stundenplanartig zu sehen was wann ansteht. Um dies deutlich zu machen sind die Termine farblich voneinander unterscheidbar. Durch die Leiste links lässt es sich auch einfach zu den nächsten Tagen navigieren.
Das linke Design besticht durch seinen Minimalismus. Es ist ganz einfach zu sehen was Jana an dem Tag vorhat.

To Do Liste/Fortschritte

1) Um anzuzeigen, wie viele Aufgaben Jana schon erfüllt hat, wäre ein Kreis ganz cool, der farblich und mit Prozentanzahl anzeigt wie weit sie zeitlich oder leistungsmäßig mit ihren Aufgaben ist.
Eine andere Idee hat das linke Design angestoßen, auf dem Jana auch in einem Kreis an einem Tag (oder in einer Woche) sieht was wann ansteht und wo sie sich gerade befindet zeitlich.





3) Um anzuzeigen was ansteht und wie Jana die Sachen wirklich abhacken könnte, ist uns spontan nur die Notizen-App eingefallen, die von Design bisher jedoch die langweiligste ist, auch wenn sie sich farblich leicht anpassen lässt.

Nachdem klar war, wie Sketch funktioniert, hat sich unser Best Buddies Team sofort daran gesetzt die ersten Screens umzusetzen. Für uns war klar, dass wir mit den Einrichtungs-Screens beginnen. Diese orientieren sich sehr an unseren Scribbles, die wir uns vor einigen Wochen ausgedacht und weiterentwickelt haben.

Der erste Screen stellt den Willkommen-Screen bei der Einrichtung der App dar, Jana vom Buddy begrüßt wird. Durch weiterswipen kommt man zum nächsten Screen.


Hier wird Jana zunächst nach ihrem Namen gefragt, damit die App/der Buddy sie in Zukunft persönlich anreden kann.



Auf dem nächsten Screen lässt sich die App noch mehr personalisieren, indem sich Jana zwei Farben selbst aussuchen kann. Mit diesen sind dann wichtige Dinge in der App entsprechend eingefärbt. Das Design ist auf selbst gemalt gemacht, was man gut am Farbkreis sieht.


Im nächsten Schritt kann Jana dann ihre Matrikelnummer eingeben. So soll der Stundenplan, wie bei der HdM-App, direkt in die App geladen werden können. Raumwechsel und Stundenplanänderungen sind so auch direkt in der App verfolgbar.



In diesem Screen sieht man die selbstgemachten Icons, sowie die gemalte Weltkugel. Beide Sachen gehen wieder auf den handgemachten Stil ein. Sinn dieses Screens ist es, dass Jana bestimmte Orte vormerken kann, sodass die App weiß wo Jana ist, wo sie sein sollte und wann es Jana besser nicht stört.


Hier haben wir auch eine Notification entworfen. Die App soll mit Jana interagieren können und sie an wichtige Dinge, wie Abgaben, erinnern.


Zuletzt haben wir einen Screen entworfen, an dem man sieht, wie Jana Ereignisse und Erinnerungen hinzufügen kann. Diese kann sie auch durch Farben personalisieren.