Kennzeichensammler-App

Kennzeichensammler ist eine mobile App, mit der Kennzeichen in Deutschland und über die Grenzen hinaus in den Nachbarländern in Europa gesammelt werden können. Sammelt dabei so viele Kennzeichen und somit Punkte wie nur möglich und battelt euch mit euren Freunden in einer Rangliste!

Ausgangslage

Die Aufgabe war es drei mobile App-Screens, sowie eine Komponenten Library zu erstellen. Das Thema war dabei frei wählbar.

Die Ausgangslage für dieses Projekt ist die Kennzeichensammler-App. Die App besteht im Grundsatz aus der Hauptseite, wo auf direktem Weg die Kennzeichen eingegeben werden können. In der rechten oberen Ecke befindet sich eine Europakarte, die alle gesammelten Kennzeichen anzeigt und diese mit farblichen Markierungen kenntlich macht. In der linken oberen Ecke befindet sich das Menü für alle weiteren Unterpunkte. Dazu zählen die Auswahl der Länderkennzeichen, die Statistik, die Einstellungen und die zuletzt eingegebenen Kennzeichen. Die Möglichkeit, gegen die eigenen Freunden anzutreten und viele Punkte zu sammeln, wird lediglich extern über ein Google-Konto ermöglicht.

Problemstellung:

Ziel ist es, die bestehenden Strukturen zu überarbeiten und klarer sowie übersichtlicher zu gestalten. Dabei soll das ursprüngliche Konzept möglichst beibehalten werden, damit bestehende Nutzer die App weiterhin problemlos in ihrem Alltag verwenden können.

Aktuell fehlt es der App jedoch an einer klaren Struktur im Menü, wodurch manche Funktionen nicht direkt auffindbar sind. Auch die visuelle Darstellung der Statistiken sowie der externen Freunde-Rangliste ist unübersichtlich und wenig ansprechend. Zusätzlich erschweren uneindeutige Icons und kleine Buttons die Bedienung, da sie leicht übersehen oder missverstanden werden können.

Lösungsansatz/ Prozess:

Das Projekt beginnt mit dem Erstellen eines strukturierten Moodboards, für eine einfache Orientierung während des Designprozesses. Dabei wurden Farben festgelegt, die zu einem Teil dem Original entsprechen und zum anderen Teil diese erweitern und dynamischer zu gestalten. Die Wahl der Typographie fällt auf SF Pro, einer klassischen serifenlosen Schriftart für ein einfaches Leseerlebnis.

Die Hauptseite besteht aus einem leichten blau/grünen Farbverlauf, der die App dynamischer und moderner wirken lassen soll. Im Fokus steht hier die zentrale Eingabe der Kennzeichen, sowie die einzelnen Menüpunkte. Dabei wurden die Karte und die Einstellungen in die oberen Ecken platziert, da diese keinen regelmäßigen Zugriff benötigen. Die restlichen Menüpunkte wurden in einer Navigationsleiste am unteren Bildschirmrand eingeordnet. Über das Plus-Symbol können neue Kennzeichen hinzugefügt werden und das angegebene Land direkt geändert werden. Zudem lassen sich die gesammelten Kennzeichen in einer dynamischen Statistik einsehen, die ebenfalls jederzeit länderspezifisch eingestellt werden kann. Die Freunde-Rangliste ist als feste Funktion integriert und jederzeit direkt erreichbar.