TangibleGrid: Tangible Web Layout Design for Blind Users

we present TangibleGrid, a novel tangible device that allows blind users to design a web page layout without assistance.

We conducted a semi-structured interview and a series of co-design sessions with a blind researcher to elicit insights that guided the design of TangibleGrid.

Our final prototype contains 3D printed shape-changing brackets representing the layout of HTML elements and a 3D printed baseboard representing the web page canvas. Blind users can add an HTML element to the layout by snapping tangible brackets on top of the baseboard. The baseboard senses the brackets' type, dimension, and location, verbalizes the information, and renders the HTML elements in the corresponding area on the client browser.

Through a user study, we found that blind users could understand a web page layout using TangibleGrid. They were also able to design a new web layout from scratch without help from sighted people.

Created by:

Jiasheng Li, Zeyu Yan, Ebrima Jarjue, Ashrith Shetty, Huaishu Peng

Publications:

ACM UIST 2022 PDF | DOI

ACM UIST 2022 DEMO