Ashe Student Health Center Website
How to improve the accessibility of the website to serve the student body of UCLA
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.
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.
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.
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
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
The design of the website should prioritize the user needs by making them more accessible and easy to find
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
The design should integrate social media, given the user demographics and their interest
The design should consider both UC SHIP and non UC SHIP students
original interface of the website
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