After a detailed overview of their website, we realized that the information was disorganized on their website. We planned to redesign its website to make it more straight-forward. We thought things could be re-arranged to improve a user’s search of APA! related information.
Austin Pets Alive! is an Austin-based non-profit animal shelter that heavily promotes the City of Austin’s no-kill policy. They have their website, and it offers many features. The site holds two key elements: the promotion of adopting and fostering pets and looking for volunteers. From what we gathered from the website, APA! focuses on informing people about the available pets available to adopt and foster, as well as showing their audience the various types of ways they can volunteer or get involved due to their limited resources.
As a group, we conducted various research types to create a cohesive website to provide appropriate information regarding pet adoptions, volunteering, and improving the way potential pets were found. A few ideas included re-arranging sections of the homepage to give a smoother transition to a priority of information, and work with the “Get Involved,” “Donate,” and “Foster” to see if they can be combined since they all seem to provide information that can be considered similar. For our user/product research, we conducted interviews, used card sorting and user testing techniques. We presented our research findings using personas, wireframes and redesigned website screens (mockups).
Writer, Editor, Presentation Creator, Graphic Designer for presentation and cover of report, wrote sections of report, competitive analysis, content inventory, User Personas, Usability Tests, Data Analyst, Data visualizer, Survey taker, Light work on Mockups
We conducted a competitive analysis of other similar organizations and their website to be able to better understand how to improve the APA website. The criteria for identifying competitors were:
- Provide pet adoption
- Have an up-to-date website
- Non-governmental organization
- Local competitor: Austin Humane Society
- A similar city competitor: SPCA of Texas (Dallas)
- An out-of-state competitor (see how things that are working in other places): Ginger's Pet Rescue (Seattle)
- Petfinder: Because it's broader, but people can find adoptable pets on the site
Some of the key takeaways were:
- Redundant dropdown links- adopt a cat, adopt a dog can be grouped into one link (Adopt) and from that page have two separate options
- The global navigation bar has a bad case consistency
- Meta Keywords are missing for most pages
- Blog, programs and the other social media links should be at the bottom
- The Carousel should contain about APA being a shelter instead of just description
- Extend it to cover the whole screen, we don't need extra margins
- Move the sponsors to the bottom of the page and highlight them
- Reduce the number of features per option
- Multiple broken links and duplicate links landing on the same page
- No duplication of information for e.g email, name etc. is only asked once not at every form.
The main purpose of the APA website is to encourage adoption, fostering and volunteering. So we interviewed 2 people - someone who had adopted/fostered and someone who volunteered at APA. The questions of the interview can be found in APPENDIX 3. Based on the information we gathered, we created the below two user personas:
Our survey was mostly taken by young people who either had pets or volunteered, which is how we got our user personas age range. We were able to find six people to take our usability test that matched the age range of the survey participants and of our user personas.
The tasks that our tests took are:
The tasks that our tests took are:
- Can you find the volunteer form?
- Can you find the requirements for adoption?
- Can you find a pet using the filters?
- Can you find the dog foster application form?
- Can you find when the next volunteer session is?
From the APA! Usability test, the data varied greatly. The most drastic was the responses for “Can you find the requirements for adoption?” It seems people either struggled to find the information needed or easily found it.
- Someone commented on not being able to understand a term on the website. We should consider using terms that people would understand, or provide definitions.
- Too much information was available on the website that it felt overwhelming, for example, the sidebars on the site.
- A lot of links were on the website.
- Add a link to find adoption requirements on the “Adopt” page.
- Design problems regarding placement of items.
- Overall, most commented on the easy user experience, eye-catching, and design
Link to Working Prototype:
Here is the link.
The title page was created on Canva.
I used Canva to create the presentation as well as a few graphics. The bar charts were created using Microsoft Excel.