Clear Design

A place for everything, and everything in its place. – Benjamin Franklin

Communicate Clearly
Be Consistent
Be Accessible

Clear: Easy to perceive, understand, or interpret. The quality of being coherent and intelligible.

/klɪə/

Communicate Clearly

1. Design is communication
2. Don’t clutter but do fill
3. Give clear feedback

What graphic design, visual clues, and interaction standards will maximise clarity?
What is the best way to use the space without overwhelming the user
What feedback would make the functions and status most clear to the user? Is text to voice required?

Efficient design is understandable because this cuts down the time a user must spend learning the design.

‘A matter that becomes clear ceases to concern us.’

1. Design is communication

Visual clarity.

Maximise visual clarity. Clear design is clear communication.

Everything must be clearly arranged, self-explanatory and consistent.

No matter how complex the process the means of achieving a user’s goal should be clearly understandable.

Space evenly

Ties with logical presentation

Give visual cloues.

2. Don’t clutter but do fill

Always provide users with obviously marked tools they need to perform tasks and navigate the system. These must be in a consistent position and format.

Balance the consistency of layout with user story requirements; don’t deluge the user with control choices if they are not relevant.

3. Give clear feedback

Do not use technical system-based terminology, or cryptic labels or error messages that non-technical people or users new to the system do not understand.

Sound and touch feedback

Be Consistent

Consistent: Acting or done in the same way over time, especially so as to be fair or accurate.

/kənˈsɪst(ə)nt/

1. Be consistent with styles and placement
2. Implement consistent workflows
3. Be consistent with brand voice

1. Consistent style and placement

Familiar navigational objects should not move or disappear unexpectedly so that users become disoriented. Clarity and consistency are imperative to efficiency.

Labelling and naming conventions must be always applied consistently across all modules in the application. Performing the same actions should always produce the same expected results.

Landmark items used for navigation should always appear where expected and react as they did before unless the reason for a divergence is clearly evident.

Users understand faster if they are visually secure or they are confident in the availability of help.

2. Implement consistent workflows

Patterns must be consistent.

3. Be consistent with brand voice

Match the look and feel to the brand. Know your brand’s voice

The look and feel should match the brand to make the user comfortable

It should be chosen to speak to your users

What is the user always expecting to be of the same style and in the same place?
What is the workflow the user expects?
What is the tone and style of the brand’s voice to be used?

Efficient design is consistent because consistency cuts down the time a user, especially a new user, must spend wondering how to do a task and, also, consistency helps minimise the chances of doing the wrong thing mistakenly.

Be Accessible

1. Fonts and control size matter
2. Use colour wisely
3. Consider multi-region requirements

What sizes and resolutions need to be catered for?
In what situations is colour appropriate as a visual indicator?
Does text need to provide in multiple languages, with variations on language direction?

Accesible: ….

/ˈrɛləv…..

1. Font and control size

Fonts are very important because text automatically attracts attention the font size, colour and case will all give the users clues to the meaning and relevance of the text before the user reads the text.

2. Use colour wisely

Use it wisely but do not rely on it.

Red is natures warning colour, yellow is great for getting attention without necessarily implying danger, grey means not so important.

3. Consider multi-lingual requirements