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 and becoming a Supporting Member. For more info: Support TMC
Start a Discussionhttps://teslamotorsclub.com/tmc/tags/

Model 3 User Interface simulator/concept

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

Tags:
  1. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    937
    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
    • Disagree x 1
    • Love x 1
  2. McHoffa

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    937
    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:
    302
    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:
    937
    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:
    937
    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:
    302
    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:
    539
    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:
    469
    Location:
    Los Gatos, CA
    Great job! A neat look into what could be!
     
  11. 1208

    1208 Active Member

    Joined:
    Dec 22, 2014
    Messages:
    1,224
    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:
    198
    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:
    539
    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:
    357
    Location:
    Frisco, TX
    Very cool!!!

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

    McHoffa Member

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

    McHoffa Member

    Joined:
    Sep 29, 2015
    Messages:
    937
    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:
    937
    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:
    12
    Location:
    Lewes, DE
    HcHoffa: Your user interface simulator is AMAZING! I love it. Great work!!
     
  20. JeffK

    JeffK Well-Known Member

    Joined:
    Apr 27, 2016
    Messages:
    5,384
    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

  • About Us

    Formed in 2006, Tesla Motors Club (TMC) was the first independent online Tesla community. Today it remains the largest and most dynamic community of Tesla enthusiasts. Learn more.
  • Do you value your experience at TMC? Consider becoming a Supporting Member of Tesla Motors Club. As a thank you for your contribution, you'll get nearly no ads in the Community and Groups sections. Additional perks are available depending on the level of contribution. Please visit the Account Upgrades page for more details.


    SUPPORT TMC