It's a good practice to create a UI experience that is both functional and usable-meaning that users can understand and carry out actions in an application. However, in today's competitive market, you might want to create an application that is more than just functional and usable. One way is to create an experience that strikes an emotional chord with your users.

Incorporating transitions (animations) into your application can help strike that chord. You want users to create an emotional bond with your application and enjoy using it. Strike a balance between performance and emotion.

Best practices

Make transitions sequential. A simple, efficient transition helps users make sense of what's happening more quickly.

Compound transitions. Like a symphony, compounded effects can trigger more of an emotional response than a single effect. A combination of transitions looks sophisticated and can really impress users. Too much of a good thing can be overwhelming, however, so try to limit the number of transitions to two per element.

Make transitions interactive. You can create an emotional effect when user actions trigger transitions.

Fuse the smart and the beautiful. The combination of these two virtues always impresses.

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus