BLOC – Dein interaktiver Erlebnisguide

BLOC – Dein interaktiver Erlebnisguide

Ein iterativ entwickeltes App-Konzept zur spielerischen Entdeckung neuer Hobbys, das komplexe User Journeys durch ein motivierendes "Skill-Tree"-System und eine reduzierte Baustein-Optik vereinfacht.

UI/UX Design App-Konzept User Research Gamification Iteratives Design
Jahr
2024
Rolle
UX Research, Konzept, UI Design

Die initiale Aufgabenstellung verlangte die Entwicklung eines "Erlebnisguides". Anstatt eines klassischen Reiseführers wurde das Konzept auf das alltägliche Erleben und Erlernen neuer Hobbys fokussiert. Die Herausforderung bestand darin, eine Anwendung zu gestalten, die Nutzer im schnelllebigen digitalen Alltag langfristig motiviert, ihre Komfortzone zu verlassen, ohne sie durch zu komplexe Navigationsstrukturen kognitiv zu überlasten.

BLOC – Logo und App-Übersicht
BLOC – Onboarding-Flow mit Persönlichkeit, Interessen und generierten Hobbys
BLOC – Aktivitätsparameter, Baustein-Home und Lerninhalt
BLOC – Skill-Tree Detailansicht mit Zeichnen-Untermodulen
BLOC – Design System mit Typografie, Farben und UI-Elementen
1 / 5

Das Projekt BLOC veranschaulicht für Produktentwicklungs-Teams und Agenturen einen der wichtigsten Lernprozesse im UX-Design: Das systematische Reduzieren von Komplexität ("Kill your Darlings") zugunsten einer besseren User Experience.

Nutzerzentrierte Fundierung

Der gesamte Entwicklungsprozess stützte sich auf ein solides Fundament aus qualitativen Interviews und Online-Umfragen. Die daraus abgeleiteten Personas ("Tim, der abenteuerlustige Student" und "Frieda, die organisierte Büroangestellte") diktierten die funktionalen Anforderungen. Dies stellte sicher, dass grundlegende Entscheidungen – wie der Fokus auf eine übersichtliche Offline-Nutzung und der Verzicht auf werbeüberladene Feeds – datengetrieben und nicht willkürlich getroffen wurden.

Vom Feature-Creep zur klaren Kernfunktion

Die Ursprungsidee von BLOC war hochkomplex: Sie beinhaltete tiefe Unterkategorien von Hobbys und einen Mehrspielermodus zur Terminfindung mit Freunden. Im Laufe der Konzeption und des Wireframings zeigte sich jedoch, dass dies den Nutzer überforderte. Der graphen-basierte Visualisierungsansatz für Interessen wurde als zu kleinteilig verworfen. Diese iterative Fehlerkorrektur ist eine Schlüsselkompetenz in der realen agilen Softwareentwicklung: Die Fähigkeit zu erkennen, wann ein Konzept zu schwerfällig wird, und es auf eine funktionierende, einfache Mechanik zurückzuschneiden.

Gamification und die "Bausteinoptik"

Um die Langzeitmotivation zu sichern, wurde das Interaktionsdesign komplett überarbeitet. Die komplexe Graphen-Ansicht wich einer spielerischen "Bausteinoptik". Die Kombination aus simplen UI-Elementen und kräftigen Farben erzeugt einen "Joy of Use". Neue Interessen werden visuell als Bauklötze in eine Kiste geworfen. Hinter jedem Klotz verbirgt sich ein "Skill-Tree" – eine Abfolge an kuratierten Inhalten und kleinen Aufgaben, die aufeinander aufbauen. Durch dieses Gamification-System wird der Fortschritt des Nutzers visualisiert und der Drang, weiterzulernen, psychologisch gefördert.