After last week’s delivery event, we’re starting to get a lot of videos online of the ride-alongs Tesla gave to attendees at the event.  Lots of them have been focused on the car’s user interface, which we had heretofore only seen glimpses of in a few static photographs.  People have been wondering how the UI would be different given that the Model 3 only has one horizontal center screen, quite different from the Model S.

Many of the videos posted have been quite detailed, a testament to how detail-oriented Tesla fans can be about the product they love.  And from these videos, Tesla fan and UX/UI designer Andrew Goodlad has created an interactive mockup of the Tesla Model 3 UI which you can play with online.

The mockup isn’t entirely done and isn’t entirely accurate to what the final product will look like, of course – it only shows the information we’ve seen in videos, and hasn’t been completely finished yet either.  So far not all objects are clickable, but the mockup gives a good idea of how the layout looks in a much higher resolution and more interactively than a grainy photograph through a window.  Also, Goodlad is actively updating it and has added more buttons since going live this morning, and will be adding more as he can, and as more videos surface showing more interface features.  He seems like a pretty good lad for putting all this work in for us.

The most interesting part is the “car settings” function in the bottom left hand corner.  Here you can see all the various submenus and settings that people have uncovered yet, including steering mode, mirror adjustments, autopilot settings, etc.

Visit the interactive mockup here and have a look around.

About the Author