{"id":188407,"date":"2023-07-11T20:15:56","date_gmt":"2023-07-11T20:15:56","guid":{"rendered":"https:\/\/staging.rm.gfolkdev.net\/?page_id=188407"},"modified":"2023-07-17T01:26:45","modified_gmt":"2023-07-17T01:26:45","slug":"designing-interface-animation-frequently-asked-questions","status":"publish","type":"page","link":"https:\/\/rosenfeldmedia.com\/books\/designing-interface-animation-frequently-asked-questions\/","title":{"rendered":"Frequently Asked Questions"},"content":{"rendered":"

These common questions and their short answers are taken from Val Head\u2019s book\u00a0Designing Interface Animation: Meaningful Motion for User Experience<\/em>. You can find longer answers to each in your copy of the book, either printed or digital version.<\/p>\n

    \n
  1. Is this book only about web animation?<\/strong>
    \nI\u2019m framing the majority of my discussion of animation around the web because that\u2019s my preferred medium; however, all of the theory and design approaches to using animation effectively apply to other platforms as well. Even if the technology of web animation isn\u2019t what you\u2019ll be working with, there are still many benefits you can gain from including animation in your design efforts.<\/li>\n
  2. Why talk about animation now?<\/strong>
    \nThe technology available on the web means that it\u2019s now possible to create effective animation using the same technologies that you\u2019ve been using to build websites all along. At the same time, much of the audience\u2019s expectations have changed in recent years, due to\u00a0the popularity of smartphones, touch screens, and similar devices. The combination of these two recent trends means that you should consider the potential design benefits of animation more closely.\u00a0See page 4 for more information.<\/em><\/li>\n
  3. How can animation improve the user experience? How does it become more than just decoration or distraction?<\/strong>
    \nAnimation can improve feedback, aid in orientation, direct attention, show causality, and express your brand\u2019s personality. Great interface animation combines a known purpose and expert animation style to blend seamlessly into the rest of the design and enhance the experience.\u00a0Identifying strong foundations of purpose for animation are covered in Chapters 4 through 9.<\/em><\/li>\n
  4. How do I convince my boss\/client\/team that animation is something we should use?<\/strong>
    \nGetting your teammates or colleagues to view animation as a useful design tool takes time and won\u2019t happen overnight, but it can be done. The way to do this is to be an internal champion of animation and what it can add to your design efforts at every opportunity. The more examples you can show to demonstrate what animation can offer design, the easier it will be for your colleagues to see the potential benefits of animation.\u00a0See page 164 for more advice on how to be an undercover animation hero.<\/em><\/li>\n
  5. How can I express my brand in motion?<\/strong>
    \nKnowing your brand\u2019s personality and how it expresses itself in motion is key to creating a unique experience across many platforms and mediums. The same voice and tone your brand expresses with things like copy, content, type, and color can be expressed in animation terms as well. Depending on whether you are working with an established brand or a brand new venture, you may want to start with a motion audit\u2014cataloging the animation that you already have\u2014or by translating your brand\u2019s current personality traits to animation directly.\u00a0See Chapter 9 for more details on each approach and other tips for expressing your brand in motion.<\/em><\/li>\n
  6. Do Disney\u2019s classic principles of animation still apply to animating interfaces?<\/strong>
    \nThey absolutely do! While interface animation works in a different medium than these classic principles were originally written\u00a0for, the concepts covered in the classic principles show you how to create animation that references the real world and communicates effectively\u2014both of which are useful for designing effective interface animations. Much like you might reference the general guidelines of typography before delving into a layout with type, the classic principles can help guide your animation decisions.\u00a0For more on the classic principles and how they apply to interface work, see Chapter 2.<\/em><\/li>\n
  7. How does animation affect the accessibility of an interface?<\/strong>
    \nAnimation can have both positive and negative effects on accessibility. It can help to make interfaces easier to understand by reducing cognitive load and making feedback or state changes easier to follow and understand. But it can also negatively affect people with vestibular disorders and similar conditions.\u00a0For more on the potential impacts of animation on accessibility and how to animate responsibly, see Chapter 12.<\/em><\/li>\n<\/ol>\n

    Back to Designing Interface Animation<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    These common questions and their short answers are taken from Val Head\u2019s book\u00a0Designing Interface Animation: Meaningful Motion for User Experience. You can find longer answers to each in your copy of the book, either printed or digital version. Is this book only about web animation? I\u2019m framing the majority of my discussion of animation around … Continued<\/a><\/p>\n","protected":false},"author":150108,"featured_media":0,"parent":187323,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/pages\/188407"}],"collection":[{"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/users\/150108"}],"replies":[{"embeddable":true,"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/comments?post=188407"}],"version-history":[{"count":2,"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/pages\/188407\/revisions"}],"predecessor-version":[{"id":188409,"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/pages\/188407\/revisions\/188409"}],"up":[{"embeddable":true,"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/pages\/187323"}],"wp:attachment":[{"href":"https:\/\/rosenfeldmedia.com\/wp-json\/wp\/v2\/media?parent=188407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}