Model 3 User Interface simulator/concept

[McHoffa]

I created a working simulator based on the static UI mockup I did a while back.

Model 3 Dashboard Interface UI Simulator

I would love to have lots of feedback as far as usability and functionality, as well as anything important I am missing. I don't currently have a Tesla, and haven't walked through the current Model S/X interfaces completely. I have done zero browser testing so far, so I can only promise it works in Chrome.

Right now I have not filled in the interfaces for the any of the functions such as music, phone, etc. Those are coming soon (probably a week or two due to real projects I need to work on), which is why I labeled it as v0.1 at the moment.

When I get it done, I'd like to see it pulled up on an iPad Pro or similar sized tablet sitting in a real car to see how it looks

 

[McHoffa]

FYI, this only works in 768 or larger screens. The UI/UX falls flat if you try to scale it down for a phone.

 

[jkk_]

as well as anything important I am missing

First glance:

Odometer, trip meters, energy consumption (current and past).

 

[MissAutobahn]

Heaven must be missing some angles. This is exactly what I was waiting for you gorgeous guys to fix for us. @bayol did the configurator and you starting the simulator.
Please don't make it totally perfect, otherwise I could become a lonesom old woman, just playing the illusion

 

[McHoffa]

First glance:

Odometer, trip meters, energy consumption (current and past).

I think I will put that under the car panel, as well as settings. I based this off what I could see in the beta interface they were using in the car, with a couple changes, and I couldn't find a close up picture of everything they had on screen.

 

[McHoffa]

Heaven must be missing some angles. This is exactly what I was waiting for you gorgeous guys to fix for us. @bayol did the configurator and you starting the simulator.
Please don't make it totally perfect, otherwise I could become a lonesom old woman, just playing the illusion

I was actually going to build a configurator but @bayol got to it first, so I decided this would be the next best thing I could do for everyone

 

[MissAutobahn]

Steve Jobs would have said: "...one more thing...."

 

[TechSavvyWife]

Great job! Love seeing the rear facing camera feed in the corner.

 

[Dan Detweiler]

This is beyond cool!

I am always amazed by you IT guys. Thanks for this. One more thing to occupy my time while waiting for the car!

Dan

 

[WileyTheMan]

Great job! A neat look into what could be!

 

[1208]

Good work. The rear camera feed gives the impression you guys have come to your senses and are driving on the correct side of the road.

 

[arjay]

Now were talking! This is getting to be even more fun. For quick read, use different colors for speed (white) and turn indication (yellow); fatter type face for speed; Replace percent (%) battery info with remaining miles left; Place % at bottom of screen. What is the blue steering wheel about? Great job, thanks.

 

[Dan Detweiler]

Now were talking! This is getting to be even more fun. For quick read, use different colors for speed (white) and turn indication (yellow); fatter type face for speed; Replace percent (%) battery info with remaining miles left; Place % at bottom of screen. What is the blue steering wheel about? Great job, thanks.

Blue steering wheel is the autopilot indicator on the Model S and X.

 

[plankeye]

Very cool!!!

Did everybody notice that there is sound too?!

 

[McHoffa]

Great job! Love seeing the rear facing camera feed in the corner.

did you click on it?

 

[McHoffa]

Good work. The rear camera feed gives the impression you guys have come to your senses and are driving on the correct side of the road.

yeah, it's flipped so that it would be correct for in the car like a real mirror, but it looks backwards just watching it

 

[McHoffa]

Very cool!!!

Did everybody notice that there is sound too?!

someone was nice enough to record the turn signal sounds from their S for me

 

[jkk_]

I think I will put that under the car panel, as well as settings. I based this off what I could see in the beta interface they were using in the car, with a couple changes, and I couldn't find a close up picture of everything they had on screen.

More ideas:

• Gear indicator
• Light indicator (high-beams, etc)
• Place to show parking brake status, warning lights etc (car panel?)

Nice work - it still hasn't convinced me that having only one screen is the way to go but that's not your fault

 

[CCWgr]

HcHoffa: Your user interface simulator is AMAZING! I love it. Great work!!

 

[JeffK]

Two things...
It'd be cool if the video was synced to the sensor display... other than just a bar car in my blindspot the entire time.

Next, I've noticed it doesn't actually decrease the battery percentage at all.