Just wanted to share a small interaction I built with Framer. Users can press and hold on the sleep graph to see a timeline of their sleep patterns.
Really nice. How did you get the slider to follow the varying height of the graph?
Jérémy I'll clean it up a bit and post it ;)
Noam It was a little difficult, I had to build an array of objects containing the points
Arron J Hunt good idea. Simple enough... Each area item correlates to some percentage of the slider.....
Jérémy Jones http://share.framerjs.com/gc087x5a3uon/
Please forgive the poor formatting. Some things were hacked together. I'm working to clean them up
How are you going to read the number while dragging? Your finger is going to cover it. The number should be on the top portion of the graph for usability reasons. My 2¢
Cevat correct, that's something we didn't take into consideration until I built the prototype. Just another testament to the importance of prototyping because I can make the design change now and not waste development's time ;)
Arron, Cevat, amazing how you were able to find that via prototype, almost zen haha