Projects

Projects

Projects

Accessible Hurricane Tracking Map

TIME

January 2025 -

December 2025

TYPE

Research

Project

TOOLS

Figma

CSS/HTML

JavaScript

Highcharts

ROLE

(Group)

UX Researcher

UX Designer

& Software Developer

TIME

January 2025 -

December 2025

ROLE

(Group)

UX Researcher

UX Designer

& Frontend Developer

TOOLS

Figma

CSS/HTML

JavaScript

Highcharts

TYPE

Research Project

CONTEXT

Frequent misinterpretations of hurricane maps reveal a critical gap in climate communication—one that disproportionately affects people with disabilities, non-native English speakers, and individuals with varying levels of scientific literacy. Many existing tools assume prior knowledge, rely heavily on color, and fail to meet basic accessibility standards, limiting their effectiveness during high-stress, time-sensitive situations.

This project explored how hurricane tracking maps can be redesigned to support accessibility, inclusivity, and accurate interpretation. Through literature review, tool audits, user and expert interviews, and iterative prototyping, we designed an interactive hurricane map that prioritizes clarity, personal relevance, and multiple modes of understanding—including visual, textual, and auditory representations of storm data.

How might we design a hurricane tracking map that helps users accurately interpret storm data and uncertainty—without overwhelming them—across different abilities, languages, and levels of expertise?

How might we design a hurricane tracking map that helps users accurately interpret storm data and uncertainty—without overwhelming them—across different abilities, languages, and levels of expertise?

research

methods

We grounded the design in evidence, combining secondary research with direct user and expert input.

Literature Review

Literature Review

Examined research on hurricane risk perception, uncertainty visualization, and accessible data communication.

Tool Audits

Tool Audits

Evaluated existing hurricane maps using an accessibility and inclusivity rubric.

User Interviews

User Interviews

Spoke with ESL users, low-vision users, and hurricane-experienced residents.

Spoke with ESL users, low-vision users, and hurricane-experienced residents.

Expert Interviews

Expert Interviews

Collaborated with specialists in data visualization, accessibility, UX, and sonification.

Collaborated with specialists in data visualization, accessibility, UX, & sonification.

key insights and design direction

key insights
& design directions

Users misunderstand uncertainty

Reduced visual emphasis on the cone alone, included term definitions, explored alternative ways to contextualize storm behavior.

Color-heavy maps exclude users

Used shape, contrast, labeling, and sound to communicate severity beyond color.

Users want personal relevance

Added point-of-interest tools to anchor storm data to meaningful locations.

More data ≠ more clarity

Designed a layered system that reveals information progressively to reduce cognitive overload.

final prototype

key features

Storm Path

Displays the storm’s progression using both color and shape to indicate severity. Shape-based encoding ensures the information remains understandable for colorblind users.

cone of uncertainty

Currently maintains familiarity with standard hurricane visuals.

Point of Interest

Allows users to mark meaningful locations—such as their home or a loved one’s city—making storm data feel personally relevant and actionable.

Legend & Embedded Definitions

Provides plain-language explanations of terms and symbols directly where users need them, reducing reliance on a separate glossary.

sonification

Adds auditory representations of storm data—such as wind speed and pressure—to support blind and low-vision users.

Accessibility Considerations

Accessibility was treated as a foundational requirement, not an afterthought.

Accessibility
Considerations

WCAG-compliant contrast and typography

WCAG-compliant contrast and typography

Full keyboard navigation

Screen reader testing with NVDA

Alternative encodings using shape, pattern, and sound

WHat I Learned

This project reinforced that accessible design is as much about reducing cognitive load as it is about visual compliance. Familiar conventions can still cause harm if they reinforce misunderstanding, and inclusive design requires continual testing with real users—not assumptions.

final prototype

key features

Storm Path

Displays the storm’s progression using both color and shape to indicate severity. Shape-based encoding ensures the information remains understandable for colorblind users.

cone of uncertainty

Currently maintains familiarity with standard hurricane visuals.

Point of Interest

Allows users to mark meaningful locations—such as their home or a loved one’s city—making storm data feel personally relevant and actionable.

Legend & Embedded Definitions

Provides plain-language explanations of terms and symbols directly where users need them, reducing reliance on a separate glossary.

sonification

Adds auditory representations of storm data—such as wind speed and pressure—to support blind and low-vision users.

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

LinkedIn

linkedin.com/in/jessica-g-herring

Let’s build something meaningful

Ready when you are.

Let's

Create

Explore

Discover

Design

Work

Create

together.

LinkedIn

linkedin.com/in/jessica-g-herring

✦ Thanks for exploring the details.

Let’s keep the conversation going.

✦ Thanks for exploring the details.

Let’s keep the conversation going.

✦ Thanks for exploring the details.

Let’s keep the conversation going.

Create a free website with Framer, the website builder loved by startups, designers and agencies.