Today we announced a bunch of improvements and new features for Facebook Live: www.buzzfeed.com/mathonan/why-facebook-and-mark-zuckerberg-went-all-in-on-live-video
One of those features is Live Reactions, designed by Alex Cornell, a constant “wind” of reactions that flows across the screen reflecting what the viewers are feeling at any moment. In order to really feel what this was going to be like, I ended up making a pretty robust prototype version of our Live player with Live Reactions in Framer.
Building this prototype allowed us to get really accurate feedback in user testing (we customized the prototype per participant), it allowed us to quickly tweak animation easings and little details like the alternating burst colors, and it also made the transition from design to engineering much more smooth.
Here is the prototype I built: http://share.framerjs.com/zmiyvyehoc5c/
It’s definitely not perfect, and could probably be cleaned up a bit, but thats the best part about prototypes: it’s ok if it gets a little hack-y here and there, we just want to see if it works.
Hopefully you find something interesting in here that you can apply to your own prototypes!