Dokumentation > Designprozess

Sitemap

Struktur schaffen

Um die vielfältigen Anforderungen in spezifischen Funktionen aufzuschlüsseln und präziser zu definieren, habe ich eine Sitemap erstellt. Diese bietet einen Überblick über die Bestandteile der App, einschliesslich der logischen Abläufe und Verknüpfungen. Allerdings wurden einige Funktionen während des Designprozesses geändert.

ganze Sitemap öffnen
Skizzen

Erste Ideen
festhalten

Um eine klarere Vorstellung für die effektiven Wireframes zu bekommen, habe ich meine Ideen skizziert, um sie zu ordnen und zu sammeln. Das Skizzieren half dabei, die grundlegenden Konzepte zu visualisieren und die Struktur der Wireframes besser zu erfassen. Durch diese Vorarbeit konnte ich einen strukturierten Ansatz für die Erstellung der Wireframes verfolgen.

Testing

Low-Fidelity-
Prototyp Testing

Um frühzeitig zu erkennen, welche Funktionen von Roadney gut funktionieren und welche verbessert werden müssen, habe ich einen Usability-Test mit einem einfachen Wireframe-Prototyp durchgeführt. Alle gestellten Aufgaben wurden erfolgreich gelöst, was meine umgesetzten Ideen bestätigte. Trotzdem traten einige Herausforderungen auf, die ich gerne mithilfe meiner Lösungsansätze aufzeigen möchte.

moodboard

Visueller Ansatz

Nach dem Testing konkretisierte ich die visuellen Aspekte durch ein Moodboard. Dieses Tool half mir, eine klare visuelle Richtung festzulegen, indem ich Bilder, Farben und Schriften sammelte, die die gewünschte Stimmung und Ästhetik repräsentierten. Das Moodboard war entscheidend, um meine Ideen zu veranschaulichen, die Farbpalette zu definieren und sicherzustellen, dass das Design eine konsistente Botschaft vermittelt.

design

Style Guide

Ich entwickelte einen Style Guide, welcher die ersten Basiskomponenten umfasste und definierte Farben und Schriftarten, die im High-Fidelity-Prototyp verwendet werden. Während des UI-Design-Prozesses wurde die Komponenten-Bibliothek kontinuierlich erweitert.

Style guide öffnen
Testing 2.0

High-Fidelity-
Prototyp Testing

Das Testing wurde mit mehreren Personen durchgeführt, wobei ich ihnen jeweils vier Aufgaben stellte, die sie lösen mussten. Das erhaltene Feedback war äusserst wertvoll, da es sowohl Einblicke in die generelle Benutzerfreundlichkeit der App bot als auch spezifische Einsichten zu den einzelnen Designelementen lieferte. Die Rückmeldungen halfen mir, Schwachstellen zu identifizieren und Verbesserungen vorzunehmen. Im weiteren Verlauf des Prozesses habe ich das Design anhand des Feedbacks von meinem Mentor angepasst und erweitert, um sicherzustellen, dass Roadney den Ansprüchen an Benutzererfahrung und Design gerecht wird.

Endprodukt

Deine Reise.
Deine Geschichte.
Deine App.

Roadney bietet eine Plattform für Reiseenthusiasten, die ihre Abenteuer nach ihren individuellen Vorstellungen gestalten möchten. Mit einem intuitiven Dashboard liefert die App massgeschneiderte Inspirationen und Vorschläge, die auf die persönlichen Interessen und Vorlieben zugeschnitten sind.

Die Nutzer haben die Freiheit, Reisen nach ihren eigenen Wünschen zu kreieren und jederzeit anzupassen.

Das Herzstück von Roadney ist seine Benutzerfreundlichkeit, die es ermöglicht, einfach individuelle Reisedokumentationen zu erstellen und zu bearbeiten. Egal, ob es um die Planung eines Wochenendausflugs oder einer mehrwöchigen Reise geht, die App bietet eine Vielzahl von Tools, um die perfekte Route zu gestalten und zu optimieren. Mit Roadney wird Reisen zum Erlebnis.

Finale user flows öffnen