Interface-DesignKonzept
Tally Gründer-Dashboard
Ein klickbarer Dashboard-Prototyp – ruhige Zustände, echte Datentabellen und ein Ablauf, der fürs Testen gebaut ist.
Im Detail
Die Morgenansicht.
Vier KPIs, eine Tabelle mit Tabs und die Sparklines, die den Trend zeigen, ohne ihn herauszuschreien.
Überblick
Tally ist ein Konzept für ein Dashboard für Gründer: der eine Bildschirm, den man beim ersten Kaffee des Tages öffnet, um zu wissen, ob das Geschäft gesund ist. Keine Wand aus Charts – ein ruhiger Überblick.
Das Briefing
- Problem
- Frühe Dashboards beantworten, was leicht abzufragen ist – nicht, was Gründer fragen.
- Vorgabe
- Es muss mit Nutzern testbar sein, bevor eine Zeile Code entsteht.
- Lösung
- Ein klickbarer Prototyp aus vier Morgenfragen – jeder Zustand gestaltet.
Die meisten Dashboards in der Frühphase bauen Entwickler danach, was sich leicht abfragen lässt. Tally ist andersherum gebaut: aus den Fragen, die sich ein Gründer um 8 Uhr morgens wirklich stellt – wachsen wir, verlieren wir jemanden, was hat sich gestern geändert, wo werde ich heute gebraucht.
Oben vier KPI-Karten, jede mit Sparkline und echter Veränderung. Darunter eine Tab-Leiste – Heute / Woche / Monat –, die die Seite nicht neu lädt. Darunter eine Tabelle: die zehn jüngsten Ereignisse, sortierbar, mit einem ruhigen Leerzustand, wenn es nichts zu lesen gibt.
Der Prototyp ist von Anfang bis Ende klickbar. Filter funktionieren, die Tabs wechseln den Inhalt, Leerzustände sind gestaltet statt übersprungen, und die Lade-Skelette entsprechen dem finalen Layout – nichts springt, wenn alles geladen ist.
Über dieses Konzept
Dies ist ein Konzeptprojekt für einen fiktiven Kunden. Es zeigt den Prozess und den Anspruch, mit denen wir Kundenprojekte umsetzen.
Ansatz
Ruhig, echt, testbar.
Fragen statt Charts
Jede Fläche beantwortet eine Frage, die der Gründer laut gestellt hat. Was das nicht tut, kommt nicht auf den Bildschirm.
Leerzustände zuerst
Leer-, Lade- und Fehlerzustände gestaltet, bevor der Idealablauf an der Reihe war. Die langweiligen Tage sind die meisten Tage.
Klickbar statt hübsch
Der Prototyp führt durch drei echte Abläufe von Anfang bis Ende. Stakeholder klicken sich durch – statt Standbilder zu entziffern.
Enthalten
Bereit für Nutzertests.
Die Zahlen beziehen sich auf das Konzept-Briefing.
Screens
18Hi-Fi-Screens
Start, Detailansichten, Einstellungen und die drei Hauptabläufe – gestaltet in Übergabequalität.
Abläufe
3klickbare Abläufe
Neue Anmeldung, Abwanderungsanalyse, Wochenüberblick. Jeder ist ein echter Pfad durch den Prototyp.
Zustände
Leer, Laden und Fehler
Jede Fläche, jeder Zustand. Die Skelette entsprechen dem finalen Layout, damit nichts springt, wenn Daten ankommen.
Übergabe
Tokens und Specs
Design-Tokens, Komponentenvarianten und Maßangaben pro Screen, bereit für die Entwicklung.
Tools
- Figma
- Variables
- Auto Layout
- Prototyp
- Tokens Studio
Selbst ausprobieren
Voll funktionsfähig, kein Standbild.
Öffnen Sie die Demo und nutzen Sie sie so, wie es ein Gast oder Kunde tun würde. Jeder Tap und jeder Tab funktioniert.