National Parks Servce

Mobile App UX Research & Design | Case Study

Overview & Challenge

Overview:

The National Parks Service website (nps.gov) is outdated and confusing for the user to navigate. There is so much great information that the user is missing out on simply because they don’t know where to find it.

Challenge:

How can I reduce the white space, incorporate inspiring photos and help the user better navigate this page?

Research & Definition

Why does one go to this site?
What are they looking for?
Are they able to find it easily? Or, at all?
What frustrations does the user experience?

Number of user interviews

Task #1:

Locate a national park in a U.S. State of your choosing to go hiking at.

Results:

1. 4 of 5 users utilized the 'Find a Park' feature/button located in the hero section of the current website.

2. 1 user utilized the hamburger menu on the homepage and found a more detailed filter section in order to locate a park of their choosing.

Outcome: Success

5 of 5 test users were able to find a park or list of parks within a state of their choosing that they can hike at.

Task #2:

From the list of parks provided to the user by chosen U.S. State, determine if that park allows pets.

Results:

1. This information was not evident without clicking further into the site (sometimes 4 or 5 additional clicks.

2. Sometimes the park a user had chosen did not allow pets, resulting in the test user having to start over and choose a different park.

3. 3 test users found park pet information in different locations.

Outcome: Fail

Available information was too far into the user journey.

Information was not intuitive to the test user.

Inconsistent placement of similar information throughout the site.

User Persona

- Wants to visit as many U.S. Parks as he can.
- Likes to hike with his dog.
- Has a demanding job that requires flexibility.
- Relies on NPS.gov for up-to-date information.

Mood Board Inspiration

- Vibrant photos of different parks and color schemes.
- Fun and friendly fonts.
- Animal imagery (photos, drawings, paintings).

Back to Top

Ideation

New/modern layout
New Navigation
Better use of photos

Card Sorting

- Card sorting resulted in 5 new groups (instead of the 10+ the current site utilizes.
- New groups include Explore, What's Happening, Get Involved, About Us, and website information

Site Mapping

The new site map includes secondary and tertiary navigation.

Back to Top

Prototype

Wire-framing
Low-Fi prototyping
Mid-Fi prototyping

Desktop Wire-framining & Annotations

Homepage

Secondary Navigation

Testing

Final Composition