Improving Street Tree Care and Expanding Philadelphia's Tree Canopy
Project Brief
Create an end-to-end app on a subject of my choice with an 80 hour time limit and a minimum viable product (MVP).
Objective
Create something to help the Pennsylvania Horticultural Society (PHS) in their mission to increase Philadelphia's tree canopy.
Role
Researcher, UX Designer, UI Designer
Background
The urban forestry program in Philadelphia has lead the way for the rest of US cities when it comes to urban greening. However, the path to a 30% tree canopy- the city’s goal- is still riddled with problems.
Challenge
Urban trees have difficult lives and proper maintenance and care is very important to the city's mission growing and maintaining the tree canopy.
The tree canopy is managed by several different entities. The Pennsylvania Horticultural Society (PHS) organizes two of the largest tree plantings all year through its Tree Tender program- a network of over 100 small volunteer groups throughout the city and the metro area.
While PHS is helpful in orchestrating the plantings, the groups are largely on their own in terms of:
- Finding and organizing volunteers
- Gathering resources
- Engaging neighborhood homeowners
- Checkng on planted trees
- Pruning trees
In April and November of each year, the Tree Tender groups across the city plant the trees that homeowners have requested. It's always a fun and rewarding day. After planting though, it's up to the homeowners to keep the trees alive.
As a volunteer and participant of PHS’s Tree Tender program for the past several years, I’ve been interested in the subject of urban greening for a while. This project gave me the opportunity to learn more about the complexities of this system and its problems. While the program has been successful, I felt that there would be multiple opportunities to design some kind of tool to help the city achieve its goals more effectively. In researching this topic, the possibilities for what this app could be grew wider than I ever imagined.
Finding The Problem
To get a broad sense of the problems the organization faces and then choose where to focus in:
- I created a qualitative survey and sent it to approximately 50 different group leaders from around the Philadelphia area. Seven people from different neighborhoods sent in responses.
- I did a long-form interview with an 8th group leader.
- I interviewed Ethan Leatherborrow, a Parks department employee with experience leading a group and expertise in urban forestry database management.
Research Takeaways
The group leaders mentioned many of the same issues:
- Convincing homeowners of the benefits of trees
- Trees not being maintained
- Lack of resources
- Trees planted too deep
- Tree management software is cumbersome
Problem
The amount of trees the groups are able to plant is limited by how many homeowners request them. Without homeowner enthusiasm, the mission is in jeopardy.
I started this project with the idea that I'd create something for volunteers like myself, but group leaders had few problems to report regarding volunteers. More consistently, they had complaints about getting neighbors on-board with the program. Ultimately, without homeowner participation and enthusiasm, the whole mission is in jeopardy. Incentivizing homeowners seemed like an interesting problem to tackle.
On the limits of education as a way to reach homeowners:
"You can't convince them of it [with education]. It really comes down to having people see what other people are enjoying about their tree.
Ethan Leatherborrow, Special operations director, Philadelphia Parks & Recreation Department
The PHS tree tenders groups are a variety of different kinds of organizations - some governmental, some non-profit, some just some neighbors with some shovels and everything in between. Ethan's group pre-dates the Tree Tender program as a non-profit and has the funding to incentivize blocks with events like block parties. However, many of the groups in the program don't have this as an option. I wondered if there was a way to create incentives for homeowners to help care for and expand the tree canopy through socialization without offering them monetary rewards.
The User
I decided to focus on these two challenges:
- How can we get homeowners talking about all the benefits of tree ownership?
- How can we improve individual tree outcomes?
I created this persona to exemplify the kind of person my app would target. They're already interested enough in the problem that they've requested a tree. My app aims to assist this user in allowing them to care for the tree as best as they can and to activate them into becoming an advocate for trees that can help in the community outreach tasks that group leaders find challenging. Lori's journey is broken down below:
Process
I knew I wanted to create something that would remind homeowners to water their trees. I had a lot of ideas for how to do this while engaging them more fully in the process. I organized my thoughts into a hierarchical features list in order to get a better sense of how to solve this problem.
I thought about what kinds of features would be necessary to achieve my goal and what might be nice but is less essential. I also considered edge cases and potential feature expansions. These ideas were far outside my goal of realizing a MVP product for my persona, but would be important to think about if this project were able to be fully funded one day.
CONcept
A Virtual Tree Care App that reinforces Good Behavior with Gamification
Gamification concept sketches.
Gamification stood out as a compelling method of increasing homeowner engagement regardless of neighborhood group resources. This idea was met with enthusiasm by the stakeholders and other designers I discussed it with. However, it's important to note that my research process was very limited by time and resources, so I was not fully able to investigate what might make someone decide to request a tree outside of the anecdotal info given to me by my field expert.
My final flow chart for this project. Click the image to see how this was revised after user testing to save the user time and screen taps.
My next step was to convert my drawings into low fidelity rudimentary wireframes.
Edge cases were thought through early on. Rudimentary flows for homeowners with multiple properties, multiple trees, etc. were designed. But for the purposes of this project the app was tailored to the simplest case scenario- my user Lori and her one tree planted on her only property.
Style
I used the PHS website to guide my interface styling.
The colors and typography were adapted from the PHS website. Some design conventions used were changed slightly to make them more friendly for mobile design.
I chose the colors based on the tones used in the PHS website. I added some browns derived from the warm gray the site was using. I chose the typography to best mimic the font used on the website and chose a limited number of styles to reinforce hierarchy and consistency in the application.
I built out my sketch of the concept in Vectornator and Figma using a somewhat random color scheme. After deciding that I was going to design the app in the style of the PHS website, I gave the image a more muted color scheme and tweaked the proportions.
In my latest revision of the interface, I wanted to give the app a more focused and contemporary look. I did this by simplifying the information presented in the tree report card and tweaking the colors of the image to show more nuance and draw focus away from the background. This gives the tree vector more room to grow as time goes on. I decided to reinforce the pink color as representative of thirst by having the menu change from pink to green when the tree has been thoroughly watered for the week.
Achievements and leaderboards are essential gamification elements to motivate users across Tree Tender groups regardless of individual resources.
Final Flows
The MVP for this product consists of onboarding and a brief interface walkthrough.
Application welcome and introduction screens.
When users open the app for the first time, they are greated with an intro sequence giving them an overview of the app's purposes.
After entering some basic contact info and uploading a photo for the leaderboard, users enter their address which searches through the Tree Tenders existing PG cloud database. Each tree has a unique ID which is used to monitor the tree's health and progress. Alternate methods of identifying the tree were considered due to potential privacy concerns and may be incorporated pending further research.
This flow is designed for homeowners, but if a renter wanted to use it, they'd be able to with permission of the homeowner. Either way, setting up reminder notifications is crucial for whomever is caring for the newly planted tree. While tree care is the main focus of the app, tree impact calculation is an attractive feature idea with the potential to engage and inspire other homeowners. The process of calculating these impacts is involved enough that it was not fully incorporated into this version, but I wanted to create the infrastructure within the app to include it later on.
The watering flow was originally designed so that the user would have to click on the bucket 3x to properly water the tree. After user testing and feedback, the flow was revised so that users would be able to skip having to do this more than once. After watering 15 gallons the bucket appears empty and the info card at the top turns green.
Iterations
Tree Report Card
In order to simplify the closed tree report card, I expanded the full size menu to include the non-essential information that I felt was less necessary to see on the homepage. This offers more flexibility for what kind of information can be contained within it.
User Testing & Feedback
Completion for these tasks among users was 100% but their feedback was very important in making final revisions.
- I was mistaken about how weather would impact that needs of the organization. I assumed that rain storms would mean that homeowners wouldn't have to water their trees. However, I learned that overwatering is not a problem. Extreme heat is the more threat to young trees. This lead me to change my rain warning to a heat warning, necessitating more watering.
- I had planned to allow users to water if 5 gallon increments, but PHS actually wants homeowners to water the trees all at once. This feedback in combination with feedback that the animated watering sequence was too long led me to design a way to skip having to watch the animation 3 times.
- At some moments it took users several seconds to realize where to click next, so I incorporated the pink more as an accent color to draw the user's attention.
Iterations
Extreme Heat Warning
I revised rain event flow into an extreme heat warning that necessitates extra watering.
In my final revision of this project, I decided to remove the weather widget from the homepage and instead place it in the "Tree Care" section. Since weather is largely irrelevant to tree watering requirements (unless in the case of a heatwave) it seemed unnecessary to keep it on the homepage where it was taking up space. As a result, I had to redesign the heat warning flow.
In order to drive home the need to water extra during heatwaves, I increased the amount of pink and doubled the number of water droplets for the week. By changing the tree card to pink for the thirsty state, the association with the color will be well established before the heatwave weeks come.
Next Steps
In version 2, neighborhood groups would have their own pages with contact information and group goals that neighbors can work towards together. The neighborhood leader board would be found on this new page.
Additionally, the process of calculating each tree's environmental impacts would be fully developed into a user-friendly process that would give the app enough information to give accurate estimates.
These estimated numbers would be compiled in the group impact section on the new group page so that the collective impacts of the program would be able to be compiled and used as a compelling set of figures to persuade and retain new volunteers and homeowners.
Updates may also include:
- Expansion of illustrations to incorporate more types of trees and tree care tasks
- Development of a system of negative feedback
- Audio design
- Restructuring of the tree care reference page
Wireframes for a future version of this project that would incorporate accurate tree impact estimates.
Conclusion
The feedback I received from higher up members of the organization was really positive and I've been encouraged to seek funding to continue this project with the support of UC Green. While my research conclusions were supported by the stakeholders I went over them with, the process was still lacking in primary data from homeowners. The time limitations and the scope of this project made it challenging to get all the info I would have liked to have had in designing solutions. It's also shown me once again, how these projects can expand and become endlessly nuanced. The challenge really is creating priorities within the given constraints and executing them to the best of my ability. If I'm given the support and capacity to continue this project, I'm interested to see how further research might change this design.