June 12th, 2020

Activity Summary

At this session, a participant with low-vision interacted with creating nested loops and custom blocks when building code sequence with the current prototype.

• Link to prototype: 
  www.figma.com
• Script for using the prototype: 
  • Add a loop at the end
  • Add a forward tile inside your loop
  • Add another loop right before the forward tile
  • Add another forward tile inside Loop 2
  • Add another Loop after the Turn Right tile
  • Move Loop2 outside of Loop 1

Goals

• To test how to support low-vision user to create nested loop function when creating coding sequence
• To test how to support low-vision user to create custom blocks when creating coding sequence

Notes from the session

• No difficulties adding loop and nested loop into sequence
• Difficulty with drag function as the mouse would hover in grey area instead of the white/blank space. User benefited from verbal cue to change mouse position and vernal instructions describing drag and drop. For example “hold mouse over x location and drag to scroll horizontally”

Notes for C2LC design

• Keep current action labels. For example, ‘Start Loop’ and ‘End Loop’
• Change the grey portion of the loop to have more contrast
• Enlarge the number in the loop function 
• To differentiate different loops, use colours (i.e. red and yellow) and shapes
• Explore whether loops can collapse such that it is similar to Custom Blocks.