ezgif.com-video-to-gif.gif

Micromatter


 

Project- Graduation Thesis- Micromatter

Project mentors- Ellen lupton, Jennifer Cole Phillips, Jason gottlieb

3X1A8884.jpg
 
 

 

The project explores a graphic language inspired by human life to create a series of micro-interaction animations that transform ordinary interactions into desirable experiences.

 

We experience a variety of emotions when we interact with our devices—from frustration to delight to a sense of security. Micro-interactions are the little details that perform small tasks such as unlocking your phone or refreshing your notifications. These tiny moments of engagement have the capacity to elevate our experiences. 

 
 
3X1A8880.jpg

Exhibition- Projection

089A9939 copy.jpg
Trivediv_thesisHR_4.png
3X1A8958.jpg
Trivediv_thesisHR_6.jpg
2018-doc_VT-1.jpg
 
 

'Micromatter' is a visual language designed for micro-interactions. Micromatter is a system of motion design that takes inspiration from the living world to create desirable experiences. This demonstration shows four different characteristics of micromatter.

 
 

Anticipation

Pull to refresh

 
 

The motion of micromatter creates moments of pleasurable expectation. The subtle yet powerful movement of the elements prepares the user for a rewarding reveal.

As the user pulls down the notifications list, room is made for a new entry to appear. With a fluid drip, it pours itself into the list and reveals new information.

 
 
 

Dialogue

Sign in

 
 

Micromatter works like body language. The elements respond to actions as if they were aware and sensitive to every input. 

As you start typing, the button becomes alive in response. The change in color confirms that the system is ready to proceed.

 
 
 
 

Breath

upload

 

Micromatter has a subtle rhythmic movement. The  tasks performed by the elements are not just seen but felt. The movement nudges the user through a sequence of actions. 

While a file uploads, a soft circle gently quivers; it comes to rest when the upload is complete. The colored line surrounding the shape conveys energy and progress.

 

 
 

Release

Delete

 

The movement of micromatter follows a natural arc. It defines the relationship elements have with each other.

Pulling the notification from right to left reveals a button. The pulling movement builds a subtle tension among the elements. As the user clicks the button, tension is released and the notification exits the screen with a swift motion equivalent to a tiny sigh of pleasure.

 
 

Exhibition installation 

Trivediv_thesisHR_11.jpg
3X1A8947.jpg
3X1A9164.jpg
Trivediv_thesisHR_12.jpg
2018-doc_VT-2.jpg
3X1A9066.jpg
 
2018-Entry-1.jpg