Creating Liquid Effects on the Web
Special effects have been used in web design for years (Flash, anyone?). But today’s technology affords designers better ways to integrate them into our projects. Between CSS3, a host of…
The post Creating Liquid Effects on the Web appeared first on Speckyboy Web Design Magazine.
How Are In-App Gestures Shaping User Experience?
Remember the time when hovering and clicking using the mouse were the most used triggers for interaction with a website or mobile app? Forget about those days. The game changed…
The post How Are In-App Gestures Shaping User Experience? appeared first on Speckyboy Web Design Magazine.
Exploring Animation And Interaction Techniques With WebGL (A Case Study)
 |
Two years ago, I decided to start a series of short WebGL experiments on Codepen. Earlier this year, I finally found the time to compile them all together on a single website named “Moments of Happiness”. Since its incarnation, I’ve found ways to explore and learn different animation and interaction techniques, which I’ve implemented in these interactive toys.
As you’ll see, the gameplay is very different in each one, but all of the experiments share one principle: The behavior of each character responds programmatically to user input. No precalculated animation — every movement is defined at runtime. Breathing life into these characters with only a few lines of code was the main challenge.
The post Exploring Animation And Interaction Techniques With WebGL (A Case Study) appeared first on Smashing Magazine.
How Functional Animation Helps Improve User Experience
|
|
Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to moving objects, and animation is like eye candy — catchy and bright elements that call attention to and help differentiate an app from its competitors.
As of late, more and more designers are incorporating animation as a functional element that enhances the user experience. Animation is no longer just for delight; it is one of the most important tools for successful interaction.
The post How Functional Animation Helps Improve User Experience appeared first on Smashing Magazine.