Ashe Student Health Center Website

How to improve the accessibility of the website to serve the student body of UCLA  

Understand

The goals of this project are to redesign the Ashe Health Center website to be first and foremost accessibility compliant. Redesign the website such that basic information needs are easily found by users to reduce strain on staff in answering questions. My team's design efforts are targeted towards students regarding content, navigation, and functionality, alongside keeping the UCLA brand. 

My Role

As part of a six-people team, I contributed to both ends of the project: user research and interface design. I conducted user research using surveys, cognitive walkthroughs, and card sortings. After all the research was done, me and my teammate designed high fidelity wireframes using Adobe XD. 

User Research 
Cognitive Walkthroughs

We recruited four participants for the cognitive walkthroughs through the surveys (which contained a section asking respondents for their email addresses if they were interested in participating in in-person research for $25), with three participants in the first research session and one participant in the second session. The participants included two 1st year undergraduate students, one 3rd year, and one 4th year. In the first research session, participants viewed the Ashe Center website on a laptop, whereas in the second research session, the participant viewed the website on a phone. We asked participants about their feelings towards the website upon viewing it and asked them to complete various tasks and find certain information on the website, recording their responses on a Google Form, and ended the cognitive walkthrough with an interview about previous experiences with the website and expectations. Recruiting participants for in-person research was difficult, with a large non-response and also large cancellation rate. However, we were still able to pull insight from the four participants.

map site

Card Sorting

With the same recruited group we held two card sorting sessions, an open and a closed one. For the open card sorting, we used labels from the site map to prepare groups to what makes most sense to users. All of the cards were used and felt mostly intuitive. For the closed card session, we sat categories and ask them to write down what they thought would be the most useful to have under. Only one participant was able to finish the task completely. 

3 participants organizing the given cards into categories they decided on

Summary
  • Participants had generally negative impressions of site

  • Like a government site not updated since 2005

  • Survey results confirms participants primarily visit website for appointment scheduling and UCSHIP information

Main Takeouts
  1. The design of the website should prioritize the user needs by making them more accessible and easy to find

  2. The home page should be less cluttered by including only the links that are relevant to the user’s need and the time they are posted 

  3. The design should integrate social media, given the user demographics and their interest

  4. The design should consider both UC SHIP and non UC SHIP students

original interface of the website

Interface Design

After wrapping up the user research, we arrived to these conclusions in terms of the interface design: 

● No PDFs

● Visuals/crosslinking relevant to tasks

● Delete "How do I..." bar (top right home page)

● Delete pop up guides

● Consolidate Resources to main navigation categories

● Retain, but Demote About Us page (to footer)

● Reduce walls of text, and use charts/visuals where possible

  • especially for ACTION items

Just keep browsing 🐟