Does SIHTF's desktop website make it easy for users to find pantries near them?

project overview

Ensuring easy access to locate food and pantry's information

About Client

Staten Island Hunger Task Force (SIHTF) is an organization that connects community members to pantries and pantries to community and government resources. They collaborate with organizations and people who want to donate food and goods to pantries in need.

Project Overview

SIHTF want to know if their desktop users use the Map and Zip Code Calendars features to find food in their area. They want to know if it is worth the trouble to maintain them? We used Google Analytics and Hotjar to see and analyze how the users interact with with these features.

Timeline

6 Weeks | Fall 2022

Client

Staten Island Hunger Task Force

Project Type

UX Research / Behavior Analytics

Teammates

Eesha Parasnis | Priyanka Gangwal | Vanshika Shah

Methodology

Understanding users' interaction with a desktop map and zip code calendar

Google Analytics

Analyzed the following metrics: number of sessions, page views, sequence of pages visited

Time Frame: 1 January 2022 - 5 October 2022

Hotjar Heat Maps

Analyzed real-time recordings, website page clicks, mouse movements, and scrolling patterns.

Time Frame: Last 30 days

A/B Test Plan

We used Google Optimize to create our A/B Testing variations. It allows running some experiments that are aimed to help increase visitor conversion rates and overall visitor satisfaction.

Limitations:


The time frame is short to provide quantity and quality data for the website.

Hotjar could not track the Map and Zip Code Calendar, making it difficult to understand how users use and interact with them.

Google Analytics

Analyzed the following metrics: number of sessions, page views, sequence of pages visited

Time Frame: 1 Jan 2022 - 5 Oct 2022

Hotjar Heat Maps

Analyzed real-time recordings, website page clicks, mouse movements, and scrolling patterns.

Time Frame: 1 Sep - 5 Oct 2022

A/B Test Plan

We used Google Optimize to create our A/B Testing variations. You can run experiments aimed at improving conversion rates and visitor satisfaction with it.

Limitations we faced:

The time frame is short to provide quantity and quality data for the website.

Hotjar could not track the Map and Zip Code Calendar, making it difficult to understand how users use and interact with them.

desktop website users overall behavior

How do desktop users interact with the website?

research questions

Gaining insights & uncovering pain points

How do users navigate through the desktop website to find information about pantries?

How frequently are the Map and Zip Code Calendar features used on the desktop website?

Which other feature(s) on the website are used to find information regarding pantries?

Where are drop-offs occurring on the desktop website to identify the pain points?

insight #1

Users kept switching between the zip code calendar and the home page

Currently, there is no functionality on the zip code calendar pages to toggle between different zip codes, so users are likely to switch back and forth between the home page and zip code calendar pages.

recommendation

Giving users the ability to change zip codes

Allow users to change the zip code on the zip code calendar page itself so that users don’t have to keep navigating back and forth between the zip code calendar pages and the home page.

Current Design
Recommended Design
Hypothesis

It is difficult for users to locate information about pantries' hours on the map.

User flow journey map

Analytics data indicates that users keep going back and forth between the zip code calendar pages and the home page by using the pantry links on the home page.

Hotjar: Home page heat map

It’s possible users are trying to find information about pantries from the map, but are hindered by the fact that the pantries map does not make this information easily accessible.

recommendation

Usability Test

Since the web analytics tools were unable to collect any data from the map feature on the SIHTF desktop website, we recommend conducting follow-up usability testing to understand how users utilize the map.

Rationale

With no data collection, it is still unclear whether users utilize the map and if they do then how users interact with the it.

Research Question

How do users find information about pantry working hours on the SIHTF desktop website?

Example Task

You live in a Staten Island neighborhood with the zip code 10301. Find the hours of operation of a pantry in your zip code.

Current Design
Recommended Design
recommendation

A / B Test

Map's Title

We recommend conducting an A/B test to identify which heading for the map leads to the most clicks.

Goal: To test if changing the map’s heading leads to an increase in the number of clicks on the map.

Hypothesis: Users are not using the map at the moment because its purpose is unclear due to a vague heading.

Evaluation metrics: Number of clicks on the map.

insight #2

Despite a high bounce rate and drop off rate, the pantries page is one of the most popular

Hotjar shows that majority of the clicks and movements occur only in the first half of the page.

Since users are not scrolling till the bottom, they might miss information about soup kitchens and additional pantry details.

Current Design
Recommended Design
recommendation

A / B Test

Side Navigation on Pantries Page

We recommend conducting an A/B test to identify which heading for the map leads to the most clicks. The page should be designed so that scrolling is minimized and the information is organized into short sections rather than scrolling endlessly. In order to accomplish this, the user should be able to choose an alphabet to locate the pantry and have a navigation panel on the side.

Goal: To test if changing the map’s heading leads to an increase in the number of clicks on the map.

Hypothesis: Users are not using the map at the moment because its purpose is unclear due to a vague heading.

Evaluation metrics: Number of clicks on the map.

insight #3

The "Help for pantries" page has high page views but only half of the users scroll to the bottom

High page views and low bounce rate for ‘Help for Pantries’ page. 50% users scroll till the bottom of the page. 9.09% of users clicked on the side navigation bar.

Page view and bounce rate for the top 6 pages of the website
recommendation

Streamline side navigation by reducing clutter

Make the left side navigation bar more prominent and keep the content concise to make the page more accessible and appealing. In our recommended design, when a user clicks on a particular section in the side navigation bar, only that section's content will be shown on the page.

Current ‘Help for Pantries’ Page
Recommended ‘Help for Pantries’ Page
client feedback

The client was happy!

"Lets plan to do that (A/B test that we proposed)! That is cool!"

The final stage of our project was presenting our findings and recommendations to the Staten Island Hunger Task Force along with an A/B test plan. In the end, we received positive feedback from the client and they expressed interest in implementing the A/B Test plans for their website.

Our group presenting with the client
Conclusion + What's Next

Simple but effective improvements

Learnings

It is necessary to understand the user's goals to know which information is the most important. Identifying what causes confusion and realizing when to weed it out allows for ultimate ease and functionality.

Biggest Takeaway

It was rewarding to take on a problem and analyze data for a desktop website that so many users will benefit from. These recommendations and A/B test plans are just the beginning. I would like to still improve upon the UX based on further user testing.

Next Step

The next step, if I were to continue working on the project, would be to conduct a user test on how users interact with the map, which would answer the client's question about maintaining it.