NYC Parks Website Homepage Redesign

FALL 2020

LIS 643: Information Architecture & Interaction Design

My Role: Product/Tech Manager

Team Green: Zhichun Zhao, Jiae Oh, Nathalie Traikos

Overview

The nycgovparks.org is a website providing all information for parks and facilities under the reign of NYC government. Team Green is responsible for redesigning the website homepage for both desktop and mobile structures. The goal for Team Green is to make the homepage concise, relevant, and easily navigable for the users.

Current homepage

nycgovparks.org

user research

To seek for redesigning the navigation and homepage, Team Green carried out qualitative research to better understand people’s motivations for going to the park, activities done at the park, changes in habit during COVID, and how users find park information.

Methodology:

  • 3 Interviewers & 12 Interviewees
  • Semi-structured 1:1 phone call
  • Contextual inquiry with devices
  • Synthesis through Affinity Mapping

User Insights:

  1. Users are either externally focused on other people’s behaviors or internally focused on their own behaviors regarding Covid-19 safety guidelines.
  2. Users tend to spontaneously go to parks as opposed to planning their trips, but they later regretted not knowing what events and activities that they would have liked to attend or prepare for.
  3. Users mainly seek quick recommendations from their trusted social network as opposed to taking time to do research on their own. They rely on this to help make decisions on what parks they should go to.
  4. Users choose to go a parks near their apartment for convenience to easily meet their social needs and exercise needs.

User Journey Map:

Comparable analysis

Each team member managed to assess three websites from the navigation, homepage, and appearance perspectives.

Design Insights:

  1. Covid-19 updates should be directly accessible from the homepage and refer to a trusted source (e.g.CDC).
  2. Make the information easy to digest and simplify delivery (i.e. images, icons, layout, amount of text).
  3. Information can be accessed from different points for easy search.
  4. Menu navigation bar at the top of the site should have a limited dropdown of 1-2 layers.
  5. Do not only rely on navigation bars; make sure to have search functions.
  6. Make available any potential next steps, as necessary.

site map

Team Green conducted card sorting of 50 labels and tree testing of 6 tasks with users in order to better understand users’ mental model of the information structure of the website navigation. Team Green revised the site map based on the results.

Ideation

Team Green tried to brainstorm for opportunities throughout the whole user journey.

Team Green Brainstorm

Features Prototype

Team Green decided to focus on opportunities in the first three steps out of the whole user journey.

Feature 1: Browsing & Searching

Search bar gives users chance to do exploratory seeking or know-item seeking

Feature 2: Live Video

Providing a real-time feed to help users determine park activity and track behaviors

Feature 3: Find A Park

Displaying the parks altogether on the same map with clickable links to each park for more details and re-finding function

Feature 4: Covid Updates

Providing Covid-19 safety guidelines & Popular times addressing user’s both external and internal mental models

User testing

Tasks 1. You want to check if there are COVID-19 safety requirements to visit a park.
Tasks 2. You want to find a park near your place (144 W 14th St, New York, NY 10011) that takes less than 30min by train.
Tasks 3. You need to find an interesting outdoor activity in nice weather that you can do with your friend this weekend.

Feedback (Task 3):

  • The three boxes “Programs” “Events” “Parks” seemed redundant to the search bar
  • The “Things to do” on homepage is what is expected to be seen after clicking the “Events” square from homepage
  • Expected to choose dates via icon on “Events” square

Revisions:

  • Eliminate the three squares or reword the three squares to signify exploration capability
  • Search bar at top of homepage needs to be more generic by adding keyword in placeholder text
  • Add a date icon on the Events search bar

individual Prototype

For the final prototype, I choose to work on the flow for users to find an event they would like to attend. Based on the user testing, I focused on developing the calendar and revised the homepage design by removing the things to do.

Find An Event Wireframe

Besides the recommendations, I also decided to make the following design changes:

By choosing to work with webs on phones, I eliminate the homepage to parks only and hided the navigation with icon based on the feedback that users prefer clear design.

Adopt the revised sitemap, and hided the “find parks and facilities” function with the icon of a map. Keep the social media that users report they would like to have.

Apply calendar as all of the users in the user testing replied that they would like to see a calendar when looking for an event rather than having events plainly listed.

Find An Event Prototype
Homepage Final Prototype For PC

For both tablet and PC homepage, I removed the things to do section as users find the wording confusing and redundant, now that they are all beneath parks & facilities as the site map is showing.

Homepage Final Prototype For Tablet
High-Fi Prototype

Next step

Due to the scope of the project, there is not a chance for me to refine on all features our team designed. For next steps, we can work on each of them and produce high-fidelity prototypes across devices as well. Moreover, user testing shall be conducted on my individual prototype to improve and finalize the design.