top of page

Redesigning NYC Parks website for improved public accessibility

TOOLS

Figma, Miro, Optimal Workshop

TIMELINE

September 2022 - December 2022

NYC Parks Thumbnail.webp

INTERFACE

NYC Parks

TEAM

Nehal, Yeatasmin, Shuyang, Sagar, Sanjana

Overview

The aim of the project is to redesign the NYC Parks website to create an intuitive and user-friendly digital platform that enhances the public's accessibility to information about the city's parks, recreational activities, and cultural events.

Through modern design and streamlined navigation, the revamped website seeks to foster a seamless and engaging experience, empowering both residents and tourists to better explore, appreciate, and utilize New York City's extensive park network.

Park-icon.png

Research

We conducted two types of research methods: survey and interview. First, we conducted a survey to collect the demographics of participants and their preferred experiences with social media and parks. Second, we interviewed users about their backgrounds, preferences, and experiences with NYC parks and observed them using the NYC park website.

The user feedback was then categorized into an affinity diagram which provided the following insights:

Screenshot 2024-03-29 at 12.51.00 AM.png

01

Participants prefer to go to parks for relaxation, nature, and events.

02

A schedule of events would be a convenient way for everyone to keep up with NYC Parks and its website.

03

There is a preference for using social media over the official website.

04

Participants prefer a website that is more updated and modern.

Using the gathered data, we decided to focus on young adults as our user group and constructed a user persona to map out the journey of a typical user of the age 18-24 years old.

User Persona - Final.png
User Journey Mapping.png

In order to understand how users interpret the information organization, we performed a comparative review of similar websites and a card-sorting study on a few participants. Based on how participants categorized elements, a tree-testing study was conducted to gain feedback on how users navigate through the website pages. Our findings from the two studies informed the revised information architecture of the website.

Key findings:

01

Participants had difficulty differentiating between “Activities” and “Events”.

02

Participants struggled with differentiating “Courts” and “Playgrounds” for the
sports-related task.

03

Participants can distinguish between “Things to Do” [Activities and Events] and
“Programs”.

04

Putting “Volunteer” under “Get involved” makes the most sense for the user.

Using these insights, we revised the website's navigation as follows.

Site Map.png

Design

Based on the revised site map and comparative reviews, we created wireframes with two tasks each for desktop and mobile. A group of participants were asked to test the wireframes with the following tasks:

MOBILE

  • It’s the weekend and you’re looking for a movie screening for you and your friends to go to, where would you go to find the screening?

  • Apply for a permit for a film and photography shoot.

The user tests unveiled some problems in the design.

01

The search button for the Calendar drop-down seems redundant.

DESKTOP

  • It’s the weekend and you’re looking for a movie screening for you and your friends to go to, where would you go to find the screening?

  • You and your friends want to play basketball together, where would you go to find a court?

02

The big banner on the main page of Facilities takes up space and seems unnecessary.

03

The wording of the primary navigation bar confuses participants: labeling doesn’t match their expectations.

MEDIUM FIDELITY WIREFRAMES

01 Homepage

HomePage.png
Mobile-Homepage.png

02 Events

Calendar.png
Calendar.png

03 Facilities

Facilities.png
Courts & Playground.png

04 Finding a court

Basketball Courts List.png

05 Permits

Permits Page.png

DESIGN SYSTEM

Color scheme

Group 226.png
Group 230.png
Group 224.png
Group 219.png
Group 227.png
Group 231.png
Group 225.png
Group 223.png
Group 228.png
Group 233.png
Group 229.png
Group 232.png
Group 218.png

Typography

Screenshot 2024-03-31 at 1.46.43 AM.png

HIGH-FIDELITY WIREFRAMES

01 Homepage

HomePage.png

03 Facilities

Facilities.png

02 Events

Mobile-Homepage.png
Calendar.png
Calendar-Mobile.png

04 Permits

Permits-Mobile.png

Test the prototypes here by looking for an event!

bottom of page