Famanice
Robin Kurz, Thang Nguyen
Application Design I
Interaktionsgestaltung 3
2020
HfG Schwäbisch Gmünd
Eine bestehende Smartphone-App von Grund auf neu zu gestalten und konzipieren, war das Semesterprojekt im Kurs „Application Design 1“.
Wir entschieden uns für ein Redesign der Anwendung „Famanice“. Dabei handelt es sich um einen Familienplaner, mit welchem Familien ihren gemeinsamen aber auch privaten Alltag planen und strukturieren können. Über den Planer können die verschiedensten Dinge kommuniziert werden. Zum Beispiel wann der nächste Termin stattfindet, oder das Teilen einer gemeinsamen Einkaufsliste.
Dieses Konzept erschien uns als sehr abwechslungsreich und als Möglichkeit eine schlecht gestaltete, aber sinnvolle App wie Famanice deutlich zu verbessern.
In mehreren Projektschritten haben wir die App komplett analysiert und und neu gestaltet, angefangen bei einem „Screen-Flow-Diagramm“.
Bei diesem Prozess führten wir jeden einzelnen Screen der App in einem Diagramm dar, um Navigationen und Funktionen der App zu erkennen.
Durch dieses Diagramm konnten wir die komplette App „aufgefaltet“ vor uns sehen, was zu einem guten Verständnis der Struktur beitrug.
Nachdem wir einen guten Überblick über die komplette Anwendung hatten, schauten wir uns in einer „Competitor Analysis“ verschiedene Konkurrenzprodukte an, um Pro´s und Contras zu finden die Famanice nicht besitzt.
Um nun mit dem Redesign richtig durchstarten zu können, mussten wir vorerst ein „User Profile“ anlegen. Einer der wichtigsten Schritte dieses Projekts, da wir die App so nutzernah wie möglich gestalten wollten. Passend zu einem Familienplaner, legten wir für unsere Nutzergruppe eine drei-köpfige Familie fest, bestehend aus einem Kind und den Eltern.
In einer „User Journey“ ließen wir einige potentielle Nutzer die App testen und beobachteten genau ihre Taten und Emotionen, um Rückschlüsse auf die User Experience der App zu bekommen und mögliche Fehlerquellen zu finden.
Durch eine Umfrage im Rahmen eines „Qualitative User Testings“, wollten wir von einer großen Probandengruppe wissen, was sie sich unter einem Familienplaner vorstellen und was dieser für Funktionen beinhalten sollte. Die Ergebnisse waren maßgebend für die spätere Erstellung einer Informationsarchitektur.
Während wir in einer „Feature Priorization“ die verschiedenen Funktionen bewerteten und kategorisierten, erstellten wir mittels „Card-Sorting“ eine hierarchische Übersicht aller Funktionen der App , durch die wir einen noch genaueren Einblick in die App erhielten. Schnell wurde die fehlende Struktur und weitere Fehlerquellen klar, die wir dadurch beseitigen konnten.
In einer „Informationsarchitektur“, basierend auf dem vorhergegangenen Card-Sorting, hatten wir alle Funktionen für die weitere Bearbeitung der App im Blick.
Nach einer Festlegung auf eine Navigationsart in der App, konnten wir nun die ersten Skizzen für mögliche Anordnungen auf dem Screen anfertigen und diese dann im weiteren Zug ins Digitale übertragen.
Später fertigten wir daraus dann mit Hilfe des Prototyping-Tools “Figma” erste funktionale Prototypen an, die uns erneute User-Tests ermöglichten, aus denen wichtiges Feedback zum weiteren Vorgehen hervorkam.
Dem fertigen Prototypen konnten wir nun noch mit einem sinnvollen Design bestücken, wodurch wir die komplette App „Famanice“ neu gestaltet haben.
Mainscreens
Profilbearbeitung
Direkt vom Homescreen aus, hat man die Möglichkeit sein persönliches Profil anzusehen und zu bearbeiten.
Dinge wie Name, Familienstatus, oder E-Mail-Adresse, lassen sich über die Bearbeitungsfunktion im Profil leicht anpassen.
Unterschieden wird hier zwischen zwei Kategorien. Persönliche Informationen und E-Mail Nachrichten.
Unter den Persönlichen Informationen kann man Login-Daten, aber auch Geburtsdatum , Name und Familienrolle verändern.
Bei den E-Mail Nachrichten, kann man Benachrichtigungen zu neuen Aktivitäten, oder Newsletter aktivieren und deaktivieren.
Eine separate Einstellungsmöglichkeit bietet die Profilbildanpassung. Über das Profilbild kann man entweder ein neues Profilbild schießen, oder ein bereits gemachtes Foto aus der Galerie importieren.
Erstellen eines Kalendereintrags
Der Kalender ist eine der meist genutzten Funktionen in einem Familienplaner. Jedes Familienmitglied kann seine persönlichen, oder aber auch öffentlichen Termine eintragen.
Aus diesem Grund muss die Erstellung eines Termins schnell und simpel ablaufen.
In unserem Kalender startet man mit der Eingabe eines Titels. Über einen Klick auf das Datum, gelangt man zu einer Kalendervorschau, in welcher man sein gewünschtes Event-Datum des Termins angibt. Nach dem Festlegen einer Beginn- und Endzeit, gibt man noch einen Ort ein und kann mit weiteren Einstellungsmöglichkeiten fortfahren.
Man kann beispielsweise eine Erinnerung einschalten, wodurch man per Pop-Up-Nachricht informiert wird, wann ein Termin ansteht.
Auch kann man entscheiden ob der eben erstellte Termin für jeden in der Familie sichtbar sein soll, oder nur für den Nutzer selbst.
Nach der Auswahl der einzelnen Teilnehmer am Termin, kann man den Termin erstellen, welcher kurz darauf in den Kalender eingetragen wird.
An einer Umfrage teilnehmen
Eine ebenso wichtige Hauptfunktion der App, ist die Umfrageseite.
Hier kann jedes Familienmitglied eine Umfrage bezüglich eines Themas starten und die anderen Familienmitglieder können daran teilnehmen.
Wie in unserem Beispiel rechts zu sehen ist, befinden sich wieder verschiedene Funktionen auf dem Screen.
Man bekommt Informationen bezüglich des Titels und des Erstellers der Umfrage und folgend die Teilnehmer und die eigentliche Umfrage.
Bei der Erstellung einer Umfrage kann man auswählen wieviele Antwortmöglichkeiten es geben soll und in welcher Art diese dargestellt werden.
Homescreen
Auf dem Homescreen bekommt der Nutzer die aktuell anstehenden Termine, Nachrichten, To-Do´s, etc. angezeigt und kann diese von dort aus direkt erreichen.
In den einzelnen Kacheln erhält der Nutzer Informationen zu der jeweiligen Aktivität, wie z.B. Ersteller, Datum, oder Teilnehmer.
Damit schnell erfasst werden kann um welche Aktivität es sich handelt, befindet sich rechts unter jeder Kachel ein jewiliges, beschreibendes Icon, welches z.B. für einen Kalendereintrag stehen kann, oder für eine erst kürzlich eingegangene Umfrage.
Wenn es schnell gehen muss, kann der Nutzer auch spezifische Aktivitätskategorien über ein Menü am rechten oberen Bildschirmrand filtern.
To-Do-Listen
Die zweite Hauptfunktion beinhaltet To-Do-Listen und Einkaufslisten. Beides nützliche Organisationstools in einer Familie.
Befindet man sich in der To-Do-Listen Ansicht, kann man zwischen persönlich erstellten und von der Familie eingetragenen Listen unterscheiden.
Neben der Funktion eine neue Liste zu erstellen, werden dem Nutzer sowohl die offenen Listen angezeigt, als auch die erledigten Listen.
Offene Listen enthalten Informationen zum Titel, der Deadline, der Priorität und des Fortschrittes.
Um eine Liste zu bearbeiten, bzw. anzusehen, klickt man einfach auf die Kachel und wird zur jeweiligen Aufgabe weiter geleitet.
Nachrichten-Chat
Im Nachrichten-Chat, können sich alle Familienmitglieder wie in den gängigen Social-Media-Chats unterhalten.
Es können neben Einzelchats auch Gruppen erstellt werden, in denen mehr als nur zwei Personen schreiben können.
Textnachrichten sind nicht das einzige was versendet werden kann. Auch Bilder, Videos, oder Sprachnachrichten können versendet werden.
