• Home
  • Latest
  • Fortune 500
  • Finance
  • Tech
  • Leadership
  • Lifestyle
  • Rankings
  • Multimedia

Check Out The UI Behind Tesla’s Model 3 Touchscreen

By
Justin Hughes
Justin Hughes
and
The Drive
The Drive
Down Arrow Button Icon
By
Justin Hughes
Justin Hughes
and
The Drive
The Drive
Down Arrow Button Icon
August 10, 2017, 12:08 AM ET

One of the Tesla Model 3’s most unique features is its large center touchscreen that replaces the traditional dashboard and controls you typically find in a car. As soon as the first cars were delivered, videos and analysis of the new user interface appeared, including the usual Tesla easter eggs.

One UI designer, Andrew Goodlad, has created an interactive mock-up of the Model 3 touchscreen that, although incomplete, incorporates just about everything we know about it so far. Darrell Etherington of TechCrunch
confirms that this mock-up works the same way as the actual Model 3 he got to drive. You can click on the display and its controls the same way you would touch them in the actual car, and the interface will respond accordingly. Goodlad also continues to update the interface as new information about the real one becomes available.

Although it is unusual to have the most important displays and controls on the left side of the screen instead of the center or right, keep in mind the screen’s location in the center of the car, to the driver’s right. This puts these systems as close to the driver as possible. A large speedometer is located at the top left of the screen, which turns red if you are speeding. Below that is a graphic of the car. When parked you can open the hood, trunk, and charging door. The navigation and music selection screens work much the same way you would expect in any other infotainment system, tablet, or smartphone.

One of the most common mistakes auto manufacturers have made when moving controls from traditional buttons and switches to infotainment systems is burying frequently accessed controls several layers deep in the menus, making them difficult to access. But Tesla seems to have designed the Model 3’s controls well, providing one-touch access to these systems. Automatic climate controls are easily accessible from the main screen, and a single touch provides easy access to manual settings. Defrost, defog, and the heated seats are also controlled from the main screen. Even the windshield wipers are controlled from the touchscreen.

Of particular interest are the more detailed controls accessible by pressing the car icon in the bottom left corner. Exterior lights can be manually operated from here, as well as steering wheel and mirror adjustments, including folding the mirrors in. Other lesser used functions are accessible from a menu on the right side of the screen, including drive modes and Autopilot.

Most of us can’t drive the Model 3 yet, but we can pretend by exploring this touchscreen mock-up. Future owners can even begin to familiarize themselves with the car’s unique display and controls. And other manufacturers can take note of what Tesla does right to hopefully incorporate into their own infotainment systems.

Find the mockup here.

About the Authors
By Justin Hughes
See full bioRight Arrow Button Icon
By The Drive
See full bioRight Arrow Button Icon

Latest in

Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025

Most Popular

Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Finance
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
By Fortune Editors
October 20, 2025
Rankings
  • 100 Best Companies
  • Fortune 500
  • Global 500
  • Fortune 500 Europe
  • Most Powerful Women
  • Future 50
  • World’s Most Admired Companies
  • See All Rankings
Sections
  • Finance
  • Leadership
  • Success
  • Tech
  • Asia
  • Europe
  • Environment
  • Fortune Crypto
  • Health
  • Retail
  • Lifestyle
  • Politics
  • Newsletters
  • Magazine
  • Features
  • Commentary
  • Mpw
  • CEO Initiative
  • Conferences
  • Personal Finance
  • Education
Customer Support
  • Frequently Asked Questions
  • Customer Service Portal
  • Privacy Policy
  • Terms Of Use
  • Single Issues For Purchase
  • International Print
Commercial Services
  • Advertising
  • Fortune Brand Studio
  • Fortune Analytics
  • Fortune Conferences
  • Business Development
About Us
  • About Us
  • Editorial Calendar
  • Press Center
  • Work At Fortune
  • Diversity And Inclusion
  • Terms And Conditions
  • Site Map
  • Facebook icon
  • Twitter icon
  • LinkedIn icon
  • Instagram icon
  • Pinterest icon

© 2026 Fortune Media IP Limited. All Rights Reserved. Use of this site constitutes acceptance of our Terms of Use and Privacy Policy | CA Notice at Collection and Privacy Notice | Do Not Sell/Share My Personal Information
FORTUNE is a trademark of Fortune Media IP Limited, registered in the U.S. and other countries. FORTUNE may receive compensation for some links to products and services on this website. Offers may be subject to change without notice.


Most Popular

placeholder alt text
North America
'I meant what I said in Davos': Carney says he really is planning a Canada split with the U.S. along with 12 new trade deals
By Rob Gillies and The Associated PressJanuary 28, 2026
2 days ago
placeholder alt text
Politics
The American taxpayer spent nearly half a billion dollars deploying federal troops to U.S. cities in 2025, CBO finds
By Nick LichtenbergJanuary 28, 2026
2 days ago
placeholder alt text
C-Suite
Jeff Bezos capped his Amazon salary at $80,000: ‘How could I possibly need more incentive?’
By Sydney LakeJanuary 28, 2026
2 days ago
placeholder alt text
C-Suite
Fortune 500 CEOs are no longer giving employees an A for effort. Now they want proof of impact
By Claire ZillmanJanuary 28, 2026
2 days ago
placeholder alt text
Investing
Jerome Powell got a direct question about the U.S. ‘losing credibility’ and the soaring price of gold and silver. He punted
By Eva RoytburgJanuary 29, 2026
21 hours ago
placeholder alt text
Personal Finance
Current price of silver as of Thursday, January 29, 2026
By Joseph HostetlerJanuary 29, 2026
21 hours ago

Latest in

AICollaboration
Are you a cyborg, a centaur, or a self-automator? Why businesses need the right kind of ‘humans in the loop’ in AI
By François Candelon, Katherine Kellogg, Hila Lifshitz and Steven RandazzoJanuary 30, 2026
48 minutes ago
NewslettersCEO Daily
Inside Starbucks CEO Brian Niccol’s nascent turnaround plan—and why it’s working
By Phil WahbaJanuary 30, 2026
1 hour ago
InvestingIndonesia
Indonesia exchange CEO steps down as MSCI reform pressure mounts
By Prima Wirayani, Abhishek Vishnoi and BloombergJanuary 30, 2026
2 hours ago
HealthScience
As billionaires chase immortality, this startup cofounded by a Harvard genetics professor gets FDA approval for the first partial de-aging human trial
By Marco Quiroz-GutierrezJanuary 30, 2026
2 hours ago
A man works on two computers while a coworker looks on in the background.
AIGen Z
Gen Z believes using AI is making their colleagues dumb and lazy, but may paradoxically see it as key to their own promotion, Wharton says
By Sasha RogelbergJanuary 30, 2026
3 hours ago
christian sewing touches his glasses
BankingBanks
German prosecutors’ raid on Deutsche Bank hurts the lender’s attempts to leave its long history of compliance failures in the past
By Lily Mae LazarusJanuary 30, 2026
3 hours ago