City On Your Foot are map features that encourage tourists to explore cities by walking.

Mobile

Mobile

Mobile

Design Challenge

Design Challenge

Design Challenge

City On Your Foot is a design challenge project inspired by the personal pain points of our team members. We did four rounds of iterations, which really got us listen to our target users' feedback.

This project taught me to This project taught me to This project taught me to This project taught me to This project taught me to This project taught me to

Role

UX design, UX research

Timeline

8 weeks

with

2 designers

tools

Figma, Figjam

Problem

Current days, tourists have an increasing need to explore cities with a fresh mind.

Current days, tourists have an increasing need to explore cities with a fresh mind.

More than 93 million Americans are back on journey this summer with the help of navigation apps. Among all popular destinations, 63% of tourists choose city areas as their vacation sites.

design question

How might we leverage a navigation app to encourage
tourists to take more explorations in cities?

How might we optimize the workflow of managers to increase their remote work productivity?

How might we optimize the workflow of managers to increase their remote work productivity?

Core experience

An explore mode for better tourist walking experience.

An explore mode for better tourist walking experience.

The tourist explore mode includes highlights featured attractions and live events happening in the city and a customizable walking route selection system.

01

Tourist Zone

Tourist Zone

The introduction page of the new tourist zone feature hides unnecessary information by only showcasing key matters of fact for tourists.

02

Live Events

Live Events

Live events unveil what is happening right now near your location.

03

Walk Explore

Walk Explore

Walk explore displays how far you can reach a destination within a specific time range.

User research

How do people currently use Google Map?

How do people currently use Google Map?

We conducted interviews and survey to dig into this problem space.

Quantitative Survey

Quantitative Survey

Based on our identified pain points previously, we scaled down our domain range and specified desired questions into a 5 minutes long survey. Out of 100+ survey responses, the most important two takeaways are:

In-depth User Interviews

In-depth User Interviews

In the first stage, we conducted in-depth interviews with 15 people who frequently use navigation apps in their daily life. Our goal is to make people think about “how” and “what” they usually do and the challenges when they use them.

key insights

We should give tourists more support on what they can find just by walking.

We should give tourists more support on what they can find just by walking.

Here are the three key aspects and insights we summarized from our research:

🧭

🧭

🧭

Navigation App

Navigation App

Navigation App - Google Map

Google Map

Google Map

Clutter Information in Navigation Apps

Tourists are overwhelmed by all kinds of information navigation apps provided.

🏙️

🏙️

Target User Group - Tourists

Unclear routes cannot show destinations of interest

Tourists have no clue of how many potential destinations are located within walking distance.

🚶

🚶

User Needs - Walking

Unclear distance discourages users from walking more

Tourists don’t know how far they are while using the navigation feature.

🏙️

🏙️

Target User Group

Target User Group

Tourists

Tourists

🚶

🚶

User Needs

User Needs

Walking

Walking

Clutter Information in Navigation Apps

Clutter Information in Navigation Apps

Tourists are overwhelmed by all kinds of information navigation apps provided.

Unclear routes cannot show destinations of interest

Unclear routes cannot show destinations of interest

Tourists have no clue of how many potential destinations are located within walking distance.

Unclear distance discourages users from walking more

Unclear distance discourages users from walking more

Tourists don’t know how far they are to the destinations while using the navigation feature.

ideation

How will we envision the new tourist mode?

How will we envision the new tourist mode?

By building a user flow diagram, we illustrated the two new features for tourists to explore cities by walking.

design solution

With the tourist mode, city is on your foot to explore.

With the tourist mode, city is on your foot to explore.

01

"Filter" for Tourists

"Filter" for Tourists

This feature helps tourists skip irrelevant information and exclusively displays critical information for exploring the city.

02

Walk Mode

Walk Mode

Uncleared distance and time confused tourists a lot. Walk mode visualizes these information for tourists so that they can quickly see how far they can reach in a specific time range by walking.

10 Minutes Walking Range

10-min

Walking Range

15 Minutes Walking Range

15-min

Walking Range

30-min

Walking Range

30 Minutes Walking Range

evaluation

How do we approach usability testing results and refine our prototype?

How do we approach usability testing results and refine our prototype?

Analyze Usability Testing Data

Analyze Usability Testing Data

We designed a 30-minute usability test for 6 participants who fall into our target users group. Each participant is required to complete 2 tasks while freely exploring new features.

Refinement

Refinement

With 35+ feedbacks through observation and direct queries and suggestions. We continue to iterate the design over the span of 1 week with 2 major improvements:

01

Revised walking indicator

Revised walking indicator

  • Change from typing the time to selecting the time

  • Actual route and time info are shown on the map

02

Redesigned live events

Redesigned live events

  • Switch from live status to live events happening nearby

  • Remove the color indicator showing the places are busy or not

  • Add a live icon to indicate the events are happening right now

deliverable

Start your city wandering on foot here.

Start your city wandering on foot here.

reflection

Next Steps

Next Steps

01

API for All Types of Navigation Apps

The feature works as an API plugin to adapt to all map apps in the market.

02

Social Aspect

Live events can develop into a long-term feature to encourage people to share live reels.

01

API for All Types of Navigation Apps

The feature works as an API plugin to adapt to all map apps in the market.

02

Social Aspect

Live events can develop into a long-term feature to encourage people to share live reels.

01

API for All Types of Navigation Apps

The feature works as an API plugin to adapt to all map apps in the market.

02

Social Aspect

Live events can develop into a long-term feature to encourage people to share live reels.

Thank you for your time ☺

Next Project

PursueCare

Design better digital recovery journeys for patients

Thank you for your time ☺

Next Project

PursueCare

Design better digital recovery journeys for patients

Thank you for your time ☺

Next Project

PursueCare

Design better digital recovery journeys for patients

Based in Seattle

2:04:44 AM

© 2024 Chloe Yu ☕️

Based in Seattle

2:04:44 AM

© 2024 Chloe Yu ☕️

© 2024 Chloe Yu ☕️