Categories


11 UI Designs That Use Motion to Relieve Complexity

Aviran Revach

Motion is one of the strongest tools in the UX/UI toolkit. It allows us to connect elements and usage stages, direct the users to a desirable action and relieve their cognitive load. Motion also allows us to add a layer of emotional connection with the user by adding character, rhythm and color to the UI.

We collected  11 examples from a variety of apps,  illustrating how you can use motion to turn complex usage processes into simple, friendly UX UI design.

 

1. Calorie Calculator

calorie_calc

 Carol Ortyl

2. Bus Ticket Reservation

dribbble_redbus

ranganath krishnamani

3. Image Search

shot222

Kushagra Agarwal

4. Reading Financial Information

gs

FANTASY

5. Registration Process

registrering2

Ole Kristian

6. Purchase 

shot

Armand Chakhalyan

7. Shipment Tracking

shipp-add-interaction

Budi Tanrim

8. Money Transfer

slidetotransfer

MX

9. Code Management

mu-mus

thoughtbot

10. Rent-A-Car Abroad

renty_mobile

Eleken

11. Coordinated Purchase of Airline Tickets

messenger-concept

Isil Uzum

 

UI/UX Design mentor, a lecturer at Shenkar College of Engineering and Design, tech Geek, and Founder, CEO & Chief Experience Director at Pumika.