← Alle Projekte

MOBILE APPS / INTERAKTIONSDESIGN

Dime / Budget- und Ausgaben-Tracker

Weniger Aufwand.
Mehr Überblick im Alltag.

Eine reduzierte Finanz-App für das iPhone, die schnelle Ausgabenerfassung mit verständlichen Auswertungen und Kategorienbudgets verbindet.

Meine Rolle
Alleinige UX/UI-Designerin
Projektschwerpunkt
Ausgabenerfassung, Auswertungen und Kategorienbudgets
Fachgebiet
Mobiles Interaktionsdesign
Werkzeuge
Figma, Canva, Miro, Adobe XD

01 / DIE HERAUSFORDERUNG

Die alltägliche Aufgabe vereinfachen.

Ausgaben zu erfassen ist eine wiederkehrende Aufgabe. Meine Fallstudie konzentriert sich darauf, den Aufwand zu verringern und Ausgaben mit einer klaren, zugänglichen Oberfläche verständlich zu machen.

DIE APP / OBERFLÄCHE IM DETAIL

Von der Eingabe zum Überblick.

Ein genauerer Blick auf die Oberfläche: von der Kategorienverwaltung bis zum Überblick über tägliche Ausgaben. Wähle eine Ansicht, um den klickbaren Prototyp zu öffnen.

Wischen, um die Ansichten zu entdecken →

Eingabe & Kategorien

Ausgabenerfassung mit Betrag, Notiz, Datum, Kategorie und Zifferntastatur
Ausgaben erfassen
Ausgabenkategorien mit Emojis, Farben und vorgeschlagenen Kategorien
Ausgabenkategorien
Einnahmenkategorien für Investitionen, Gehalt, Erstattungen und weitere Vorschläge
Einnahmenkategorien

Screenshots bereitgestellt von Meryem Dogan. Dime im App Store ansehen (öffnet einen neuen Tab).

Klickbaren Dime-Prototyp öffnen (öffnet einen neuen Tab)

Ein Navigationsprototyp auf Basis von Screenshots. Markierte Bereiche verbinden die bereitgestellten Ansichten; Beträge und Texte sind Teil der Bilder. Die Prototyp-Oberfläche ist auf Englisch.

02 / MEIN ANSATZ

Die wichtigsten Aufgaben direkt erreichbar.

Meine Designarbeit an Dime konzentriert sich auf einen einfachen Umgang mit Finanzen: eine Ausgabe eingeben, eine Kategorie zuweisen und Ausgaben überblicken. Die veröffentlichte Oberfläche nutzt eine Zifferntastatur für Beträge und klare visuelle Zusammenfassungen für Auswertungen.

Die wichtigsten Aufgaben in der App

  1. 01Betrag eingeben
  2. 02Kategorie wählen
  3. 03Ausgaben überblicken

03 / GESTALTUNGSANSATZ

Die Überlegungen
hinter dem Design.

01

Die wiederkehrende Aufgabe im Fokus

Bei der Ausgabenerfassung steht der Betrag visuell im Mittelpunkt. Tastatur, Datum und Kategorie bleiben in derselben Ansicht. Das Layout lenkt die Aufmerksamkeit auf das Erfassen einer Buchung.

02

Ausgaben verständlicher darstellen

Die Auswertung verbindet Summen, Balkendiagramme und farblich gekennzeichnete Kategorien. Diese Elemente geben der Ausgabenübersicht eine klare visuelle Hierarchie.

04 / WEITERENTWICKLUNG

Was ich als Nächstes testen würde.

Ich würde prüfen, wie schnell neue Nutzende eine Ausgabe erfassen, ob sie die Kategoriensteuerung verstehen und wie leicht sie eine bestimmte Auswertung finden. Außerdem würde ich die Lesbarkeit bei größeren Schriftgrößen testen und untersuchen, ob Diagramme auch ohne Farbinformation verständlich bleiben.

Dies sind Vorschläge für weitere Untersuchungen, keine Ergebnisse einer abgeschlossenen Studie.

Projektkontext & Ergebnisse

Meine ursprüngliche Portfolio-Präsentation dokumentiert die Fallstudie. Die veröffentlichte App ist auch im App Store verfügbar. Dort findest du die aktuelle Produktbeschreibung und Screenshots.

Ursprüngliches Portfolio ansehen (öffnet einen neuen Tab)Dime im App Store ansehen ↗ (öffnet einen neuen Tab)

NÄCHSTE FALLSTUDIE

BilanceApp für persönliche Finanzen