Animal Assisted Happiness Website Redesign

Picventory
Auguts 4, 2021
Department of Labor Redesign
May 10, 2021
Show all

Animal Assisted Happiness Website Redesign

Completed by HenryG at
Categories
My Role:

UX/UI Designer

Tools:

Miro, Whimsical, Figma, GDrive, Zoom, StoryboardThat

Prototype:

Figma Prototype

Presentation:

Google Slides

Collaborators:

Randy Hembrador, Ayaan Gill

The Problem

Confusing and inconsistent navigation in the Animal Assisted Happiness (AAH) website make it extremely difficult for volunteers and visitors to register for events resulting in significant reduction in engagement and event attendance.

Hypothesis

We believe that AAH doesn’t attract enough volunteers due to complex and not so user friendly registration forms and flow in current website design.

User Persona - Meet Simon

Simon, a hard working paramedic, likes to volunteer regularly and usually prefers group volunteer opportunities. He is very much into animals and farm life. To relieve his work stress, he often spends time with animals in farms and regain mental freshness.

Simon usually relies on technology for finding and signing up for volunteering opportunities. However, he is not very patient when it comes to technology and gets frustrated easily if he can not find or easily fill out registration forms. He really would enjoy a user friendly website where he can quickly access registration forms for faster checkout.

Miro``

Interviews and User Survey

It’s very important to know the specific roles & responsibilities before signing up for a volunteer opportunity

Every input is too free-form for my taste

Clearly they don’t value my time if they do things this way
User Interview Sticky Notes

User Survey

  • 52% would be interested in volunteering at AAH
  • 83% would be interested in adult volunteering?



The Challenge

Create a more user-friendly volunteer registration process

  • More positive user experience
  • More organization engagement
  • Better organized info for AAH
Affinity Diagram Process

Storyboard and User Flow

The following images present the journey user would take, and based on the journey a typical user flow in the app. The user flow plays a crucial part in designing the product.
Complete User Flow

``

Prototypes and Usability Testing

With the Figma prototype we found:

  • No missed clicks
  • No input delay
  • Frustration mainly only missing prototype elements, not “why” anything did what it did
  • More info “the result” of certain question responses
  • More detail on group types
  • Clarity for the fully prototyped task and scheduling elements
Usability Testing Plan