Friday, January 6, 2017

OUGD504 - Design for Screen - Functionality & Videographic Documentation

The videos showcased on this page show the Style Library Visualiser App's animated functionality, demonstrating the exact user experience. As evident in these videos, the app uses simple, clean transitions between pages that enhance the user experience and engagement through amplified sense of functionality.

The transitional system used by the app uses logical direction suggestion that aids the users awareness of interaction within the app.

A straightforward system, users can expect and experience the following transitions during their experience:
  • When moving from left to right across the navigation bar from 'Inspire' to 'Basket' and those in between, pages will 'Push Left.'
  • Upon progressive movement within the app, pages will 'Push Left.' 
  • When returning or going back within the app, pages will 'Push Right.'
  • When moving back from right to left across the navigation bar from 'Inspire' to 'Basket' and those in between, pages will 'Push Right.'
  • In opening the account section of the app from the main app pages accessed via the navigation bar, the page will 'Slide Down.'
  • On return to the main application pages from the account section, the main app pages accessed from the navigation bar  will 'Slide Up.'
  • With the exception of the account pages, roll calculator and visualiser - the navigation bar will remain present at all times for ease of use and enhanced user experience.
  • When jumping between app pages or opening via links, such as from scrapbook image to product information, the transition will 'pop.'
  • In the case of interaction with photo pages featuring a translucent quality/overlay, tapping will 'dissolve' back to the previous screen. 
The app transitions exploit the western culture and subconscious act of reading from left to right and the standard navigational devices encountered on a daily basic (left, right, up, down) to enhance the user experience through familiarity of action and engagement with everyday life - making for an enjoyable experience that comes naturally to the target. Each transition within the app has been considered in its ability to mimic the expectation of the target in predicting their assumption of how things should act in response to their actions. 

These transitions are exhibited in the following videos:












No comments:

Post a Comment