the-importance-of-functional-animation-in-ux

Why Does Animation Matter?

We may not be fully aware of it, as it is one of those things we often perceive on a not entirely conscious level, but us humans – we simply love animation. There is something in that weird mix of imagery and motion that continues to surprise us even though we know how it’s made.

This, however, makes animation sound like a magic show. We simultaneously want and don’t want to know “how they do it.” But, it’s more than just that. When it comes to UX, in order to really delight us, animation has to perform a function. For example, it can show us when a process is completed or it can let us know we’re doing something right. And that’s what we call functional animation.

It’s clear that animation comes in many forms and with many purposes. Animation created for entertainment is one thing, but what we’re talking about here is animation that has a particular UX purpose. It serves a very specific function, so we’ll call it functional animation.

This kind of animation is subtle, unobtrusive, doesn’t take up all of the focus to itself, and has a clear purpose. Or better – several purposes, as animation is often multi-functional.

In web design, functional animation helps the visitor understand the intrinsic rules of the page. It promotes page navigation and helps users perform simple little tasks like getting from one location to the other or completing a process, such as filling in a form.

Animation is not essential to a website. A site can very well exist without it. As we said earlier, good UX animation is so organic and subtle, we often don’t even register it with our conscious mind. But we would definitely notice if it was not there.

Imagine something as “basic” as a preloader (the animated icon that you see on the screen while a page is loading). These days, most websites have it. Now, imagine if they didn’t. Whenever it took a web page longer to load, you’d think it had crashed or that your connection was lost. The preloader is a subtle and immensely efficient way of saying that everything is okay, the content is loading and it will be handed to you in a few second.

