May 15th, 2020

Activity Summary

At this session, a participant with low-vision interacted with visual components of the existing prototype.

• Link to prototype: https://preview--c2lc-build.netlify.app/ 
• Script for using the prototype: 
  • Add a new step
  • Delete a step

Goals

• To determine function of buttons of prototype can be distinguished
• To recognize visual preference for component on prototype for users with low vision

Notes from the session

• Symbols for action buttons can be ambiguous to their function and could be clarified by adding words
• User selected the ‘Play’ button when asked to delete all steps
• The small circular nodes in between blocks on sequences were interpreted as blocks for up and down instead of separation
• Scroll bar was difficult to find on the prototype. No issues with scroll bar use once it was found
• When a movement in sequence was selected, the grey dashed outline was not easily distinguished. User could not identify which movement was selected
• Deleting steps was easy in this session because the user took time to be familiar with the interface prior to the session
• For a person with low vision, there is difficulty with manuals/menus that involves trouble reading and tracking activity (can get lost where things are happening on the page)
• Some UI features preferred: being able to zoom into text, using speech commands
• User suggested to include an option to include feedback/comments 
• There is difficulty adding steps when the sequence becomes longer. When the sequence went past the screen, the “add” button was further down and the ‘start’ button became invisible. User could not remember where the start button was located
• Using a head tracker to add steps was time-consuming
• Difficulty differentiating different panels of prototypes and which movements were being selected on sequence

Notes for C2LC design

• Provide options to change size and colours of user interface. Some colours may be hard to see due to low contrast
• To increase focus for the user who has difficulty tracking on page/screen, place content (e.g. control panels) in the middle of screen or a more central location
• To increase visibility, increase size and boldness for icons and text 
• Indicate selected movement in sequence with a thick high contrast outline (e.g. black border)
• The idea of a dashboard or collection of functions (e.g. similar to a start menu on Microsoft computers) for actions (i.e. add, delete, scroll) should be fixed (i.e always present) on screen