A mobile app designed to streamline the searching and navigating
experience based on park’s suitability and accessibility.

Responsibility: User Research, Flow Design, UI Design, Graphic Design, Interaction Design, Usability Testing

Process

01 - Background

Background

As part of the Life Style Change due to Pandemic, park becomes one of the most popular places for various outdoor (social and physical) activities. Parks have been used is many different ways and at a much higher frequency.

Existing Experience

Problem Space

Users have difficulties to find ideal parks based on their emerging needs - diversified park activities - during COVID-19 and orient themselves in parks based on their planned activities.

02 - User Research

Research Plan

Key Findings

Persona

Users have difficulties to find ideal parks based on their emerging needs during Covid-19 and orient themselves in parks based on their planned activities.

Research Synthesis

Currently, the connection is broken between what users need and what they can access.

03 Ideate

Storyboards

Users have difficulties to find ideal parks based on their emerging needs during Covid-19 and orient themselves in parks based on their planned activities.

Scenario 01:

Find a park with views similar to the inspirational images

Scenario 02:

Find the ideal spot within a park via the interactive layout map and park pictures.

Scenario 03:

Find parking lot with the most convenient location for the planned park trip.

Scenario 04:

Parking interaction with other park users.

Validate User's Needs

In order to keep the design focused. The storyboards have been presented to the users to validate their needs, as a result, 2 sets of the storyboards resonate most with the users since they have the most fundamental needs.

04 - Flow Design

User Story

Main epics have been defined based on selected storyboards. Each epic has been further broken down into smaller user stories. The red route use flow (tasks would be done by most users most of the time) has been identified and developed into MVP.

Red Route User Flow

05 - Wireframe

Wireframe & Guerrilla Test

Today is Sunday and the weather is nice, you want to go to the park with your family, have some relaxing time on the lawn, maybe a simple picnic and also have the kids enjoy some fun time at playground. Now you need to find a park fit your plan and and the best parking lot convenient for your plan and start navigation.

Findings

04 - Hi-Fi & Prototype

Product Tone & UI Design

Hi-Fi & Interaction Design

  • Personalized home page with platform selected feeds.

  • Activity as the major searching criteria has been prioritized on the home page while a complete filter list is tucked in a button

  • Activity as search criteria has been surfaced to control the search results

  • More filter options are also available but hidden in the button.

  • Map view and list view can be easily switched, but both views are prioritized around activities.

  • By clicking a search result, a preview card will show up.

  • Park amenities will display as one important part of information.

  • Amenities available in the park are displayed as options can be viewed and selected.

  • The locations of the selected amenities are displayed on the map with one location highlighted. The image on the top is reflecting the highlighted location on the map.

  • Multiple interactions are allowed and each action will trigger a series of inter-related movements on UI. Example: swiping images will trigger the movement of pins on the map; selecting a different amenity will trigger different legends on the map; moving the pin on the map will trigger the image change.

  • The last viewed spot from park's main page will be pinned

  • Parking Lot and Park Entrance are displayed as 2 destination choices

  • All parking lots are displayed on the map. The distance and real-time status of the selected parking lot will be available.

05 - Final Design

*  Due to the technical issues on the hosting platform, the prototyping video cannot show appropriately. I am working on it to resolve the problem, please reach out to me for a prototype link.

Reflections