Moreno Valley Animal Shelter

Redesigning the site of a local Animal Shelter to improve usability.

* This project was for a University Assignment only and the Business/Organization was never contacted in the process.
UX/UI Design
Wesbite Redesign

Project Type

School Project for UX Course

Tools

Figma

Project Timeline

August- December 2022

Problem

User’s were frustrated with navigating the site and finding information, but also stated that the site could be overwhelming at times.

- Users were unable to quickly navigate the site due to the limiting options available on the navbar and home page.

Dashboard mockupDashboard mockup

-Finding links to Resources, Volunteering, and Adoptable pets took users a very long time and caused visible frustrations. Users had to scroll all the way to the bottom of the home page and adoptions page to find proper information.

The Solution

A site redesign focusing on improving navigation and giving the site a more modern look.

- Increase user options in navigation bar.

- Add Drop Down Menus for specific searches.

- Bringing special events to the top of the screen and removing bulk.
Dashboard mockupDashboard mockup

Making things easier to find

-Bring links to the forefront to avoid confusing users about their current location on the site. By bringing the adoptable links to the top of screen versus the bottom, users can quickly scan adoptable pets before having to find out steps needed.

Eliminate Barriers

- Remove unnecessary clicks from finding ways to get involved with the shelter.
Dashboard mockup

Heuristic Evaluation

Help and Documentation, User Control and Freedom, and Site Consistency were the three major problem areas.

Using Nielsen’s 10 Usability Heuristics, I uncovered three issues that would potentially hurt usability for the users during testing.

Interviews

Users claimed they typically look for ways to get involved, general shelter information, and helpful pet information for certain cases when visiting sites related to pet care.

5 Users were interviewed on their goals for visiting similar sites and their experience.

I love animals, so being able to help out the shelter whenever they need help is super important to me, but sometimes I have to go in person to ask.

Peter Mcneeley
User 1

I have so many dogs, so a potential vet visit is super stressful with how much it can cost. I usually try to find out as much as I can about my pet's behavior before making that call."

Sarah Mcmann
User 2

There are a ton of resources for finding out stuff for my pet so its always a lot more convenient when I can just ask the shelter instead of having to sift through articles."

Frank Mir
User 4

Learned so Far



60%
of Users had a negative experience in the past with online Pet Care research.

Help and Documentation, User Control and Freedom, and Site Consistency are three key problems to focus testing on.

Adoption, Volunteering, and Understanding Local Pet Care Options were commonly discussed during interview sessions.

Persona

Using previous insight, three ideal users for the site were discovered.

User Stories

User Stories helped to understand the user’s needs for the site based on their goals.

"As an occasional user, I want to see an updated homepage so that I can easily find information regarding pet care."

"As someone who is hoping to adopt, I want to see an in-depth adoption page so that I can explore my options in depth."

"As someone who is hoping to volunteer, I want to see what my local shelter has going on so that I can connect with them on a higher level."

Usability Testing of Current Site

Three scenarios with two or three tasks were given to each User during testing which provided consistent results on the usability of the site’s current navigation.

Scenarios included a major focus on the goals of each persona, while also accounting for the possible usability issues found during the heuristic evaluation.

Test Results - Current Site Usability

5/5

Users had massive issues finding the FAQ Page

4/5

Users encountered navigational issues searching for the Volunteer page

4/5

Users had issues finding the Adoptable pets catalog

The Final Product

Improved Home Page has elements removed and added

Dashboard mockupDashboard mockup

Adoption Page easier to navigate

Getting involved has got a new look

Dashboard mockupDashboard mockup

Aspects of the current site have been kept, while modernizing it.

Prototype

Final Usability Testing

Time to Complete Task vs Current Site

-94.9%

Average time to find FAQ Page Decreased

From an Average of 192 Seconds to 9.8 Seconds.

-47%

Average time to find Volunteer Page Decreased

From an Average of 37 seconds to 19.6 seconds.

-91.5%

Average time to find Adoption Catalog Decreased

From an Average of 79.6 seconds to 6.8 seconds.

Conclusion

Main site navigation issues were significantly improved by adding several easy to access links on the navigation bar as well as a drop down menu to improve overall user freedom.

What I learned...

Being my first UX project, it was very insightful on how to collect data for this kind of project. It was interesting to see just how much of an impact changing small aspects of a sites navigation can have with reducing stress on tasks.

What I wish I did differently

Due to the time constraints of the project and overall guided structure, I was unable to address another major aspect of the sites shortcomings, which was the search function. It is almost completely unusable in its current state, but with the changes made in this report, users were able to navigate anywhere on the site with ease. In the future I would like to also be able to further spend more time with users and utilize other research and analysis methods to come to stronger conclusions.

Thank you for reading!

For any inquiries or just to chat, you can reach me at daniel25951@gmail.com.

Back To Projects