(Sound on for the video)
Hey Framerers! The Tesla Model 3's UI creates a lot of exciting new possibilities for interaction design. I haven't yet seen a video of how each interaction works, but seeing the volume bit of Andrew Goodlad's (https://twitter.com/Ichorus) mockups made me think that interaction could be improved.
When Autopilot is on, I imagine you can't use the steering wheel's pair of scroll wheels to adjust volume, since the wheel is in motion. You may not want to use voice if a gesture is quicker, you're having a conversation, trying to hear the audio, or trying to be precise with the volume level. Most of all, you want to be able to do this without taking your attention off the road.
What if you could reach over and make a quick rotation gesture (as if you're spinning a dial with 2+ fingers) anywhere on the screen? This prototype simulates that.
See attached video (sound on), or try it yourself!
🚘 Prototype: https://framer.cloud/YOXSP/
🚘 Note: Haven't tried this on an iPad or other touch device yet. Video is a recording of interacting with it in Chrome desktop browser, holding down the option key to create 2 touch points.
🚘 I must confess the "anywhere one the screen" part is smoke and mirrors, to build the prototype faster I defined 3 points where you can make this interaction. But if you know how to make the dial follow your touch...I would love to learn how to do that!
🚘 Would love your feedback and critique
🚘 Does anyone have a dribble invite?
🚘 Add me on linked in (https://www.linkedin.com/in/christophermcd/)