arrow_back Modern web graphics design using SVG
Form accessibility demystified arrow_forward
CSS 3 Animations and Transitional Interfaces
Submitted by Raghu Nayyar (@raghunayyar) on Wednesday, 27 November 2013
Section: Crisp talk Technical level: Beginner
The main objective of the talk to give the audience an idea about one of the most important aspects of web design, transitions, and how they can be used to enhance the information architecture and flow of a web page.
Say, if a user clicks a delete button, a span of elements, just vanishes? How about making it slide out or disappear relatively slow? Neither information is literally thrown at a user nor snatched away from him. Infact, such transitions can provide context to information and hence enhance the user experience.
I will be talking about how to effectively use transitions in simple events like onhover or onfocus to slightly complicated ones like seamless appearances/disappearances, movement within an application. The mathematics behind CSS 3 Animations and how to use them can also be a included if time allows.
This will help to bridge the line between the user experience designers & developers and help them give users something out of the world.