Accessible Web Design: Cooper Hewitt Museum

cooper-featuredImage

04Cover-CooperHewitt-1.jpg

Overview


The project is to optimize the accessibility of the Cooper Hewitt Museum website
to help the museum improve the user experience before and during their visits to the museum for disabled people.

A graduate-level class project working with Occupational Therapy programs and the Cooper Hewitt Design Museum.
The project was presented to the museum and got applause and developed.

2017.02-2017.05
In a team of 5


Brief

屏幕快照 2017-09-23 上午8.48.27.png


Process

屏幕快照 2017-09-23 上午8.50.01.png
Design Process

Posts & Press:


Research

We conducted
Contextual Inquiry(实地考察)| Technology for accessibility | Competitive Analysis | Survey | One-on-one interview
for the research to get enough information and insights for us to define problems and have the project Goal.

Problem Define

Through the research we did, we found the following problem existing on the current website.

  • The website was not usable for a screen reader, which is the main tool for people with visual problems to view and experience a website.
  • Users with visual problems could not purchase a ticket online.
  • The information architecture on main navigation is not user-friendly, for users with either visual problem or mobility issue.
  • When people with disabilities go to the museum, they would meet with a lot of on-site problems, but these problems were not presented well on the website.

Project Goal

屏幕快照 2017-09-23 上午9.13.43.png

  • The website is to serve as a pre-visit for people with disabilities.
  • The web page itself is accessible to read and experience and screen reader friendly.
  • To increase the overall user-friendly level of the website.

Design Process & Iterations

 

屏幕快照 2017-09-23 上午10.32.53.png
Team-work | Information Architecture | Design

 

Usability Tests & Insights

 

屏幕快照 2017-09-23 上午9.17.10.png
Usability Test
屏幕快照 2017-09-23 上午9.17.17.png
Insights from the tests

 


Final Prototype & Design Recommendation

ezgif.com-video-to-gif.gif

The features we design:

This slideshow requires JavaScript.


Presentation & Feedback

We presented the project and prototype to the museum. We also delivered our Do & Donts list of helping the museum to improve the accessibility of the website.

IMG_5573

IMG_5577


Next Steps

屏幕快照 2017-09-23 上午10.23.25.png


I learned so much about UX design, experience design and accessible web design from this project.

I also practice my teamworking skills and learn how to work with real clients.

What’s more, I further realize that UX design is not just about screen design, but to serve as an assistant for users to experience the whole service. In this case, is to help people with disabilities to visit a museum better before, during, and after their visits.

Thank you for reading and see you next time.:D

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s