Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Become a member
Home ›› Motion and Animation

Motion and Animation

See All Topics
Read these first

Designing the Perfect Button

  • 3D Graphics and Interfaces, Accessibility, Behavioral Science, Customer Experience, Design, Design Tools and Software, Interaction Design, Interface and Navigation Design, Mobile Applications, Mobile Technology, Motion and Animation, Usability, UX Education, UX Magazine

Everything you need to know about what makes a button great.

Article by Domas Markevicius
IDEAS IN BRIEF
Designing the Perfect Button
  • Buttons are one of the main UI elements in interactive design and most businesses measure their success by button clicks.
  • The author covers the principles for a good button design at Wix:
    • Making a button clear
    • Making a button findable
    • Making a button identifiable
    • Maintaining clear, predictable and simple text
    • Using single icon buttons with caution
    • Minding hierarchy and emphasis
Read Article →
Share
Share:Designing the Perfect Button
6 min read
Designing-the-perfect-button

Creating Usability with Motion: The UX in Motion Manifesto

  • 3D Graphics and Interfaces, Accessibility, Customer Experience, Design, Design Theory, Motion and Animation, Usability, UX Education, UX Magazine, Video, Visual Design

The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?”

Article by Issara Willenskomer
IDEAS IN BRIEF
Creating Usability with Motion: The UX in Motion Manifesto
  • After over fifteen years of studying motion in user interfaces, the author believes that there are 12 specific opportunities to support usability in UX projects using motion.
  • UI Animation is to the ‘12 UX in Motion Principles’ as construction is to architecture.
  • The author unpacks the following 5 ideas that help you understand when and where to implement motion to support usability:
    1. Addressing the topic of UI Animation — it’s not what you think.
    2. Realtime vs non-realtime interactions.
    3. Four ways that motion supports usability (expectation, continuity, narrative, and relationship).
    4. Principles, Techniques, Properties, and Values.
    5. The 12 Principles of UX in Motion (easing, offset&delay, parenting, transformation, value change, masking, overlay, cloning, obscuration, parallax, dimensionality and dolly & zoom).
Read Article →
Share
Share:Creating Usability with Motion: The UX in Motion Manifesto
19 min read
Creating Usability with Motion: The UX in Motion Manifesto

The Widening Impact of the Motion Design Industry

  • Motion and Animation

Motion design has secured itself a predominant position across all industries. What lies behind the ever-increasing demand for animation?

Article by Micah Bowers
IDEAS IN BRIEF
The Widening Impact of the Motion Design Industry
  • Motion design has come a long way in establishing itself as an essential industry that meets business and people’s interest in engaging elements and greater interaction with products.
  • Because of its problem-solving nature, it’s employed not only in UX design and brand communications, but also in such fields as agriculture, health care, and consultancies.
  • Leveraging motion design helps to enhance brand and product design as it creates more engagement and provides greater experiences.
  • As motion design specialists have a deep understanding of the different design fields and visual communication, the demand for them is constantly increasing.
Read Article →
Share
Share:The Widening Impact of the Motion Design Industry
4 min read

UI Animation – An Ideal Tool for Immersive UX

  • Design, Input devices, Interaction Design, Interface and Navigation Design, Motion and Animation, Technology, Usability, Visual Design

Used in the right context and settings, animations can add meaning to a user interface and offer immersive interactivity as well.

Article by Preston Pierce
Share
Share:UI Animation – An Ideal Tool for Immersive UX
5 min read
ui-animation-small

Hi-Fi Prototyping

  • Agile and Iterative Process, Business UX Leaders, Consumer products, Customer Experience, Design, Design Tools and Software, Development, Direct Observation Research, Enterprise Products, Interaction Design, Interface and Navigation Design, Motion and Animation, Product design, Prototypes, Technology, Usability, User Reported Feedback

Prototyping facilitates rapid iteration and fail-fast (and learn-fast) experimentation, and helps the whole product team push technical limits.

Article by Heather Daggett
Share
Share:Hi-Fi Prototyping
6 min read
XD_Article_v2_smaller_final

User Testing as a Design Driver

  • Augmented Reality, Consumer products, Contextual User Studies, Design, Interaction Design, Interface and Navigation Design, Interviews, iPad, iPhone, Mobile Applications, Mobile Technology, Motion and Animation, New and Emerging Technologies, Product design, Project Management, Prototypes, Research Methods and Techniques, Research Tools and Software, Social Media Marketing, Social Networking, Usability, User Acceptance Testing

The lead designer from Looksery—Snapchat’s recent acquisition—explains how user testing led to the creation of an app people can’t get enough of.

Article by Jordan Crone
Share
Share:User Testing as a Design Driver
6 min read
looksery-testing-as-design-small

Tell us about you. Enroll in the course.

    ✕

    Join 740,000 designers, thinkers, and doers.

    Become a member

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and

    Accept policy