back

Animation for Interfaces. Webexpo Prague 2015

A city which is taking you away. Prague isn’t just the heart of Europe. It is hosting an excellent conference. The Webexpo 2015 is a team lead by the incredible Šárka Štrossová. My very personal highlight was Gregg Bernsteins talk about design research. When do products become great? His theory about the best experience is living in the center of wisdom, data and context. A very helpful talk. I did tried listening to CZ talks. And it is hear say Jiri Jerabek did a great talk about how we can test concepts.

COEX tweet ‏@coexcz  19. Sep. Animations must be meaningful on first place! Via @ma_rylou #webexpo

COEX tweet ‏@coexcz 19. Sep. Animations must be meaningful in first place! Via @ma_rylou #webexpo

Talking about animation for interfaces.

My talk is ment for everyone. It means a lot to me when i can help to understand better and i did changed the way many people see how animations are made. How we can manufacture them and become meaningful. This talk is inspired by all of my clients and software i had to use in the past. I can see links and patterns which i simplified until you don’t have to use it anymore. Sadly the recording does not show my slides with animations. So it is a bit useless.

Like to try how Bézier curves change a value? Checkout the JQuery demo chart. Or use Googles experimental tool. For learning more about web animation i can highly recommend the web fundamentals written by Paul Lewis and Sam Thorogood.

Every note is a key, they are arranged on a time line and grouped by the action a user likes to archive. Keep in mind what he want’s and where he is going.

For my audience i selected a long list of software which you can use after you managed to give your usecase a proper animation concept with meaning. I’am personally is using Adobe After Effects or Edge. A good introduction to Edge Animate can be found on medium.

Or just pick from this list of prototyping software. I like to point out it helps to work without software in the first place and add the motion design afterwards. You will be able to dive deep into the beauty of animation without loosing touch to your user.

Thank you Prague for having me

i feel like i won the fashion conference award instead of delivering a good talk. Thank you so much for the overwhelming feedback, the messages i got on twitter and e-mails.

Marie at the webexpo

Match the design of your slides with your t-shirt! Of course @ma_rylou #stylish #webexpo pic.twitter.com/PpcZKwnqQd</p>— Petr Kosnar (@faxecz) 19. September 2015</em>