174 comments

  1. Hello there, You’ve done an excellent job. I will
    definitely digg it and personally suggest to my friends.
    I’m sure they’ll be benefited from this website.

  2. Its such as you read my mind! You seem to know a lot approximately this,
    such as you wrote the book in it or something.
    I feel that you simply could do with a few p.c. to power the message house a bit, however other than that, this is excellent blog.
    A fantastic read. I’ll certainly be back.

  3. We’re a bunch of volunteers and opening a brand new scheme in our community.
    Your site offered us with useful information to work on. You have performed an impressive job and our entire community shall be grateful to you.

  4. This design is incredible! You obviously know how to keep a reader
    amused. Between your wit and your videos, I was almost moved to start
    my own blog (well, almost…HaHa!) Wonderful job.
    I really enjoyed what you had to say, and more than that, how you presented it.
    Too cool!

  5. Thank you for the good writeup. It in fact was a amusement account it.

    Look advanced to far added agreeable from you! By the
    way, how can we communicate?

  6. I am curious to find out what blog platform you happen to be working with?
    I’m having some small security problems with my latest site and I’d like to find something more safeguarded.
    Do you have any solutions?

  7. Thanks for another informative blog. The place
    else may just I am getting that type of info written in such
    a perfect way? I have a undertaking that I am simply now running on, and I have been on the glance out for such information.

  8. I’ve been exploring for a little for any high quality articles or weblog posts
    in this kind of space . Exploring in Yahoo I eventually stumbled upon this website.
    Studying this info So i’m happy to show that I’ve an incredibly excellent uncanny feeling I found out exactly
    what I needed. I such a lot indubitably will make sure to don?t disregard this
    site and give it a glance on a continuing basis.

  9. Hi, I think your blog might be having browser
    compatibility issues. When I look at your website in Opera, it looks
    fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, amazing blog!

  10. Excellent beat ! I would like to apprentice whilst you amend your website, how could i subscribe for
    a weblog website? The account aided me a acceptable deal.

    I had been a little bit acquainted of this your broadcast provided shiny transparent idea

  11. I am really enjoying the theme/design of your weblog.
    Do you ever run into any browser compatibility problems?
    A couple of my blog visitors have complained about my site
    not operating correctly in Explorer but looks great in Opera.
    Do you have any advice to help fix this problem?

  12. Very nice post. I just stumbled upon your blog and wished to say that I have
    really enjoyed surfing around your blog posts. In any case I’ll be subscribing to your feed and
    I hope you write again very soon!

  13. Hmm it looks like your blog ate my first comment (it was
    super long) so I guess I’ll just sum it up what I submitted and
    say, I’m thoroughly enjoying your blog. I as well am
    an aspiring blog writer but I’m still new to the whole thing.
    Do you have any helpful hints for newbie blog writers?
    I’d genuinely appreciate it.

  14. I really like your blog.. very nice colors & theme.
    Did you create this website yourself or did you hire someone to do it for you?
    Plz respond as I’m looking to construct my own blog and would like to know where u got this from.
    appreciate it

  15. Fine way of telling, and good article to obtain facts about my presentation subject matter, which i am going to convey in institution of
    higher education.

  16. Nice post. I used to be checking constantly this weblog and I am inspired!
    Very useful info particularly the last section 🙂 I care for such info a
    lot. I was seeking this particular information for a long
    time. Thanks and good luck.

  17. You’re so awesome! I don’t believe I’ve truly read through a single thing like this before.
    So great to find somebody with some unique thoughts on this issue.

    Really.. thanks for starting this up. This site is one thing that
    is needed on the internet, someone with a bit of originality!

  18. Wow, awesome weblog structure! How lengthy have you been running a blog for?
    you made running a blog look easy. The full glance of your web site is magnificent,
    as neatly as the content material!

  19. I got this web site from my friend who told
    me concerning this web page and now this time I am browsing this web page and reading very informative posts at this place.

  20. Hello to every body, it’s my first pay a quick visit of this web site; this
    website consists of amazing and actually excellent information in favor
    of readers.

  21. Great article! This is the kind of information that should be shared across the internet.
    Shame on the seek engines for not positioning this publish higher!

    Come on over and talk over with my web site . Thank you =)

  22. Hey there great website! Does running a blog similar to this take a
    great deal of work? I have no knowledge of programming however I was
    hoping to start my own blog in the near future.
    Anyways, if you have any ideas or tips for new blog owners
    please share. I understand this is off subject nevertheless I
    simply needed to ask. Appreciate it!

  23. Howdy are using WordPress for your site platform? I’m new to the blog world but I’m trying to
    get started and set up my own. Do you need any coding expertise to make your own blog?
    Any help would be greatly appreciated!

  24. Can I simply say what a comfort to find an individual who actually understands what they’re talking about over the internet.
    You actually realize how to bring an issue to light and make it important.
    More people ought to read this and understand this side of the story.
    I can’t believe you are not more popular given that you definitely possess the gift.

  25. Right here is the perfect webpage for everyone who really wants to
    understand this topic. You realize a whole lot its almost tough to argue
    with you (not that I actually would want to…HaHa).
    You definitely put a new spin on a topic that
    has been discussed for ages. Wonderful stuff, just great!

  26. Hi there just wanted to give you a quick heads up and let you know
    a few of the images aren’t loading properly. I’m not sure why but I think its a linking issue.
    I’ve tried it in two different internet browsers and both show the
    same results.

  27. Woah! I’m really digging the template/theme of this blog. It’s simple,
    yet effective. A lot of times it’s hard to get that “perfect balance” between user friendliness and visual
    appearance. I must say that you’ve done a great job with this.
    In addition, the blog loads super quick for me on Opera.
    Exceptional Blog!

  28. Great blog right here! Additionally your web site rather a lot up very fast!
    What web host are you using? Can I get your associate hyperlink to your host?
    I desire my website loaded up as quickly as yours lol

  29. Please let me know if you’re looking for a article author
    for your weblog. You have some really good articles and I believe I
    would be a good asset. If you ever want to take some of the load off, I’d absolutely love to
    write some content for your blog in exchange for a link back to mine.

    Please shoot me an email if interested. Thank you!

  30. Thanks for the marvelous posting! I quite enjoyed reading it, you can be
    a great author.I will remember to bookmark your blog
    and will come back later on. I want to encourage yourself to
    continue your great posts, have a nice weekend!

  31. Hey just wanted to give you a quick heads up and let you know a few of the images aren’t loading correctly.
    I’m not sure why but I think its a linking issue. I’ve tried it in two
    different browsers and both show the same results.

  32. I am extremely impressed with your writing skills as well
    as with the layout on your weblog. Is this a paid theme or did you modify it yourself?
    Either way keep up the excellent quality writing, it’s
    rare to see a nice blog like this one these days.

  33. Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you!
    By the way, how could we communicate?

  34. It is perfect time to make some plans for
    the longer term and it is time to be happy.
    I’ve read this publish and if I may I wish to counsel you some attention-grabbing things or suggestions.
    Maybe you could write subsequent articles regarding this
    article. I wish to read more things about it!

  35. Thanks for some other informative site. The place else could I am getting that kind of information written in such
    a perfect way? I’ve a challenge that I’m simply now operating on, and I have been at the look out for such info.

  36. Hey there! This is my first comment here so I just wanted to
    give a quick shout out and tell you I genuinely enjoy reading your blog posts.
    Can you recommend any other blogs/websites/forums that cover the
    same topics? Thanks!

  37. Hey there would you mind stating which blog platform you’re using?
    I’m going to start my own blog soon but I’m having a tough time choosing between BlogEngine/Wordpress/B2evolution and
    Drupal. The reason I ask is because your design and style seems different then most
    blogs and I’m looking for something completely unique.
    P.S Apologies for being off-topic but I had to ask!

  38. I’m truly enjoying the design and layout of your blog. It’s a very easy on the eyes which makes it much more
    pleasant for me to come here and visit more often. Did you hire out a designer to create your theme?
    Great work!

  39. Pretty section of content. I just stumbled upon your site and in accession capital to
    assert that I get in fact enjoyed account your blog posts.
    Any way I’ll be subscribing to your feeds and even I achievement you access consistently fast.

  40. Excellent blog right here! Additionally your website lots up
    very fast! What web host are you the use of? Can I get your associate
    hyperlink for your host? I want my site loaded up as fast as
    yours lol

  41. Helpful info. Fortunate me I found your website unintentionally, and I’m stunned
    why this accident did not came about in advance!

    I bookmarked it.

  42. Good day! This is kind of off topic but I need some help from an established blog.

    Is it tough to set up your own blog? I’m not very techincal but I can figure things out pretty fast.
    I’m thinking about setting up my own but I’m not sure where to start.
    Do you have any points or suggestions? Thank you

  43. I have been surfing online more than 4 hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. Personally, if all website owners and
    bloggers made good content as you did, the net will be much more useful than ever before.

  44. Hey I know this is off topic but I was wondering
    if you knew of any widgets I could add to my blog that automatically tweet
    my newest twitter updates. I’ve been looking for
    a plug-in like this for quite some time and was hoping maybe you would
    have some experience with something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your
    new updates.

  45. Oh my goodness! Incredible article dude! Thank you, However I am encountering troubles with your
    RSS. I don’t know why I can’t subscribe to it. Is there anybody else
    having the same RSS issues? Anyone who knows the answer can you kindly respond?
    Thanx!!

  46. When some one searches for his necessary thing, thus he/she desires to be available that in detail,
    thus that thing is maintained over here.

  47. You are so interesting! I do not suppose I
    have read a single thing like this before.
    So nice to find another person with unique thoughts
    on this issue. Seriously.. thank you for starting this up.
    This site is something that is required on the web,
    someone with a little originality!

  48. I have read a few excellent stuff here. Definitely price
    bookmarking for revisiting. I wonder how a lot attempt you put to make this sort of wonderful informative
    website.

  49. Hi there terrific website! Does running
    a blog like this take a lot of work? I have absolutely
    no knowledge of computer programming but I was hoping to start my
    own blog soon. Anyway, should you have any recommendations or
    techniques for new blog owners please share. I know this is off topic but I
    simply had to ask. Kudos!

  50. Amazing things here. I am very happy to see your article.
    Thank you a lot and I am looking ahead to touch you.

    Will you please drop me a mail?

  51. Hi, I do think this is an excellent website. I stumbledupon it
    😉 I may come back yet again since i have bookmarked it.
    Money and freedom is the best way to change, may you be rich and
    continue to guide other people.

  52. I do not know if it’s just me or if perhaps everybody else
    encountering issues with your website. It appears as though some
    of the written text in your content are running off the screen. Can someone else please comment and let me know if
    this is happening to them too? This could be a problem with my
    internet browser because I’ve had this happen before. Many thanks

  53. I am really delighted to glance at this website posts which
    carries plenty of valuable data, thanks for providing
    these kinds of information.

  54. Nice blog here! Additionally your site rather a lot up
    fast! What host are you using? Can I get your associate link in your host?
    I wish my web site loaded up as fast as yours lol

  55. Hi, I think your site might be having browser compatibility issues.
    When I look at your website in Firefox, it looks fine but when opening in Internet
    Explorer, it has some overlapping. I just wanted to give you a quick heads up!
    Other then that, great blog!

  56. You really make it appear really easy with your presentation but I to find this matter to be really
    something which I believe I’d by no means understand. It kind of feels too complicated
    and extremely large for me. I am taking a look ahead to your subsequent
    publish, I’ll try to get the cling of it!

  57. It is the best time to make a few plans for the long run and it is time to
    be happy. I have read this put up and if I may I want to recommend you few fascinating
    issues or tips. Maybe you can write next articles referring to this article.
    I wish to read even more issues approximately it!

  58. What’s up it’s me, I am also visiting this site regularly,
    this web page is really nice and the visitors are in fact sharing nice thoughts.

  59. Your mode of explaining the whole thing in this piece of writing is in fact pleasant, all can simply be aware of it, Thanks a lot.

  60. Sweet blog! I found it while browsing on Yahoo News. Do you
    have any suggestions on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!
    Appreciate it

  61. I loved as much as you will receive carried out right here.
    The sketch is tasteful, your authored subject matter stylish.
    nonetheless, you command get got an shakiness over that you wish be delivering the following.
    unwell unquestionably come more formerly again since exactly the same nearly a lot often inside case you shield this hike.

  62. I know this web page provides quality dependent articles and additional stuff,
    is there any other web page which offers such data in quality?

  63. What i do not realize is in truth how you are no longer really a lot more well-liked than you may be now.
    You’re very intelligent. You understand therefore significantly when it comes
    to this matter, made me individually consider it from numerous numerous angles.

    Its like men and women are not fascinated unless it’s one thing to accomplish with Lady
    gaga! Your personal stuffs excellent. All the time take care of it up!

  64. Thanks for one’s marvelous posting! I certainly
    enjoyed reading it, you might be a great author.I will
    be sure to bookmark your blog and may come back
    later in life. I want to encourage yourself to continue your great
    work, have a nice weekend!

  65. It’s a pity you don’t have a donate button! I’d without a doubt donate to
    this excellent blog! I suppose for now i’ll settle
    for book-marking and adding your RSS feed to my Google
    account. I look forward to brand new updates and will talk about this website with my Facebook group.
    Talk soon!

  66. Hello, i read your blog from time to time and i own a similar one and i was just curious if you
    get a lot of spam feedback? If so how do you protect against
    it, any plugin or anything you can recommend? I get so much
    lately it’s driving me mad so any support is very much appreciated.

  67. Hello there! I know this is kinda off topic but I was wondering
    which blog platform are you using for this website?
    I’m getting fed up of WordPress because I’ve had issues with
    hackers and I’m looking at alternatives for another platform.

    I would be fantastic if you could point me in the direction of a good
    platform.

  68. I’m really loving the theme/design of your site.

    Do you ever run into any browser compatibility problems?
    A couple of my blog readers have complained about my blog not
    working correctly in Explorer but looks great in Chrome.
    Do you have any advice to help fix this problem?

  69. Hey there! I just would like to offer you a big thumbs up
    for your excellent info you’ve got here on this post.

    I’ll be returning to your website for more soon.

  70. I blog quite often and I seriously appreciate your information. This great
    article has truly peaked my interest. I am going to take a note of
    your blog and keep checking for new information about once a
    week. I opted in for your RSS feed too.

  71. I’m now not sure the place you’re getting your info, however good topic.
    I needs to spend some time learning more or working out more.

    Thanks for great information I was looking for this info for my mission.

  72. I’m gone to say to my little brother, that he should also pay a
    quick visit this web site on regular basis to get updated from most
    up-to-date news update.

  73. Excellent blog you have here but I was wanting to know if you knew of any forums that cover the same
    topics talked about here? I’d really love to be a part of
    community where I can get feed-back from other knowledgeable individuals that share the same interest.
    If you have any recommendations, please let me know.
    Thanks!

  74. It’s not my first time to pay a visit this site, i am browsing this website dailly and get fastidious data from here all the time.

  75. I was suggested this web site by my cousin. I am not sure whether this post
    is written by him as no one else know such detailed about
    my difficulty. You are wonderful! Thanks!

  76. Undeniably consider that which you stated. Your favorite
    justification appeared to be on the internet the simplest thing to have in mind of.
    I say to you, I certainly get annoyed whilst people think about worries that
    they just don’t know about. You controlled to hit the nail upon the highest and
    outlined out the whole thing without having side effect , folks can take a
    signal. Will probably be back to get more. Thanks

  77. always i used to read smaller articles or reviews which also clear their motive, and that is also happening with this post which
    I am reading at this place.

  78. Good day! This post couldn’t be written any better!
    Reading this post reminds me of my good old room mate! He always kept talking about this.
    I will forward this post to him. Fairly certain he will have a good read.
    Thanks for sharing!

Leave a Reply

Your email address will not be published.