The power of animations in UX design
Hey you ! Are you a designer ? That’s perfect ! you’re on the right article. Take a coffee and start read this short story to improve your futur projects !
The biggest problem for an Ux Designer today is to solve user problems. Putting yourself in the place of users will help you understand people’s behavior and feels.
There are two big ways to improve user experience on your creative project :
1) — Building an user friendly interface. (no bullshit) (searching issues to problems)
2) — Animations & transitions (help people understanding their movements)
The main role of animations & transitions
The goal of animations, instead of being nice to see, isn’t entertaining the user, but they are helping the user understand what’s going on or how to use your app/website most effectively.
It can influence behavior, communicate status, guide the users attention and help the user see the results of their actions.
Animations also need to be intuitive. People have to feel comfortable when they surf on your app/website. By building a nice animation path, you make people starting to trust in you.
But don’t make too many animations. Remember that animations are fixing problems. It’s not only for the visual.
Transitions help users understand the pace and flow of an interface. It also helps guide the user to the next step of an interaction.
Smoothing movement of objects, content & others are the key to build a great user experience design.
Users are always taking care of details. They do it unconsciously. So be sure to check your project thousand times and to ask feedback !
Always remember this : “show, don’t tell”
Some examples below
⇨ Animated filter menu
⇨ Animated Alarm menu
⇨ Animated select buttons
⇨ Animated motion design
⇨ Animated login & homescreen
⇨ Animated app workout
⇨ Animated navigation aside
⇨ Animated football app
⇨ Animated menu
⇨ Animated dashboard app
When material design and animations meets
After all those examples you should understand what I’m talking about. Animations are very important in good UX.
What is material design ?
Material design means objects who looks like familiar to us. Those objects are usually those ones we find everywhere in our lives.
Let me take an example : If you want to write a publication on an app, most of time you will find a pen icon for describing “writing action”. This is material design.
People must understand immediately your icon or the action you want them to make on your website/app. To enhance it, we use material design as a landmark.
Animation are powerful when used in a specific way. It’s really important to consider when an animation is and isn’t appropriate. We need to embrace the motion from the very beginning and think of it as natural constituent of our design, because design is more than just about visual presentation.
Do not try to be original, just be good.
Thanks for reading girls & boys ❤ (share & like)
If you want to follow me & stay tuned, keep this way :
Sébastien Seghers (@S_Seghers) | Twitter
The latest Tweets from Sébastien Seghers (@S_Seghers). ⇨ Youtubeur : Msblackmaster1 ⇨ Étudiant en #Web et #mobile à…
Sébastien Seghers on Behance
Etudiant en deuxième année à la haute école Albert Jacquard. J'étudie le UX Design, le Visual Design et le Front-End.
Sébastien Seghers | Designer | Front-end developer
From 7 november 2016 until 27 january 2017. I want to get more experience and practice a lot, so if you need me, click…