Optimize for Older Adults, Checklist

How to optimize UI/UX - UI/UX Optimising Mumbai

29 Jul Optimize for Older Adults, Checklist

Optimizing UI/UX design for older adults isn’t as complicated a task as it seems. Are you ready to start adopting senior-friendliness? Test your platform with our checklist now!

Our research has been directed towards determining age-related factors that influence seniors’ interaction with technology. A deep dive into academia and research studies has given us a well-outlined and precise insight into how seniors use the web, their process of completing tasks online, as well as physiological and psychological considerations that limit their online experience. Based on our findings, we have created this all-encompassing checklist which you can utilize to test the senior-friendliness of your UI/UX design.

This checklist is designed for websites. However, most of the fields provided apply to the UI/UX design choices made while creating all types of applications and web-based platforms.

CategorySub-CategoriesDesired Specification
DesignColours and ContrastHigh contrast in chosen colours.
Bright and fluorescent colors are avoided
Blue/green/yellow combinations are avoided in close proximity
Different shades of the same colour are avoided in close proximity
Formatting and SpacingWhite space is used between elements
Margin of 1 ½ or more inches minimum, are used
Left-hand justification is used
Information is concentrated mainly in the centre, in terms of horizontal alignment
Leading is at least 130% of the character height.
ReizingAllow users to resize important elements (such as text, cursor etc.) on the website itself (resizing without browser controls)
Website layout and usability is maintained when resizing is done through the browser
BackgroundBackground patterns are minimal and do not distract the user
Foreground is separated from background significantly
Watermarks or embossed logos are avoided
Dark type is used on a light background. The contrast ratio between the background and text is at least 4.5:1.
Coloured text on a coloured background is avoided
Animations, Graphics and MediaFlashing, scrolling or blinking elements are avoided
Graphics are relevant and not for decoration. Give preference to visual items that convey functionality without colour or text.
Minimal and simple animations are utilised. Animations are utilised only when necessary.
All media elements have a caption / short description / alt text
There is a clear correlation between media / images and their purpose / parent elements
Popups are avoided
Advertisements are easily identifiable and are concentrated towards the edge of the page – clearly separated from the content
Video / audio is only used to complement visual information
High pitched audios are avoided
Transcripts for video and audio have been provided for accessibility
Pictures of people reflect the diversity of your audience
While addressing seniors, pictures used show seniors
TextSerif or san-serif typefaces are used. Narrow or decorative fonts are avoided.
Drop shadows on texts are avoided
Font size is between 12-14 points for body text
Font size for headings is 2-3 pixels larger than the body text
Bold and italics are only used for emphasis and are used minimally
The use of all-caps is avoided
Letter and line spacing is significant
ClickablesClickables (buttons, links etc.) are easily distinguishable from the remaining content
Links are underlined. Visited links are a different colour compared to unvisited links.
Clickables have significant padding and the clickable region is outlined / identifiable
Clickable elements such as graphics of banners are static
Layout and DesignImportant information is placed towards the top of the page
Important elements are clearly labelled (Eg. menu, headings)
A consistent theme it utilised which agreed with the organisation’s branding
The purpose of the website is easy to identify
Related topics are grouped visually
The search feature is placed in a noticeable place and is in the same location on every page.
Navigation and ControlNavigationAll external links open up in new tabs
A site-map is provided / the site hierarchy is communicated in some way
“Emergency exits” are clearly labelled and available for users to terminate certain functions. Undo and redo’s are supported
There are prev/next buttons on the website itself
Use the same set of navigation buttons in the same place on each page.
ControlWebsite indicates when the user can scroll more / when the bottom of the page has been reached
Pull-down menus, fly-out menus are avoided. If they are used, open and close options are available. Scrolling lists are avoided.
Horizontal scrolling is disabled. Automatically scrolling text is avoided
Bars, rules and other features which extend horizontally are either at the top or the bottom of the page
Double clicks are treated as single clicks – the first click is accepted
Alternative keyboard stroke options are available for common function
Microinteractions indicate where the cursor is located on the screen
ContentInformation Principles and OrganisationBreath vs. depth – shallow information hierarchies are followed
Provide users enough time to read and use content
Making objects, actions, and options visible – the user doesn’t need to remember information, rather can choose. Label form / input fields.
Content is clear and concise. Pages are short. Break information into short sections
Fewer choices are provided to the user and summaries are provided.
Selected option is highlighted.
Feedback or progress provided while long tasks are being completed. Goals are reinforced.
Appropriate forms of assistance are provided for various functionalities (Eg. tutorials, manuals, documentation)
Contact information of the site owners is provided (telephone + email)
LanguageText is in the active voice
Explicit instructions are written in the imperative forms. Instructions are numbered
Error messages are simple and easy to comprehend
Users are addressed as “you”. Phrase content from the user’s perspective (rather than the system’s perspective).
Technical terms and jargon are avoided. Unfamiliar terms are defined.
Search caters to spelling errors
Explain how a user interface interactions behave (Eg. pinch to zoom).
A controlled and consistent vocabulary is used.
Appropriate and easily identifiable icons are used consistently throughout all pages.

Are you interested in this field? Begin adopting senior-friendly UI/UX design practices to optimize your platform for older adults. Let’s start a conversation – contact us now!

No Comments

Post A Comment