Source: Spotify
Podcast: UI Breakfast: UI/UX Design and Product Strategy
By: Jane Portman
Title: Meaningful Motion in UX Adrian Zumbrunnen
Key Takeaways
+ To create compelling Interface Designs, ask what story do you want to tell?
+ Everything that moves tells a story – about the brand (playful, serious), about the product (excited, thoughtful), about the customers (mature, young)
+ Motion is like body language – subtle but clear and conveys messages
+ To storyboard motion, sketch art boards next to each other – almost like a comic, with small blurred movements to create illusion to validate motion
+ Fluid motion can be reached anywhere – previous thought only apps/mobile, but now its just as easy to add motion to web
+ To have true meaningful motion – time/team allocation is needed for animation, it shows that the final product and the company behind it, cares about more than just functionality! They care about the experience
+ A good question to ask to better structure the design – how would you go from state to next state?
+ Progressive enhancement for key interactions makes for the most impactful and meaningful animations
+ When you think about any interface you deal with – nothing happens instantly; everything has a transition
+ Faster isn’t always better! Things that have value should deliberately take longer (money counting too fast – less faith of accuracy, longer time for coffee – better coffee)
+ The illusion of control and accomplishment is how to delight the user – how to support that emotion, how to make it more felt is key
Dawn Jade Binder Blog 