Your Ride with BMW
- Multi-User-Interaction in einer App für Mitfahrende in unterschiedlichen Kontexten.
- Das Auto der Zukunft wird zum Lebensraum. Dabei wird das Fahrzeug zu einem digitalen Produkt, das seine Insassen erkennt und mit ihnen kommuniziert, um so das bestmögliche Erlebnis zu schaffen.
- Das Smartphone wird Teil des Erlebnisses.
- Dazu ist es schon heute relevant möglichst viele Nutzer_innen in das digitale Ökosystem von BMW zu bekommen.
- Dieses Konzept skizziert Inhalte und Funktionen, die eine BMW-App unabhängig vom Besitz des Fahrzeugs bieten kann.
- Visualisiert und getestet in einem High-Fidelity-Prototypen
- Umgesetzt in der Designsprache von BMW.
Prozess
Ideenfindung
Wie lassen sich schon heute Touchpoints generieren, um möglichst viele User_innen in das digitale Ökosystem mit einzubeziehen? Welche Funktionen und Inhalte kann eine BMW-App bieten? Was kann eine Automotive-App unabhängig vom Besitz eines Fahrzeugs bieten? Wie lässt sich diese strukturieren und wie kann die Interaktion gestaltet sein? Wie transportiert man die Ästhetik von BMW auf das Smartphone? Viele Fragen durch ein sehr offen definiertes Thema. Durch Recherche und mit Hilfe von Persona und Szenarien habe ich in einem iterativen Prozess exploriert, verfeinert, überarbeitet, weggeworfen und so Lösungsansätze entwickelt.
Konzeption
Durch die Einbindung des Smartphones in das Erlebnis mit dem Fahrzeug, ergeben sich neue Potenziale wie sich Mitfahrende, in verschiedenen Kontexten, ansprechen lassen. Genauso wichtig wie die Frage nach dem „Was“ ist hierbei das „Wie“. Nutzer_innen und deren Beziehungen untereinander sind komplett unterschiedlich. Diese Unterschiede werden berücksichtigt, indem die App so offen wie möglich ist und Schnittstellen bietet, um sich an das Nutzungsverhalten seiner User_innen anzupassen. Diese Schnittstellen ermöglichen es, die eigenen Inhalte der Mitfahrenden ins Fahrzeug zu bekommen und fördern den Austausch zwischen den Menschen im Auto. Die App lädt ein und macht Angebote für Inhalte, die für Mitfahrende abhängig von Kontext, Ort und persönlichen Interessen, relevant sein könnten.
User Experience Design
Auf Basis der zuvor definierten Inhalte und Funktionen wurden verschiedene Strukturierungs- und Interaktionsmöglichkeiten in unterschiedlichen Layoutansätzen entwickelt und in interaktiven Prototypen getestet. Begonnen wurde mit einem im App Design weit verbreiteten Tab-Layout. Als Weiterentwicklung davon ist das Card-Layout zu sehen was flexiblere Inhalte zulässt. Für mehr Übersichtlichkeit wurde ein Grid-Layout getestet, in dem verschiedene Inhalte in einem Raster in unterschiedlich großen Kacheln untereinander angeordnet werden. Die Auswahl fiel letztendlich auf ein One-Page-Layout kombiniert mit einer Ankernavigation. Der Prozess war iterativ. Meist wurde mit groben Skizzen begonnen, danach wurden in Axure verschiedene Prototypen entwickelt, um die Interaktion und Darstellung in Originalgröße auf dem Smartphone zu testen. Danach wurde wieder gezeichnet und die Entwürfe optimiert. Einige Details wurden in Axure schon sehr detailliert visuell ausdesignt, um die Handlungsaufforderung einzelner Elemente zu überprüfen.
User Interface Design
Angespannte Formen übertragen die dynamisch kraftvolle Ästhetik von BMW auf das Smartphone. Eine hochwertige Materialität wird durch subtile Verläufe und diffuse Schlagschatten erzeugt. Unscharfe Elemente erhöhen den Kontrast zu den klaren Kanten und schärfen diese. Die Gestaltung passt sich den Bedingungen im Fahrzeug an, stellt die Inhalte in den Vordergrund und lädt zum scrollen ein.
Vor der Fahrt
Pick-up
Vor der Fahrt bietet die App die Möglichkeit, eine Pick Up Location mit den Mitfahrenden zu teilen. Dies kann als Push-Nachricht erfolgen, wenn der Mitfahrende die App bereits installiert hat oder es wird ein Link generiert, der in einer beliebigen Nachrichten-App verschickt werden kann.
Das „Wann“ und „Wo“ kann durch die App auf Basis der Routenführung vorgeschlagen oder von den beteiligten Personen manuell definiert werden. Die Mitfahrenden erhalten eine Ansicht mit Zustiegsort und -Zeit und auf der Karte werden mögliche Fußwege visualisiert.
-->
Während der Fahrt
For You
Der Startscreen der App, während der Fahrt, gibt dem Mitfahrenden die nötige Übersicht über die Fahrt. Nach einer kurzen personalisierten Begrüßung, zeigt die App Zielort und weitere Personen im Fahrzeug.
Die seitlich scrollbaren Tiles, im unteren Drittel der Startseite, sind Container für verschiedene Inhalte. Auf die persönlichen Interessen der Nutzer_innnen zugeschnitten werden Inhalte zusammengestellt und ausgegeben. Die Inhalte sind grundsätzlich informativer beziehungsweise unterhaltender Art. Sie sind ein Angebot, wie sich Mitfahrende im Fahrzeug die Zeit vertreiben können. Der Anschnitt der zweiten Tile soll zum einen die Neugierde der Nutzer_innen wecken, zum anderen gibt er einen Hinweis auf das Interaktionskonzept seitlich zu scrollen. Auf der linken Seite visualisiert die durchgängig fixierte Routingbar den aktuellen Fahrtverlauf und die Ankunftszeit. Diese schafft die Affordance, um per Swipe auf den Navigationsbereich zu kommen.
Die subtile Ankernavigation am oberen Bildschirmrand gibt einen Hinweis auf die weiteren Inhalte und Funktionen der App.
Routing
Per Swipe, beziehungsweise Tap auf die Routingbar kommen Nutzer_innen auf den Routing-Bereich. Neben Details zum Fahrtverlauf finden sich dort weitere Optionen, wie das Hinzufügen von Zwischenstopps oder das Teilen des aktuellen Standorts.
Comfort
Scrollt man vom Startscreen nach unten, kommt man zu den Komforteinstellungen. Dort können – je nach Fahrzeugausstattung – Temperatur, Lüftung, Sitze, Beleuchtung und Lautstärke eingestellt werden. Die Einstellungen können unmittelbar vorgenommen werden. Die UI Elemente sind an die Bedingungen im Fahrzeug angepasst. Große Buttons ermöglichen genaue Einstellungen und verhindern Fehleingaben, auch auf unebenen Straßen. Dezente Animationen im Hintergrund visualisieren das aktuelle Verhalten der Funktion. So pulsiert ein roter Farbschweif in Richtung Plus, wenn die Heizung im Fahrzeug aktiv ist.
Möchte man präzisere Einstellungen vornehmen, so gibt es zu jeder Funktionseinheit eine Unterseite. Bei den Temperatureinstellungen beispielsweise, wird hierbei der komplette Screen zu einem Slider, mit dem sich die Temperatur noch genauer steuern lässt. Dazu ist es möglich die Temperatur für andere Sitzplätze anzupassen.
Entertainment
Im Entertainment-Abschnitt können Nutzer_innen die aktuelle Video- oder Musikwiedergabe steuern, fahrtbezogene Inhalte entdecken und ihre eigenen Inhalte von ihrem Smartphone ins Fahrzeug bringen. Die App stellt dabei die Schnittstelle zwischen Fahrzeug und Smartphone dar. Dies ermöglicht, dass Nutzer_innen ihre ganz eigenen Apps verwenden können.
Weiter bietet die App an dieser Stelle Mixtapes, generiert aus den Musiksammlungen der sich im Fahrzeug befindenden Personen an. Es werden Tapes für verschiedene Stimmungen angeboten, gemischt aus den bevorzugten Genres, Liedern und Künstlern. Durch mögliche, zuvor vielleicht unbewussten Überschneidungen im Musikgeschmack, kann so für Gesprächsstoff im Auto gesorgt werden und das Verhältnis zwischen den Menschen entspannt und auf eine persönlichere Ebene gebracht werden.
Content Sharing
Nicht nur um sich die Zeit zu vertreiben, verwenden Menschen völlig unterschiedliche Apps. Der eine scrollt während der Fahrt durch Pinterest, die nächste findet spannende Artikel in der App der Süddeutschen Zeitung und eine dritte bearbeitet eine Präsentation in der Powerpoint App.
Wie Anfangs erwähnt, bieten die Fahrzeuge der Zukunft, wahrscheinlich zunehmend mehr Möglichkeiten Inhalte zu konsumieren und mit diesen zu interagieren. Daraus ergibt sich die Frage, wie sich eigene Inhalte der Mitfahrenden ins Fahrzeug bringen lassen. Hier könnte eine App für Mitfahrende einen Lösungsansatz darstellen. Die Nutzer_innen teilen Inhalte aus einer Third Party App mit der BMW-App. Über die BMW-App werden Inhalte dann mit dem Fahrzeug und/oder den Menschen im Fahrzeug geteilt.
Im Beispiel links findet ein Mitfahrender ein Restaurant auf Instagram. Unter iOS öffnet sich bei Tap auf die Adresse die „Activity View“, um Inhalte zu teilen. Unter anderem befindet sich dort die BMW-App. Der Mitfahrende kann nun auswählen, ob er die Adresse für später sichern oder direkt an das Navigationssystem schicken möchte und ob er sie für andere Mitfahrende zugänglich machen möchte.
Around You
Man fährt in eine fremde Stadt. Vielleicht ein Ort den man noch nicht kennt. Wahrscheinlich hat man am Ziel bereits etwas geplant. Aber vielleicht ist dort ja noch mehr geboten. Im Bereich Around You werden den Mitfahrenden Möglichkeiten aufgezeigt, was sie am Zielort erleben können. Angepasst an deren Interessen.
Nach der Fahrt
Your Rides with…
Nach der Fahrt bekommen Nutzer_innen eine Übersicht ihrer Fahrten. Das Aufzeigen von gemeinsam Erlebtem dient als Motivator, um auch in Zukunft wieder zusammen zu fahren. In einer Übersicht wird gezeigt, wie oft man mit unterschiedlichen Personen jeweils gefahren ist, wie viele Kilometer man zusammen auf der Straße war, wie viele Stunden man miteinander verbracht hat.
In der Detailansicht wird zusammen Erlebtes aufgezeigt. Die Nutzer_innen finden ihre geteilten Inhalte wieder, können zusammen gehörte Musik noch mal anhören und bekommen eine Routenübersicht der gefahrenen Strecken. Statistische Kennwerte, wie gespartes CO2, Kraftstoff, oder Geld vermitteln ein positives Gefühl und sollen die Nutzer_innen dazu motivieren wieder zusammen zu fahren. An dieser Stelle wird durch einen Button im Footer die Möglichkeit geschaffen eine Fahrt mit der entsprechenden Person zu planen.
Prototyp
In verschiedenen Axure Prototypen wurde die Interaktion in der App getestet. Dieser zeigt die App während der Fahrt. Testen Sie es selbst: Über die Routingbar können Sie sich den Fahrtverlauf ansehen. Ist Ihnen kalt? Kein Problem, unter Comfort lässt sich die Temperatur für Sie persönlich einstellen. Und im Entertainment Bereich können Sie ein gemeinsames Mixtape auswählen.
Download
Noch mehr zum Konzept?
Hier die komplette Arbeit als PDF.
