Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Lost in translation with all the jargon? Let the #StarWarsChick simplify it for you
Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Aesthetics aside, design is largely about function and is very centred around how people process information and their interaction with it. Here are some common terms used in user interface design that sound fancy and technical, but really aren’t that hard to grasp.

Visual Hierarchy

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

A group of visual elements arranged according to emphasis.

Basically what your eyes are drawn to first when looking at an app, website, poster, article etc. By using colour, contrast, size and position, designers organise elements so that users are drawn to a flow of information according to importance.

For example, a headline is always bigger/bolder than the body text.

Wireframe

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

A set of images that display the structure and functionality of an app/website.

Think of this as the skeleton of an app/website. Like in biology, it is the basic structure before you lay on the skin.

Legibility

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

The quality of text being clear enough to read.

Because nobody wants to squint or lean in when they’re trying to read something. Good legibility is text/type that you can read with ease.

Advertisement

Display Resolution

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

The number of pixels on a screen.

Usually shown as width x height, the higher the resolution the more pixels your display can show, the sharper and clearer the images.

THANKS TO OUR SPONSORS

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

Singapore Cover Girl Dora: 5 fancy UI/design terms in simpler words

The Stuff Singapore Cover Girl Search is powered by NokiaCanon and Funan DigitaLife Mall, and sponsored by PioneerLenovo and Clarke Quay. It's supported by Zalora,  Phantom ModelsPower 98OperaWATSinside, and photography studio Vineyard Productions. All sponsors will be with us online and at offline events throughout the entire campaign - until the winner rocks the cover of our August issue. Hold on tight, it's set to be a whole heap of fun...