During Dubhacks, a 24 hour hackathon that takes place at the University of Washington, my group wanted to create a project that focused on accessibility. We decided to create a web API, that hosts a Google Chrome extension, which will allow users to change parts of the website to fit their preferences (colors, fonts, layouts, etc.)
This idea was based off of research from the UK, that showed what users with six different types of disabilities preferred when visiting a website. I was in charge of creating the landing/settings page, that allows users to set their website preferences based off their needs.
The final wireframes follow the accessibility design rules from our research, to ensure that these users can easily set their preferences.
Tools & Skills
Research, Adobe XD
Team of 2 HCDE Undergrads, 2 Informatics Undergrads, and 1 CS Undergrad
Helped research the idea to give tasks to the devs, designed the landing/settings page
The research that our group used focused on research lead by interaction designer Karwai Pun. Pun is part of the UK government department, Home Office Digital. This department has recently conducted quite a bit of research into how to design for those with disabilities. From this research, they came up with these posters containing design guidelines to different groups with different disabilities.
As I was designing the landing/setting page to define these guidelines, I also had to ensure that I followed these guidelines when designing the page. This was definitely a challenge, but I was really excited to see what I could do!
Because I did not have much time due to the time restraints, I focused on creating low-fidelity wireframes to demonstrate my ideas to the rest of the team. The flow for this page was simple: allowing the user to quickly set up their preferences so they can go back to browsing the web comfortably.
I came up with the idea of 'profiles' which allowed users with diagnosed disabilities to get pre-set options that fit into their disabilities the best. This would help if they are not sure what they want their preferences to be. If these options are not correct, they are always allowed to go down and de-select or select more options. If someone does not have one of these profiles, they are still allowed to go down and select any options they prefer.
As I mentioned before, I had to ensure that my page fit into the design guidelines of these users. I focused on different design choices such as making text large and left-aligned and making buttons large and easily clickable.