FinanzApp GUI

Im Rahmen des Moduls Graphic Design Basics an der ZHdK, sollte eine Benutzeroberfläche für eine Budget- und Geldübersichts-Smartphone-App gestaltet werden. Hier präsentiere ich meine drei Designentwürfe und die ausgearbeitete Endversion.
Der erste Entwurf baut auf den Farben Grau, Weiss und Türkisblau auf. Die Formensprache ist klar und auf Glanz und Leuchteffekte wird verzichtet. Das frische Blau und die prominente Platzierung der Icons lassen den Entwurf jung und verspielt wirken.
Im zweiten Entwurf dominiert der Kontrast zwischen Materialität und den abgerundeten Menuelementen. Das Tortendiagramm zeigt die Anteile der einzelnen Konten an den Gesamtausgaben, sowie der monatliche Gesamtverbrauch.
Der dritte Entwurf soll die junge und jugendliche Zielgruppe ansprechen. Um diesen jugendlichen Look zu erhalten, wird auf Formelemente und die Farbigkeit aus der Skate- und Snow-sportwelt zurückgegriffen. Die zweidimensionalen Elemente treffen auf ein glänzendes, dreidimensionales Reagenzglas, was dem Übersichtsscreen eine gewisse Dynamik und Spannung verleiht.
In einem nächsten schritt soll ein ausgewählter Entwurf verbessert und weiterentwickelt werden. Zum Übersichtsscreen kommen noch vier weiter hinzu:

- Neue Transaktion
- Datumsauswahl für neue Transaktion
- Notiz zu neuer Transaktion
- Transaktionsübersicht

Der Übersichtsscreen wurde nur leicht angepasst. Die Anzeige für den Ge-samtverbrauch des monatlichen Bud-gets wird nun wie der kontospezifische Verbrauch in einer Sprechblase darge-stellt. Die Sprechblase ist das Identifizierungsmerkmal des Design und wird durchgängig eingesetzt.

FinazApp GUI
Published:

FinazApp GUI

Screen Design for a finance and budget App

Published:

Creative Fields