Driving Behaviour
Projekt: Mobile App Design Challenge
Agentur: Sinnerschrader/Swipe
Ziel: Design- und Interaction Konzept
Zeit: 8h
Briefing
Bring the wireframes to life – Lass dein Fahrverhalten messen und spare Versicherungskosten falls du sicher fährst. Erwecke die folgenden Wireframes zum Leben und überzeuge mit:
+ einem ansprechenden, frischen Design
+ angemessenen und coolen Transitions (scrolling, screen to screen, ...)
+ einer soliden Herleitung der Lösung
Design
Servicebereich und Navigationsmenü sind reduziert gestaltet und bieten dem Nutzer eine aufgeräumte Orientierung.
Stil
Die Strukturierung der zeitlichen Daten wird durch Kartenelemente unterstützt. Hier betrachte ich perspektivisch den Einsatz eines Filtermoduls. Das klare Design wird durch den Farbverlauf gebrochen.
Material Design
Die Cards und weitere Module folgen den Material-Design-Guidlines von Google aus dem Jahr 2015.
Site Transitions
Im Bewegtbild findet das Material-Motion-Prinzip Verwendung.
intro
Material Motion ist ein System zur visuellen Gliederung von Bewegtbildinhalten auf digitalen Devices.
card scroll
Animation
Das System simuliert eine 3-dimensionale Darstellung. Durch unterschiedliche Höhen bekommt der Inhalt Struktur.
side2side
Feedback
Klar gestaltete Icons, Schriften und Buttons, kombiniert mit aufwendigen Animationen und Transitions ergeben eine ästhetische Synthese aus klassischem Design und digitaler Technik.
