NYC Zoning & Land Use
Client
NYC DCP
Role
Designer
Year
2021
Duration
4 months
Deliverables
Design research
UI design
Mobile version
Project Background
ZoLa
New York City's Zoning & Land Use Map
ZoLa is an interactive map that provides zoning and land use information for Planners, business owners, property owners, and the general public of New York City!
Project Goals
01 Improve Ui for Visually Impaired Users
02 Mobile Friendly Version
03 General Ui Updates
of the US is color blind
8%
Challenge: Design for 53 distinguishable zoning + land use categories for red-green color-blind users.
ZoLa color pallet
Full Color Vision
Pallet with Protanopia vision
Protanopia Vision
50+ Survey Responses
15 User Interviews
5 meetings with Product Owners
Based on the data collected, we came up with a set of user personas and a list of actionable design steps.
Personas & Problems...
City Planners
Color Blind Users
Regular New Yorkers
The Solution (For everyone)
High Contrast Mode
Working around the constraints of color, we overlayed micro patterns over manipulated hues on the map.
The Solution
Mobile Friedly Version
While maintaining the current functions of ZoLa, we adapted them to a mobile interface, with familliar Ui elements.
Figma Fan Club!
The Final Prototype
Click Through Below!
Menu
Search Bar
Figma is Ui design software that lives on the browser, and allows designers to work simultaneously to create digital design products and prototypes!
Yes, I‘m a Figma fan girl…
Map Filters
High Contrast Mode
Info Expand
Information Architecture
To translate the functions of browser ZoLa to mobile ZoLa, we mapped them out to see their flow.
Layer Pannel Ideation
User's had a lot to say about the order, size, color, and location of icon's and layers within the Layer Panel. These are a few of the iterations we created based on user feedback.
Current Layers Pannel
What's next?
Albert & I presented our work to the product owners for final feedback, and handed off our materials to the wonderful talented engineers at the NYC Planning Labs.
The PLabs (also known as the "test kitchen" at DCP) developes new tools for city planning and the great people of New York City!
