Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Tesla Model S Head-Up Display

Head-up display concept for the fully electric sedan Tesla Model S.

The Car

p1.jpgp1.jpg

The Tesla Model S is a fully electric sedan introduced in 2009. It's most remarkable feature in addition to the completely electric drive train powered by a lithium ion battery is the digital center console consisting of a 17„ touchscreen display. The instrument panel is powered by a 12.3“ display which results in a completely digital interior without any analogue gauges.

p2.jpgp2.jpg

While a touchscreen of this size is remarkable for a production car, the interface is already starting to look outdated compared to current smartphones and computer interfaces which adopted a more minimal and flat style. The Tesla's interface still tries to resemble real-world switches and buttons - it's debatable if this style is still appropriate today given the possibility of over-the-air updates by the manufacturer.

Concept

We designed a head-up display for the Tesla Model S which seamlessly blends into the default interior and displays only the most relevant information to the driver. While the huge dashboard and center console displays inside the car are great for displaying rich information and media they are just as distracting for the driver. This lead us to further simplify the head-up display to only consist of the very necessary information the driver needs while focusing his eyes on the road. Mirroring too much information from the dashboard display would be distracting and counterproductive. Additionally the head-up display is designed without any additional controls - it adapts to different situations automatically without additional driver interaction.

layouts.jpglayouts.jpg

The head-up display's layout is divided into two cirlces. The first circle is centered above the steering wheel and displays the driving speed and the remaining range. Especially the range is important due to the still low density of chargers around the world. Tesla drivers still need to plan their journeys in advance to avoid running out of power.

Additionally the speed limit is displayed above the driving speed. Once the driver decides to exceed the speed limit the circle around the speed limit will blend into a red color. This is only a small reminder to the driver to avoid any patronizing.

Three bars around the circle mirror the three pointers of the dashboard indicating the speed (blue), power gain (green) and power drain (red). We included these bars in the head-up display since they are an important indicator to efficient driving and are an exclusive feature of an electric car. The position of the blue speed indicator gives an idea of the current driving speed without actually reading the numbers.

neu6- 4.pngneu6- 4.png

dash.jpgdash.jpg

A second circle appears to the right either shortly for alerts or permanently if navigation is active. A bar appears around the circle indicating the distance to the next turn. It slowly depletes until the turn is overdue and disappears afterwards. Additionally, the distance is shown under the circle while two lines above the circle are reserved for displaying street names.

neu6- 9.pngneu6- 9.png

Branding

font.jpgfont.jpg

The font used for the Tesla Model S’ interfaces is Gotham, so it was only logical to use the same font for the head-up display. We use Gotham Medium for text and street names and Gotham Bold in a monospaced variation for displaying numbers. While Gotham may not be perfect for head-up displays it fits well into Tesla’s branding and a different font would make the display seem out of place.

Real-Life Settings

photo 1.jpgphoto 1.jpg

We wanted to make sure the display works under all circumstances so we recorded some journeys in extreme light conditions to test line widths (hair-lines don’t work). A wooden prototype made out of a reflective sheet of glass and an iPad helped us to find the right font size and gives a better impression of how the head-up display works in a real car.

1.jpg1.jpg

Startup phase with the Tesla logo and parking position

2.jpg2.jpg

Gear set to (D) drive

4.jpg4.jpg

City traffic with speed limit

5.jpg5.jpg

City traffic exceeding speed limit

6.jpg6.jpg

Highway traffic in extreme light conditions exceeding speed limit

7.jpg7.jpg

Highway traffic with active navigation

8.jpg8.jpg

Highway traffic with active navigation, turn imminent

9.jpg9.jpg

Highway traffic with active navigation, turn overdue

10.jpg10.jpg

Highway traffic with active navigation, turn complete

11.jpg11.jpg

City traffic, road work alert

12.jpg12.jpg

City traffic, low battery alert

photo1.jpgphoto1.jpg

First prototypes helped adjusting the design parameters (strokeweight, colors, typesize) to the different sight conditions.

Video prototype

Final thoughts

A head-up display allows the driver to focus on relevant information without diverting his eyes from the street. We decided to only focus on the most important information relevant for the driver's safety and navigation. Everything else is already covered by the large screens of the center console and the dashboard so mirroring more information would only have led to further distraction. Our goal was to create a head-up display that would show all required information to safely drive the car without looking at the dashboard or center console.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im zweiten Studienabschnitt

Betreuung

foto: Timm Kekeritz foto: Frank Rausch

Zugehöriger Workspace

Heads up! Interfaces für Head-Up-Displays im Auto

Entstehungszeitraum

Wintersemester 2014 / 2015

Keywords