This is research to Identify common usability and design issues in website with specific to older users

1. By:
Mohd Syaheezam Asyraq Bin Yamin
MIMOS BERHAD

2. Introduction
MIMOS will be launching iDola, a tablet pc which
targeted for older adults
At the moment, there is no product website available
A website is needed - a publicity and marketing tool,
information and product details.
Objective:
To create a product website that will make iDola
more accessible to older people .
Scope : provide guidelines for website design

3. Rationale
Enable access to the product resources available
online.
From HFE aspects- Since older adults have physical
and cognitive abilities that may or may not limit their
use of, enjoyment of, and success with Web sites,- it
is important to consider those issues as well as their
expertise with computers and the Web.
Provide interactive demos and other educational
material - greater understanding of the products.

4. Project goals
Identify common usability and design specific to
older users
Examples of designs/designs elements that work
well and that do not work well

5. User-centered Design
2 Issues identify :
Designing Readable Text For Adults
(Visibility and Legibility)
Presenting Information to Older Adults
(Accessibility)

6. Human Factors Application
Designing Readable Text For Adults
Typeface: - use san serif.eg - Helvetica
avoid serif, novelty , and display typefaces
Typesize: Use 12 point or 14 point for body text.
Typeweight: medium or bold face type
Capital and lower case letter : medium or bold facetype
Physical Spacing : Double space all body text.
Justification : Left justified text - optimal for older adults.
Color : Avoid yellow and blue and green in close
proximity - difficult for some older adults to discriminate.
B/ground : font color contrast against BG, avoid pattern

7. Human Factors Application
Presenting Information to Older Adults
Writing the text :
Style : present info in clear ways, use + ve statement
Phrasing: use active voice
Simplicity : use simple language
Organization: - organize content in standard format
- short sections

8. Human Factors Application
Presenting Information to Older Adults
Incorporating Other Media :
Illustrations & Photo : use text relevant images only
Animation/Video/Audio: use short segments to reduce
download time on older computer
Text Alternative : static text version for A/V/Audio

9. Human Factors Application
Presenting Information to Older Adults
Increasing the Ease of navigation :
Navigation : - organization- simple/straightforward
- Carefully label links
- Step by step navigation w/ever possible
Mouse: single mouse click to access info
Consistent Layout : - standard page design
- same symbol/icons
- same set of navigation buttons
Style/Size icons/buttons : - with text
- large button

10. Human Factors Application
Presenting Information to Older Adults
Increasing the Ease of navigation :
Menus : use pull down sparingly
Scrolling : avoid automatic scrolling
Hyperlink: use icons with text
Sitemap : provide site map
Help/Information : Tel.no / Email for questions

11. Design Prototypes
Interaction Design :
• Use conventional interaction elements eg. Links
• Make it obvious what is clickable or not
• Clickable items easy to hit
• Minimize vert.scrllin,NO horizontal scrolling!
• Back buttons behaves predictably
• User stay in control –no rolling text automatically
• Clear feedback- caption for images/video/animation

12. Design Prototypes
Information
Architecture :
• Make the structure as visible as possible
• Clearly label content categories – use language that older
familiar
• Info.hierarchy – shallowest possible (group related topicss,2-5
clicks)
• Sitemap – include in every page

13. Design Prototypes
Information Design :
• Make it easy to find things on page quickly
• Focus the writing on audience and purpose
- active voice (directed to “you”)?
- sentences short,simple,straightfwd
• Use user’s language , minimize jargon ,technical terms

14. Design Prototypes
Product (Web) Design :

15. Design Prototypes
PROJECT LIFE CYCLE
1.Identifying concept – web 2.0, simple design, light ,
trendy and glossy
2.Identifying /finalizing final content – short, informative,
3.Menu/navigation layout – simple, interactive
4.Analysis Media Requirement – icons, consistent
layout ,flow navigation
5.Development /implementation – design, programming,
animation, video , media integration testing
6.Deployment – upload, testing (alpha / beta), UAT

16. Design Prototypes
LOGO
About JEN-ii Features How To Use Buy JEN-ii Contact Us
Page Title
CONTENT
Footer
SEARCH
Jen-ii description
KISS Principle

17. Design Prototypes

18. Usability Evaluation
Method: using Heuristic Evaluation
- “Usability engineering method for finding the
usability problems in interface design, part of
iterative process”
- It specifically involves evaluators examining the
interface and judging its compliance with recognized
usability principles
- looks for violations of each of the heuristics (using
checklist)
- More in the nature of rules of thumb than specific
usablity guidelines

19. Usability Evaluation
Process:
1. Create personas
2. Segmentation model
3. Define Task
4. Perform Task
5. Rate Observation

20. Usability Evaluation
Create Personas:
Consider 4 factors:
1. AGE – life experience,educational level
2. ABILITY – Cognitive and physical
3. APTITUDE – Expertise with technology
4. ATTITUDE – Confidence level
- Emotional state of mind

21. Conclusion
Heuristic evaluation is the usability testing against
the products/systems NOT the testing the users.
Consistency is the most important elements when
dealing with olders.
Not need to follow all heuristics to develop the
website – its only the elements that needed because
of the special aspects of age , ability, aptitude and
attitude.

22. THE END

23. Typeface eg.:

24. Type Size example :

25. Type Weight example:

26. Justification example:

27. Evaluation Form