Overview
Overview
CURE is an organization with the intent of its website to help promote and guide the community in getting involved with preserving the environment. Our intent going into the project was to improve the language, usability, and visibility within the website. Through usability testing, we learned of various improvements that could be made to help improve the user experience.
Methods Used
Heuristic Analysis
Test Planning
Personas
Scenarios
Test Scripts
Usability Testing
Affinity Diagram
Findings & Recommendations Report
Figma
Wireframing
Interactive Prototyping
Heuristic Analysis
We conducted a heuristic analysis. This helped us evaluate the goals for both the organization and us. With each goal listed, we created a checklist of the many actions that needed to be done and prepared for what actions would work well and which would not.
Test Planning
Test Scripts
In addition to reviewing and completing the key tasks we would like our users to complete during testing, we provided more in-depth detail on the tasks.
Created clear instructions on what task needed to be included for the users along with multiple follow-up questions for each task to help us acquire as much information as possible.
Developed a script for conversing with the users along with transitioning them between tests all with professionalism in mind.
Designed the script to create an effortless clearly instructed experience for our testers.
Usability Testing
Conducting our usability tests with shared screen recordings through remote Zoom sessions, we tested a total of 6 individuals prepared with our polished test scripts.
Through our testing with each individual with different backgrounds, we observed valuable information on what could improve within each task we instructed the users with.
Our follow-up questions prepared for each task helped us gain more insight within each task on the improvements we planned to recommend.
Synthesizing
We began synthesizing the material utilizing affinity diagramming to determine the pros and cons of each task the participants completed.
Categorized all the participants into each task, and color-coded each note to correlate to a specific participant.
We were able to visualize any common tendencies and frequencies between the participants for each task, what was working well, and what could use the most improvement.
Findings
Determined which areas needed to be focused on for improvement. When making these decisions, I took into account the user experience, frequencies, times of visit, trends, and overall importance of the material to the website for users.
Example: During our usability testing, the “How We Work” navigator proved difficult to find for our participants. On top of this, Due to the lack of information on the given page, a participant stated, “I feel like I have to hunt around for this information”
Recommendations
Next, I began wireframing out what could use improvement and how I would recommend CURE for it to look on their website. This created a visual representation for CURE to review the content in which I was presenting to them.
Example: In this case, there were 2 recommendations I believed could be improved on this page. To create the balance between “What We Do” and “How We Work” as requested from CURE, a navigation item on its own titled “How We Work” should be added. To solve the lack of information, more in-depth content should be included on this page to help users find the information they’re looking for.
Prototyping
There were a few screens where I prototyped them to be interactive to provide CURE with a better understanding of the recommendation. I kept it simplistic and flowing with CURE’s website theme and made the prototype apply the exact function intended.
Example: In this specific finding, Users found that the navigators were misleading and didn’t provide users with the information they thought they were going to receive. With this in mind, I decided to reiterate, compact, and simplify the navigation categories to create a more clear & guiding pathway for users to receive concise information about CURE. I prototyped a new interactive dropdown menu with simplified and compacted navigation items to help improve the issues.
The Outcome
I am satisfied with the outcome of our research, testing, and the findings we made to help improve CURE’s website. After creating my list of recommendations for CURE, I can envision the changes being made so that the user experience for any individual in the time ahead is an effortless and easy process. CURE contains valuable information and a mass amount of it. In the future, being able to compact this valued content with easier guidance would be the goal.
Next Steps
Reiterating the “Get Involved” navigation items to help users better understand where they’re being guided too
Create a clickable “Get Involved” menu item with its own page and content
Remove the sidebar signup on the Blog page to avoid confusion for users while browsing the page
Further, simplify the navigation items along with providing key context on the home page for users to engage with