Pacific Salmon Foundation

INFO

Pacific Salmon Foundation is a scientific driven research and governing body that collectively looks at conservation, restoration and the historical documentation of the Salmonid population in British Columbia.

CONTEXT

I was brought on to revisualize key components in their new 'Pacific Salmon Explorer' that helps people make informed government level choices* on infrastructure that could have impact on Pacific Salmon.

PROJECT STATS:

Extended Icons Information Design Smoothing Data User Patterns

Designing for the User

In a complex area research and development is hard to implement as small actionable changes add up to significant technical debt over time.

Oftentimes, end users need to access multiple reports and access points to track metrics across various pacific salmonid populations. With this time devoted to hunting down correct metrics and figures, there wasn't enough time to work on the research, leaving problems like biological status, and salmon population numbers crucially under researched.

Critical Question

*How can we design a better user experience for goverments to make informed choice on projects that could impact future salmon stocks?

Some of my design contributions can be found in the list below:

  1. A new user pattern implementation proposal
  2. A complete redesign of how data is interpreted in client side graphs
  3. Revising Iconography and Color systems to lessen technical debt across the tool
  4. A ground-up rework of the Regional Overviews section that links with an externally developed site (State of Pacific Salmon).

Impact

Through written user tests and a full process analysis intervention we implemented a way for scientists to get their data clearer, faster by creating stricter more actionable impovements in the platofmrs visual design and clarity in user widgets. These improvements were internally tested and found to have a 9.46 second overall reduction time during control testing, boosting user clarity and platform growth.

an overview of all previous versions of overview
an overview of all previous versions of overview

Above is a structured before and after of the user flow. By reducing the overhead in the option select, we can allow for a greater range of expression in how the data is structured visually.

Process

My proposed user Experience intervention was to better layout the information in a parallel developed feature: the horizontal omni menu which allowed all queries related to the phenotype to be searched in parallel. Users having access to all information after funneling helped center the user while giving users the ability to save data to a seperate tab created a quick way to catalogue and tabulate information without endlessly looping the UX pattern of retrival.

An extended iconset for readabilitiy

To standardize the icon set we set the icon sizing to a firm 36x36 square with a white border to optimize counting icons that were clustered together. In the icon redesign me and my senior team looked to group icons by color and key as well as redesigning the icons to read better at a low resolution.

An Introduction allows users to situate themselves in the region and give some helpful overhead information.
A biological overview displays information based on a 2nd overview, looking at the status of the overall ecosystem AND the habitat ecology in that area as 2 stand alone factors
Through the chip system and toggle users can look for specific abundances based on spawners or caught fish, this is hyper local and displays trends based on salmonid subspecies.
We've created a chip selector to provide a visual language for toggling through the different regions, reducing overhead through a drop down selector.
Salmonid species are seperated and visualized through arrows and colored fish eliminating the need for an overview. Numbers and raw data here drive the visuals.
Species can be compared and contrasted through imagery instead of a chip select in order to reinforce selection.
Abundance overview has the toggle removed allowing users to drill down on total overview. In replacement of having different returns, we use a visual indicator of biological status to emphasize the number of conservation units in distress and their breakdown.
Lessening the cognition required to sort data in habitat status by having it linked to the graph above. This reduces complexity by simplifying orders and frontloading information

Internal testing revealed that users were less likely to read the front loaded information, so after some deliberation we simplified and focused data to be more visual. We replaced the introduction text with a card system that highlighted "glance-ability" so users could see immediately the impact across the region on all salmonid species.

In our final iteration we looked at a funnel system that helped center the user. We wanted to give a scope in and out interaction that allowed users to look at status then assess salmon needs through a triage system. We built this system directly into the overviews to give a stronger presence to this extension of the PSE experience that also lays a narrative thread to an experiential status site called State of Salmon .

Reframed Question

*How can we influence readers to think about data in two-dimensions?

Biostatus is a fancy way of allowing salmon biologists to get a gist of the over all system health without having all the information on hand to do a deep research dive, it’s useful for allowing researchers to develop a game plan without stranding themselves in endless research and papers.

Our initial understanding was to use a bar chart to quantify interactions along with a trimetric badge (tribadge) to better facilitate dialogue between the different categorization systems. After some research and testing, we began to see faults with the bar chart as users wanted to see more granular information from each individual pressure.

new chart image

In this redesign, data is sorted and displayed by confidence intervals in a 2D plot prioritizing mapping accuracy in the counted spawning salmon. The confidence intervals enables users to do a deeper dive through positioning the graphed information in 2d space.

Consolidating the data into a more graphical iteration allowed us to solve problems of granularity and focus, giving researchers the ability to look at data changes over time.

Glance Based Information and Prepared Documents

A major point of user friction came from observing other users and their patterns navigating the site. The online portion was fine, but we observed a need for the information to be presented differently as a rapid printout. My team lead came to me to take a speculative look on how users would look at printouts of cogent information within the habitat panel and the biostatus panel.

rollup biopsy

We wanted to use the roll up as a way to rapidly access information, this could be helpful for news agencies, politicians or high level thought leaders.

We created a way for users to obtain crucial information highlighting the "at a glance" principle found in both Biostatus and Regional Overviews. During testing we observed variance in how people used documents to track their thoughts and research. This culminates in a printout that could be assessed rapidly, allowing users to get a definitive top level readout without having to parse through the site.∎


← Lines for a Walk Birdsong →