Richard Burton

Force Touch Button Prototype

  • Save

I love the way Force Touch feels on my MacBook but I never know when to use it. It’s hard to discover which elements will respond to an extra hard press which leads to articles like this. There are no visual cues to suggest that a button can be pushed harder.

This evening I was playing around with a button that’s set into the screen to suggest some depth. When you hover over it, the button element would flick up to highlight that there’s more to it than a simple click. With a click it recedes backward and a force touch pushes it further into the screen.

You can play with the prototype here: http://share.framerjs.com/wcwrnwjysp33/

[I’m 190/288 into my year of shots.]

keyboard shortcuts: L or F like