Why motion matters in UI design

Home » Blog » Design » Why motion matters in UI design

UI designer Craig Dehner wrote this interesting article about why he thinks motion design is the future.

I wouldn’t necessarily use such grandiose terms but essentially I agree: Motion design might not be THE future but it’ll certainly play a vital role in current and future user interfaces.

It took operating systems and browsers some time to be able to display smooth, seemingly natural animation (using CSS3 animations in the latter case). Now that animation is a staple of modern UI frameworks and operating system UI interfaces it’s only natural for motion to become an important part of UI behaviour:

Motion lends itself to underlining certain actions such as deleting an object or flipping through pages. The swipe pattern from mobile devices has become so ubiquitous everyone who’s used a smartphone before will understand its meaning. Motion tells stories, it adds a perceptible time dimension to a user interface.

Motion allows us to adhere to the feedback principle of UI design. A good user interface should always keep the user informed about her actions and the consequences of those actions. Using animation we can for instance tell the user that her password has been denied by making the password prompt shake (like OS X does).

Moreover, as with other parts of design, crafting your own language for your application’s motion design is crucial for making your application both stand out from the competition and be predictable from the user’s point of view, that is to say the same animation should always convey the same meaning in order to be useful and understandable.

Leave a Comment

* Checkbox GDPR is required

*

I agree

By continuing to browse the site you agree to our use of cookies. Privacy Policy

Privacy Preference Center

Strictly necessary

These cookies are necessary for the site to function.

PHPSESSID: Preserves user session state across page requests.

__cfduid: Used by the content network, Cloudflare, to identify trusted web traffic.

PHPSESSID
__cfduid

Preferences

Remembers the user's submitted data when a comment is submitted in a blog post. The purpose is to aut o-populate form fields for subsequent comments, in order to save time for the user.

wfvt_#

Statistics

Statistic cookies help us to understand how visitors interact with our websites by collecting and reporting information anonymously.

_ga: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

_gat: Used by Google Analytics to throttle request rate.

_gid: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

collect: Used to send data to Google Analytics about the visitor's device and behaviour. Tracks the visitor across d evices and marketing channels.

_ga,_gat,_gid
collect

Security

We use Wordfence to secure our website against hacking attempts: https://www.wordfence.com/

wordfence_verifiedHuman

Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?