An eye-tracking web app for Facebook
The Speak Your Mind Foundation makes inexpensive products for people with disabilities. They commissioned our team to make a Facebook interface to work with eye-tracking technology. Our Facebook App helps ALS victims stay in touch with their friends and family. Our team consisted of four Brown University engineers and myself.
My role
- Designing the interface
- Implementing the homepage
- Creating icons
- Balancing design ideals with engineering constraints
Homepage Ideation
What are the most important actions for our user?
Templating
How do we optimize content for eye tracking?
Fleshing out
How much content should we put on the page? (while preserving readability)
Wireframing
How does the user want to navigate?
How does the user want to navigate?
Final Wireframe
Try it yourself: http://accessiblefacebookui.herokuapp.com