Seafood Watch: How can we improve the search experience?

Analytics • Info Viz • Mockups

Project Overview

Seafood Watch is a project of Monterey Bay Aquarium that aims to spread knowledge about sustainable seafood and provides recommendations to businesses and everyday seafood consumers to reduce the negative impact of the seafood industry on the oceans. The new Seafood Watch website launched on 2nd December, 2020. Our team analyzed the user search behavior and journey through the website and provided suggestions to improve it.

Challenges

How might we analyze how users are interacting with different search options?
How might we help users have a better search experience?
How might we encourage users to continue their search journey?

My Role

  • Research - Analytics
  • Design - Mockups, Presentation Slides
  • Client Communication

Outcomes

Tools Used

  • Google Analytics + Data Studio
  • Google Suite
  • Adobe CC

Team

Janet Liu
Lemark McPherson
Marisa Kurtz

Process

1) Client Introduction

2) Data Gathering

3) Client Check-in

4) Data Analysis + Report

5) Client Presentation


After 2 initial meetings with our client, we got to know their main goals for this project, get familiar with the different analytics tools they were utilizing and data they thought we might find useful. Our team found slight discrepancies between the two tools available to us, Google Analytics and SiteImprove, even though they presented similar trends.

We decided to use Google Analytics in order to maintain consistency. This also made it incredibly easy and smooth to connect the data to Google Data Studio, which we used to create the dashboard. Our follow up meeting where we presented the dashboard to the client went successfully as they were pleased with the data we had collected – it was what they were looking for and plenty more. Other than putting together the dashboard with relevant KPIs and charts on each page, we also pulled data visualizations from Google Analytics to inform our insights and created mockups using Adobe CC.

Some limitations of Google Data Studio were that we could not show the behavior flow on it efficiently or an overall picture of the percentage of users conducting searches, visiting recommendation pages, downloading pdfs and how these overlapped.

Results


Our findings are recommendations were categorized as follows, in order of significance: Search, User Journey, Traffic Analysis, PDF Downloads.

How are users searching?


The Seafood Watch website home page has a search tool where visitors can look up recommendations for specific seafood species. In this report, we refer to that as a Search Block in order to distinguish it from the Global Search bar.

11.4% of website visits contain Site Search usage. Although this may seem small, we got a better idea of the volume when we found that over the month of April (2021) there were 14,218 unique searches.

Fig.1 Search Locations Table from Seafood Watch 2021 Dashboard

SEARCH LOCATION

Fig.2 (left) Google Analytics – Landing Pages, Fig.3 (right) Search Block from website

Fig.4 Treemap from Seafood Watch 2021 Dashboard

SEARCH TERMS

How can we improve the search experience?


MAKE RECOMMENDATIONS SEARCH EASILY VISIBLE

As we know from the Search Location Findings most users search using the Global Search, and most users who land on the Home Page do not use the Global Search. This would mean that users are relying more on the Global Search from the other pages of the website, and the Recommendations Page could be one example.

Fig.6 Recommendations Page on Mobile and Desktop with search options pointed out

There is no search bar immediately discoverable upon entering the Recommendations page, as shown in Fig.6. On mobile, it even requires an extra step. The low visibility of the Recommendations Search bar compared to the Global Search bar could be the reason most users type into the latter on a page like this. As most users are searching for species and almost half are searching on mobile devices, we thought it would help to make the Recommendations Search bar visible upon entering the page.

Mockup 1 Showing unified search bar and filters as dropdown options

Instead of each “narrow by” filter having their own search bar, there could be one visible search bar and the filters could be drop-downs with either all or most popular options shown inside them. Mockup 1, designed by me, shows one way of doing this.

GUIDE USERS WITH PREDICTIVE SEARCH OR A POPULAR PAGES LIST

One possible reason users may be selecting “Best Choice” on the Search Block more often when they are on the Home Page instead of entering specific searches could be that they are not sure what to search for. Removing the word “species” may make this search bar seem less specific. Adding predictive search will also help by guiding users with ideas. Alternatively, a section could be added on the homepage listing the most popular Recommendation pages to help users get started.

REMOVE CASE-SENSITIVITY FOR SEARCH TERMS ON GOOGLE ANALYTICS

Remove case-sensitivity for search terms on Google Analytics to visualize search term related results more accurately. With the help of our professor, we found that a filter can be added to the Google Analytics account to do so. This link shows how it can be done.

How are users exploring content?

Fig.8 Landing Page Table from Seafood Watch 2021 Dashboard

LANDING PAGES

Fig.9 Popular Sections (Left) and Popular Pages (Right) Tables from Seafood Watch 2021 Dashboard

POPULAR SECTIONS AND PAGES

Fig.10 Exit Page Table from Seafood Watch 2021 Dashboard

EXIT PAGES

Fig.11 Fishing and Farming Methods Behavior Flow

Fig.12 Download Consumer Guides Behavior Flow

BEHAVIOR FLOW

How can we encourage users to continue searching recommendations?


ADD A RECOMMENDATIONS SEARCH BLOCK ON POPULAR PAGES

Even though Fishing and Farming Methods Page and Download Consumer Guides Page are the top landing and popular pages, they are also the top exit pages with the highest bounce rates. However, the average time users spend on the pages is 6:11 minutes and 2:46 minutes respectively, higher than other pages. This shows that users are engaged with the content here before exiting.

Mockup 2: Recommendations Search Block added to the end of Fishing and Farming Methods Page.

Mockup 3: Links to popular pages added to the end of Download Consumer Guides Page.

As shown in mockups 2 and 3 designed by my teammate Janet, we suggested adding a recommendations search block or links to other popular pages would:

Further Findings and Recommendations


For Traffic and PDF Download related insights view the full Evaluation Report.



Client Feedback


The insights were presented to our client over a Zoom call. Even though mainly communicated with one Seafood Watch representative throughout the process, we presented to 5 representatives who all work in the web design, analytics and user experience departments. I demonstrated the dashboard functionalities to them and our team answered their questions. The presentation went successfully as our client team gave us positive feedback and found our findings and recommendations extremely helpful and feasible to implement. Our project covered the initial goals and even more.


Key Takeaways

Throughout the project, some key takeaways for me were: