TMC is an independent, primarily volunteer organization that relies on ad revenue to cover its operating costs. Please consider whitelisting TMC on your ad blocker or making a Paypal contribution here: paypal.me/SupportTMC

Model 3 User Interface simulator/concept

Discussion in 'Model 3' started by McHoffa, Jun 6, 2016.

  1. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    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 :cool:
     
    • Like x 4
    • Dislike x 1
    • Love x 1
  2. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    FYI, this only works in 768 or larger screens. The UI/UX falls flat if you try to scale it down for a phone.
     
  3. jkk_

    jkk_ Member

    Joined:
    Nov 16, 2015
    Messages:
    357
    Location:
    Finland
    First glance:

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

    MissAutobahn Elon, please ramp up Fremont in ludicrous mode!

    Joined:
    Apr 3, 2016
    Messages:
    187
    Location:
    GermanyHD
    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 :eek:;)
     
  5. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    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.
     
    • Like x 1
  6. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    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 :)
     
  7. MissAutobahn

    MissAutobahn Elon, please ramp up Fremont in ludicrous mode!

    Joined:
    Apr 3, 2016
    Messages:
    187
    Location:
    GermanyHD
    Steve Jobs would have said: "...one more thing...." :D
     
    • Like x 1
  8. TechSavvyWife

    TechSavvyWife Member

    Joined:
    Jun 7, 2016
    Messages:
    13
    Location:
    Kalamazoo MI
    Great job! Love seeing the rear facing camera feed in the corner.
     
  9. Dan Detweiler

    Dan Detweiler Member

    Joined:
    Apr 21, 2016
    Messages:
    381
    Location:
    Canton, Georgia
    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
     
  10. WileyTheMan

    WileyTheMan Member

    Joined:
    Apr 20, 2016
    Messages:
    143
    Location:
    Los Gatos, CA
    Great job! A neat look into what could be!
     
  11. 1208

    1208 Active Member

    Joined:
    Dec 22, 2014
    Messages:
    1,155
    Location:
    UK
    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.:D
     
  12. arjay

    arjay member

    Joined:
    Mar 24, 2016
    Messages:
    137
    Location:
    Los Angeles, ca
    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.
     
  13. Dan Detweiler

    Dan Detweiler Member

    Joined:
    Apr 21, 2016
    Messages:
    381
    Location:
    Canton, Georgia
    Blue steering wheel is the autopilot indicator on the Model S and X.
     
  14. plankeye

    plankeye That Vegan EV Guy

    Joined:
    Feb 4, 2016
    Messages:
    235
    Location:
    Frisco, TX
    Very cool!!!

    Did everybody notice that there is sound too?! :)
     
  15. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    did you click on it?
     
  16. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    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
     
  17. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    588
    Location:
    Canton, NC
    someone was nice enough to record the turn signal sounds from their S for me :D
     
  18. jkk_

    jkk_ Member

    Joined:
    Nov 16, 2015
    Messages:
    357
    Location:
    Finland
    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 :p
     
  19. CCWgr

    CCWgr Member

    Joined:
    Mar 6, 2016
    Messages:
    9
    Location:
    Lewes, DE
    HcHoffa: Your user interface simulator is AMAZING! I love it. Great work!!
     
  20. JeffK

    JeffK Active Member

    Joined:
    Apr 27, 2016
    Messages:
    2,211
    Location:
    Indianapolis
    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.
     

Share This Page