Design der Luxusklasse – UID gestaltet Beispielanwendung für In-Car-Navigationssoftware "EB street director"

Für die Navigationslösung des Software-Anbieters EB (Elektrobit) gestaltete UID eine Referenz-Bedienoberfläche. Dabei griffen die UID-Designer Elemente und Strukturen aus dem Auto-Cockpit auf. Eine weitere Besonderheit: Das Screendesign ist so gestaltet, dass es farblich an das Corporate Design der EB-Kunden angepasst werden kann.

UID gestaltete ein Tag- und ein Nachtskin.

Die reduzierte Darstellung macht die Icons schnell erfassbar.

Insgesamt passte UID 400 Icons an.
Der Hintergrund

Das Automotive Software Business von EB hat sich mit seinen Embedded Software-Lösungen für die Automobilindustrie international als feste Größe etabliert. Der Geschäftsbereich, spezialisiert auf die Entwicklung zukunftsweisender Produkte sowie Dienstleistungen und Beratung für die Automobilindustrie, liefert serienreife Softwarelösungen rund um AUTOSAR und FlexRay, Infotainment, Navigation, HMI sowie Fahrerassistenzsysteme.

Die Ausgangslage

Für die Software der In-Car-Navigationslösung EB street director hat EB eine Bedienlogik entwickelt. Auf diese aufbauend sollte die User Interface Design GmbH (UID) ein attraktives Screendesign im Tag- und Nachtskin gestalten. Die Bereitstellung des Screendesigns unterstützt EB bei der Vermarktung: Die Beispielapplikation verdeutlicht, wie die Bausteine der Software eingesetzt werden können. Darüber hinaus vereinfacht sie den Entwicklern der EB-Kunden die Einarbeitung in die Software.

Die Ziele

Eine zentrale Anforderung war, dass die von UID gestalteten Screens farblich schnell und einfach an das Corporate Design von EB-Kunden anpassbar sind. Darüber hinaus sollten die UID-Designer Richtlinien für die User-Interface-Gestaltung bei EB definieren.

Die Vorgehensweise

In einem ersten Schritt analysierten die UID-Designer die Farb- und Bildwelt von EB und führten eine Wettbewerbsanalyse durch. In einem Anmutungsworkshop entwickelten sie anschließend gemeinsam mit EB das Gestaltungsraster und definierten Anforderungen an das neue Design. Auf Basis der Workshop-Ergebnisse gestalteten die Designer von UID zwei Screen- und Icon-Varianten. Nachdem die Entscheidung für eine der beiden Varianten gefallen war, arbeiteten die UID-Designer rund 100 Screens im Tag- und Nachtskin aus und passten die rund 400 bestehenden Icons an das neue Screendesign an.
Bei der Gestaltung der Screens und Icons arbeiteten die UID-Designer eng mit den Entwicklern von EB zusammen. Bei EB existieren Formatkonventionen, die in einem Style Guide festgeschrieben sind. Da die UID-Gestalter diese Konventionen einhielten, konnten die Entwickler von EB die von UID gelieferten Daten schnell und problemlos importieren.

Das Ergebnis

Die neue Bedienoberfläche wurde in einer eigens für EB entwickelten Farbwelt gestaltet. Zierelemente und Materialitäten im Design verleihen dem Screen eine hohe Wertigkeit und sorgen für eine räumliche Tiefe: Die minimale Leuchtkante zwischen den Screen-Bereichen nimmt dezent die Chromelemente aus dem Cockpit auf. Die Strukturen im Screen-Hintergrund spiegeln die Carbon-Optik wider.
Die reduzierte Darstellung macht die Icons für Autofahrer schnell erfassbar. Das Screendesign und die Icons sind darüber hinaus farblich so gestaltet, dass sie an das Corporate Design der EB-Kunden angepasst werden können.