Young Designers 2011

 
 
 
  |
Scope of Dynamic Behaviors in User Interfaces
Design for Digital Experience | PGDPD
Mamata N. Rao
Yahoo! Software Development Centre, Bengaluru
Keywords
Dynamic behaviours
Animation
Design pattern library
Interaction mood-boards
On a digital platform, actions often manifest as animations in the user interface (UI). The effective use of animations and metaphoric actions can make an application/web interface easier to understand and bring it to life. Besides orienting users to the state changes in UI, animations, when used correctly, can make the interface feel smoother, richer, natural and more engaging. They can effectively keep users abreast with state changes and object manipulations and smooth the process of such changes.

The objective of this project was to analyze the use of such animations as UI elements, chalk out a functional vocabulary of the patterns of usage to be used by designers and enlist a set of recommended practices of applying these animations to a UI.

The intent of the interactive repository I had designed was to aid the contextual discovery of dynamic behaviours used across platforms. This collection of behaviors acts as a visual clue and reference for designers who seek to communicate these for the implementation in the development phase. The repository tool allows designers to clip and compose a scheme of dynamic behaviours for an entire digital product. It also enlists a set of ‘best practices’ for a behaviour, which is socially validated by other UI practitioners.

The final deliverable was an extension of the Yahoo! UI Library, Y!Motion, an interactive, open and scalable repository of dynamic behaviours.

The project was a great learning experience, especially because it involved understanding the design process used by various user experience designers and envisaging a tool to aid their process of creation.
Communication Design
AFD (20)
ED (6)
FVC (11)
GD (25)
I.T. Integrated Design
DDE (15)
Abhay Vyas
Akash Shekhar
Akhila Mathur
Ayush Srivastava
Chinmay Hulyalkar
Deepti Jha
Heya Basu
Kartik Gupta
Mahelaqua
Nivedita Khandekar
Sangeeta Balasubramani
Shilpa Chaudhari
Shivi Kapil
Sunil R Shenoy
Varun Varshney
IID (13)
NMD (17)
Interdisciplinary Design
DRE (12)
SDM (18)
Industrial Design
CGD (9)
FID (10)
Tr AD (8)
TGD (8)
PD (20)
Textile Design
ADM (7)
LAD (4)
TD (18)
Credit | Contact Us © All Right Reserved to National Institute of Design, Ahmedabad (INDIA)