Hi Fidelity User Interface Design

Hi Fidelity User Interface Design

This pattern can also be used to create Hi Fi User Interfaces. Hi Fi user interfaces are high performance user interfaces which have flicker free screen.

What is a Flicker?

Flicker is the time elapsed between two successive refreshes. The lesser the time it takes to repaint the next screen, the lesser is the Flicker and the better is the user experience.

But how can we reduce the Flicker?

Actually any user interface is a combination of Layout and Data. Normally it is considered that the difference between two successive screens is not 100%, but on an average the variation can be 20- 30 % i.e. 70% of the data and layout might remain the same and 20-30% of data and layout might change.

For example,

Figure- Figure

One way of achieving the same is by UI application passing the reference of top level window component to the renderer which will blindly call the Paint () which in turn will recursively call the Paint () of all the child UI Components and then the entire user interface is painted.

In this case letís say Paint () of 50 components is getting called which takes 50 seconds to paint.

If your application was intelligent enough to find out the data and the layout which has got changed, then instead of passing the top level window component to the renderer, it will pass the centre data component to the renderer which will again blindly call the Paint () method on the Centre Data Component which will recursively call the Paint () on all the child UI components.

In this case the Paint () of 10 components is getting called which takes 5 seconds to paint and thatís where the flicker of the screen is getting minimized. Some of the latest UI development frameworks use a similar mechanism.

 
Hemant Jha
Founder - VPlanSolutions
Researcher, Trainer

www.VPlanSolutions.co.in