64: Building Interface Animations

The Web Platform Podcast

• Episode: 64: Building Interface Animations
• Website: The Web Platform Podcast
• Feed URL: http://thewebplatformpodcast.com/rss
• Duration: 00:54:45
• Published: 2015-10-06 20:24

Summary

Val Head (@vlh), animation expert, talks with us about interaction design for the web. She discusses how developers and teams can work together to design & build motion & static  interfaces as well as the some strategies and tactics for software product design in regards to the UX and UI of interfaces.

O’Reilly Media Partner Discounts

The Web Platform Podcast is a proud O’Reilly Media Partner. As such, one of the benefits we provide our listeners are special  discounts such as 50% off ebooks and 40% in printed material. This includes but is not limited to books on the web technologies. Your discount code is PCBW so head over to http://www.oreilly.com/ right now to get all your favorite tech books at much lower prices.

Your Latest O’Reilly Discounts

Free eBook: Data-Informed Product Design

http://www.oreilly.com/pub/cpc/1220

Designers must understand user needs to create any product. But what type of data should you look at? In her new book, Data-Informed Product Design, Pamela Pavliscak outlines a way to use data of all kinds to understand the relationship between people and technology. Generally speaking, big data is quantitative; it gives you the what, where, and when, while “thick data” provides the qualitative perspective—the how and the why.

Up until now, there hasn't been much information on how to combine quantitative big data with qualitative thick data. That's where this report can help. If you're involved in any aspect of product design, this is indispensable reading. It's useful, and we're pleased to offer it to you, for free! Get the free ebook now.

Design Sprint: A fast start to creating a great digital product

http://www.oreilly.com/pub/cpc/1221

October 20 | 10:00am PT | Banfield, Lombardo, & Wax

The Design Sprint is the first, and for some projects the most significant, phase of a design thinking process. It gets the entire product design and development team on the same page, reduces the risk of downstream mistakes, and generates vision-lead goals for the team to measure their success. Join Richard Banfield, C. Todd Lombardo, and Trace Wax as they explain why and how Design Sprints work and how you can use Design Sprints to enhance your own design process.

Resources

• Val’s web site - http://valhead.com/
• Bret Victor - Inventing on Principle - https://vimeo.com/36579366
• The UI Animation Newsletter - http://uianimationnewsletter.com
• Motion and Meaning Podcast with Cennydd - http://motionandmeaning.io
• A possibly interesting based on our discussion of overuse of parallax - http://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity
• After Effects - http://www.adobe.com/products/aftereffects.html
• Flash - http://www.adobe.com/products/flash.html
• After Effects Motion Graphic Tutorials by Dean Velez (@theanvel) - http://theanvel.com/

Panelists

• Erik Isaksen (@eisaksen) - Front End Development Lead at Deloitte Digital & Google Developer Expert in Web Technologies
• Danny Blue (@dee_bloo) - Sr Front End Engineer at Deloitte Digital
• Justin Ribeiro (@justinribeiro)  - Wearables & HTML5 Google Developer Expert & Partner at Stickman Ventures or random person who keeps finding Hangout link. You decide