︎


NYC Parks

Reimagining a find-a-park tool for New Yorkers
BACKGROUND
NYC Park’s vision is to create and sustain thriving parks and public spaces for New Yorkers. NYC Park’s mission is to plan resilient and sustainable parks, public spaces, and recreational amenities, build a park system for present and future generations and care for parks and public spaces. Our priorities are to help them translate the vision and mission to areas of focus and action, making abetter parks system for all New Yorkers.

TEAMMATES
Ellen Connell, Jiyoung Lee
ROLE User Research, User Journey Mapping, Wireframing, Information Architecture, UI design, Prototyping, Usability Tesing, Creative Direction

TOOLS
Figma

DURATION
1 month

The Current Site

DESIGN OPPORTUNITY
Qualities that our client is looking for:
  • Mobile-Optimized
  • Consistent Branding
  • Content-Driven
OUR AUDIENCE
  • Community seekers: Pursuing cultural enrichment and ways to be engaged with the community.
  • Well-being-driven: Use the park to improve their health and well-being.
  • Friend and Family-centered: Use the parks as a social space, a meeting point for friends and family.

Our Challenges



User Research


Our Findings

  1. Proximity to a user’s current location is a driving factor in determining which park a user will visit.
  2. Parks serve as both points of escape and connection for visitors in quarantine.
  3. A park’s built-environment facilitates visitors’ interactions with and activities within the park.
  4. Users use multiple channels to search, decide and navigate to park.

Mindset Segmentation


 

In order to better understand our types of users, we created 4 mindsets according to their level of exploratoriness when choosing parks and their level of planning before going to parks.



User Journey Mapping

We then developed a user journey map with the Explorer’s mindset as he/she explores the broadest in scope and has the strongest driving purpose with the most potential opportunities our Find a Park feature. By graphing the user journey map, we are able to identify design opportunities and important user needs in each step of the journey. The scenario provides us with an inside view of what the user might be thinking when using our product, therefore, we’re able to better empathize with the user when designing our features.



Feature Prioritization




We prioritized features from our list of opportunities by focusing on what was the most feasible and had the highest user impact.  We also weighted each feature as it corresponds with NYC Parks’ organizational goals to increase findability and be content-driven, without needing to build additional new tech or new content.

User Testing Findings


OUR FOUR USER TASKS
  1. Find a park through a recommendation.
  2. Find a park through proximity.
  3. Find a park using filters.
  4. Find out how to navigate to the park.

We created a clickable prototype and did user testing with 6 people. Here are some of the major problems we found:

  • Too many categories
  • Vague Naming
  • Overlapped groupings
  • Possible misunderstanding of information

CARD SORTING WITH OPTIMAL CARD

Sitemap Before Card Sorting



The Refined Sitemap

Final Prototype


Based on previous feedback, I have reorganized the position of buttons so that they are more familiar with the mental model of users. The overall hierarchy and structuring of the content have also been refined.


One major change from the revision is the content featured on the park detail page. During our user research, most of our interviewees care a lot about the security of parks during the pandemic. By including and highlighting precaution messages, the park-goers can then know if this park is safe for them to hang out.

Another thing that popped up a lot during our interviews was the features and facilities of the parks. People look forward to different activities at the parks and a lot of times they plan around those activities. Therefore, the park features icons added will solve the problem by showing them what a park is offered in a clear and easily understandable way. On the original website, there are illustrative icons provided, but one has to look very closely to understand the icons. The popular time graph, inspired by Google Map, will communicate when and how crowded a certain facility is so that people can plan ahead and avoid unnecessary gatherings.




Hi-Fidelity Prototype of the Park Detail Page


Finally, I designed the park detail page optimized for mobile, tablet, and desktop. The desktop and tablet follow a two-column grid while the mobile follows a single-column grid. To make the Park Feature and Popular Times stand out since they may be the most helpful content on the page, I highlighted the background color to create more contrast. The page adheres to the original NYC Parks branding with a light green accent color making the experience feels friendly and close to nature.

Conclusion


Overall, we want to help create a thoughtful and seamless experience for the users to find a park to go to and have some fun at the parks during this special time. Throughout the entire process, my teammates and I have started from zero and built our experiences and knowledge through real actions. We have conducted user interviews, user testing, extracting findings, and redesigned this website from the insights of real people. Even though we have made numerous mistakes, I found that interaction design is a constant process of failing and redefining, and repeat. So it is never too late to learn more about the users and to go back and make changes.

One thing I learned the most is to never assume something based on our own experiences because how others see and think will never be the same. The purpose of user research and user testing is the key to be closer and closer to the mindset of our users.