Adrian Zumbrunnen's guest appearances

Adrian Zumbrunnen

UI Breakfast: UI/UX Design and Product Strategy

Nir Eyal

Laura Roeder

Brian Casel

Nick Disabato

Rob Walling

Scott Belsky

Jeff Sauer

Paul Jarvis

Josh Pigford

Brian Gardner

Jonathan Stark

David Sherry

Liston Witherill

Philip Morgan

Samuel Hulick

OwlTail

Meaningful motion can make a huge difference in your product, yet it's so often overlooked! Our guest today is Adrian Zumbrunnen, a designer and engineer at Google. We discuss how to approach motion strategically, who's responsible for the implementation, how to document transitions when you hand off your work, and how to "breathe life" into an existing web app. Podcast feed: subscribe to http://simplecast.fm/podcasts/1441/rss in your favorite podcast app, and follow us on iTunes, Stitcher, or Google Play Music. Show Notes  Google Lens, Google Assistant — Google products Adrian is currently working on Smart Transitions In User Experience Design — Adrian's article in Smashing Magazine Meaningful Motion in Design — Adrian's recent talk UX Bear — Adrian's chatbot collaboration with UX Design Collective (more details in this post) Disney's Twelve Basic Principles of Animation Spatial Interfaces, Transitional Interfaces — must-read articles by Pasquale D’Silva Animate.css — a cross-browser library of CSS animations Brutalist Websites — a collection of websites demonstrating the brutalism trend Userlist.io — Jane's new SaaS product with Benedikt Deicke and Claire Suellentrop Adrian's website Follow Adrian on Twitter: @azumbrunnen_  Today's Sponsor This episode is brought to you by Balsamiq. A Balsamiq customer recently called it “the only wireframing tool that doesn’t make me feel stupid.” Try the new web app free for 30 days at balsamiq.cloud — you’ll be productive in no time! Interested in sponsoring an episode? Learn more here. Leave a Review Reviews are hugely important because they help new people discover this podcast. If you enjoyed listening to this episode, please leave a review on iTunes. Here's how.

<p>Meaningful motion can make a huge difference in your product, yet it's so often overlooked! Our guest today is Adrian Zumbrunnen, a designer and engineer at Google. We discuss how to approach motion strategically, who's responsible for the implementation, how to document transitions when you hand off your work, and how to "breathe life" into an existing web app.</p> <p><em>Podcast feed:</em> subscribe to <a href="http://simplecast.fm/podcasts/1441/rss" rel="nofollow" target="_blank">http://simplecast.fm/podcasts/1441/rss</a> in your favorite podcast app, and follow us on <a href="https://itunes.apple.com/us/podcast/ui-breakfast-podcast/id939175693?mt=2" rel="nofollow" target="_blank">iTunes</a>, <a href="http://www.stitcher.com/s?fid=97279&amp;refid=stpr" rel="nofollow" target="_blank">Stitcher</a>, or <a href="https://playmusic.app.goo.gl/?ibi=com.google.PlayMusic&amp;isi=691797987&amp;ius=googleplaymusic&amp;link=https://play.google.com/music/m/Ig42wpgwtqn4hzewnjmmes6eizq?t%3DUI_Breakfast:_UI/UX_Design_and_Product_Strategy%26pcampaignid%3DMKT-na-all-co-pr-mu-pod-16" rel="nofollow" target="_blank">Google Play Music</a>.</p> <h2>Show Notes</h2> <ul> <li><a href="https://en.wikipedia.org/wiki/Google_Lens" rel="nofollow" target="_blank">Google Lens</a>, <a href="https://en.wikipedia.org/wiki/Google_Assistant" rel="nofollow" target="_blank">Google Assistant</a> — Google products Adrian is currently working on</li> <li><a href="https://www.smashingmagazine.com/2013/10/smart-transitions-in-user-experience-design/" rel="nofollow" target="_blank">Smart Transitions In User Experience Design</a> — Adrian's article in Smashing Magazine</li> <li><a href="https://youtu.be/PynmLxNZYZw" rel="nofollow" target="_blank">Meaningful Motion in Design</a> — Adrian's recent talk</li> <li><a href="http://uxchat.me/" rel="nofollow" target="_blank">UX Bear</a> — Adrian's chatbot collaboration with UX Design Collective (more details in <a href="https://azumbrunnen.me/blog/introducing-the-ux-bear/" rel="nofollow" target="_blank">this post</a>)</li> <li><a href="https://en.wikipedia.org/wiki/12_basic_principles_of_animation" rel="nofollow" target="_blank">Disney's Twelve Basic Principles of Animation</a></li> <li><a href="https://medium.com/elepath-exports/spatial-interfaces-886bccc5d1e9" rel="nofollow" target="_blank">Spatial Interfaces</a>, <a href="https://medium.com/@pasql/transitional-interfaces-926eb80d64e3" rel="nofollow" target="_blank">Transitional Interfaces</a> — must-read articles by Pasquale D’Silva</li> <li><a href="https://daneden.github.io/animate.css/" rel="nofollow" target="_blank">Animate.css</a> — a cross-browser library of CSS animations</li> <li><a href="http://brutalistwebsites.com/" rel="nofollow" target="_blank">Brutalist Websites</a> — a collection of websites demonstrating the brutalism trend</li> <li><a href="http://userlist.io" rel="nofollow" target="_blank">Userlist.io</a> — Jane's new SaaS product with Benedikt Deicke and Claire Suellentrop</li> <li><a href="http://azumbrunnen.me/" rel="nofollow" target="_blank">Adrian's website</a></li> <li>Follow Adrian on Twitter: <a href="https://twitter.com/azumbrunnen_" rel="nofollow" target="_blank">@azumbrunnen_</a></li> </ul> <h2>Today's Sponsor</h2> <p>This episode is brought to you by Balsamiq. A Balsamiq customer recently called it “the only wireframing tool that doesn’t make me feel stupid.” Try the new web app free for 30 days at <a href="https://balsamiq.cloud" rel="nofollow" target="_blank">balsamiq.cloud</a> — you’ll be productive in no time!</p> <p><em>Interested in sponsoring an episode?</em> <a href="http://uibreakfast.com/sponsor" rel="nofollow" target="_blank">Learn more here.</a></p> <h2>Leave a Review</h2> <p>Reviews are hugely important because they help new people discover this podcast. If you enjoyed listening to this episode, please leave a review on iTunes. <a href="http://uibreakfast.com/podcast-review" rel="nofollow" target="_blank">Here's how.</a></p>

Episode 91: Meaningful Motion in UX with Adrian Zumbrunnen