hackathon

mobile

navigation

GoGreen

🏆 1st Place @ UCSC SVC Hackathon 2023

Reimagining navigation apps, but minus the personal cars. GoGreen helps users get where they need to go primarily with public transit, a greener form of travel.

Sole UX Designer

Role

48 hours

Timeline

Sustainability

Theme

Sole UX Designer

Role

48 hours

Timeline

Sustainability

Theme

The problem

The problem

Despite its environmental benefits, public transit is experiencing declining ridership. It's important that we identify the barriers to use and address how we can foster consistent use. How might we encourage individuals to make use of this resource, which also helps the environment?

Despite its environmental benefits, public transit is experiencing declining ridership. It's important that we identify the barriers to use and address how we can foster consistent use. How might we encourage individuals to make use of this resource, which also helps the environment?

The solution

GoGreen is a sustainability-centered navigation app that empowers users to make eco-friendly transportation choices.

GoGreen is a sustainability-centered navigation app that empowers users to make eco-friendly transportation choices.

By encouraging shared transit experiences, awarding users for reaching travel milestones, and offering a visualization of the environmental impact of their choices, GoGreen distinguishes itself from standard navigation apps.

By encouraging shared transit experiences, awarding users for reaching travel milestones, and offering a visualization of the environmental impact of their choices, GoGreen distinguishes itself from standard navigation apps.

Exploring the problem space

💚

How does public transit impact sustainability? Who is using public transit? Who isn’t, and why?

Given the time constraints of the hackathon, I utilized secondary research as my primary research method. The sources I used ranged from research articles, transit website blogs, Reddit threads, and news articles. I also analyzed other navigation apps, like Uber, Lyft, Google Maps, and Apple Maps, to influence my design.

First, let’s check why public transit is good for the environment

🚗

Carbon emissions

Driving a car emits about 270g of CO2 per passenger-km, but a bus ride emits less than half of that at 101g.

🙆‍♀️

Individual impact

If one person switches to public transit, their daily carbon emissions can be reduced by 5000 pounds annually.

🚅

On the road

Transit moves more people using less space, keeping traffic congestion lower and reducing air pollution from idling cars.

Despite the benefits, public transit ridership has decreased

Between 2012 and 2018, bus ridership decreased by 15% and rails 3% in the United States.

COVID-19 in 2020 exacerbated this already existing issue, leading to an even greater decline in ridership of 75%.

Why was ridership so low?

1

Difficulty navigating

For people who don’t use transit regularly, or for those who get overwhelmed with different routes and transit rules, navigating the transit system can be challenging.

2

Safety and cleanliness

Many worry about feeling safe on public transit, whether it was because of how clean it was or being wary of other riders.

3

Perceived social stigma

In areas where public transit is deemed less appealing, there is a feeling of societal disapproval for using the transit system as your main mode of transportation.

4

Inconvenience

Factors like delays, service interruptions, or unreliable schedules deter potential riders from taking public transit, opting for their own personal vehicles for convenience.

How might we use all of these research insights to…

Address the barriers preventing people from using greener transit

Facilitate continued, long-term use of transit

Encourage informed decisions and emphasize individual impact

Turning research insights into design opportunities

1

Familiar user interface

for intuitive design and lessening the user's cognitive load, reducing confusion associated with using transit

1

Familiar user interface

for intuitive design and lessening the user's cognitive load, reducing confusion associated with using transit

1

Familiar user interface

for intuitive design and lessening the user's cognitive load, reducing confusion associated with using transit

2

Adding friends

to help combat the social stigma associated with transit to encourage mutual support of transit pooling

2

Adding friends

to help combat the social stigma associated with transit to encourage mutual support of transit pooling

2

Adding friends

to help combat the social stigma associated with transit to encourage mutual support of transit pooling

3

Gamified travel

to motivate users to continue using transit by offering badges and rewards as reinforcement

3

Gamified travel

to motivate users to continue using transit by offering badges and rewards as reinforcement

3

Gamified travel

to motivate users to continue using transit by offering badges and rewards as reinforcement

4

Reporting for safety

to give users the agency to report any safety concerns they encounter

4

Reporting for safety

to give users the agency to report any safety concerns they encounter

4

Reporting for safety

to give users the agency to report any safety concerns they encounter

With those goals in mind, I started sketching my ideas

Based on these ideas, I identified key user flows

My sketches helped me identify some of the complex interactions I would eventually design. I came up with a few key user flows to uncover any potential pain points in the user journey and brainstorm how I can mitigate it before investing time in the high-fidelity design.

After establishing the user flows, I started low-fidelity wireframing

Low-fidelity wireframing helped me identify intricate, complex interactions that I couldn't account for in the sketches and user flows.

The final design and key features

1

Choosing a route

Users can enter their destination and be presented with route options to get there. They can filter their search by transit type, accessibility needs, and departure/arrival time. All options indicate whether it’s the most eco-friendly, fastest, or cheapest option. There is also an “impact statement,” informing the user of how much CO2 they are saving by taking that route as opposed to taking their personal cars.

Users can enter their destination and be presented with route options to get there. They can filter their search by transit type, accessibility needs, and departure/arrival time. All options indicate whether it’s the most eco-friendly, fastest, or cheapest option. There is also an “impact statement,” informing the user of how much CO2 they are saving by taking that route as opposed to taking their personal cars.

2

Co-riding with friends

While on a route, users have the ability to “invite” friends onto the trip. By doing so, their friends can access the ongoing trip from their phones. When you ride with multiple people, everyone gains the same badge progressions from their transit.

While on a route, users have the ability to “invite” friends onto the trip. By doing so, their friends can access the ongoing trip from their phones. When you ride with multiple people, everyone gains the same badge progressions from their transit.

3

Street view

Have you ever boarded a bus on the wrong side of the street? GoGreen includes an interactable street view so users are aware of what their bus stop or station looks like.

Have you ever boarded a bus on the wrong side of the street? GoGreen includes an interactable street view so users are aware of what their bus stop or station looks like.

4

Reporting incidents

Users have the agency to report any incidents or concerns when they are taking transit. Based on the user’s time of travel and lines they take, the reports with these details would be sent back to the transit agency so staff can know what bus or line the issue is found. Reporting options include uncleanliness, suspicious behavior, accessibility issues, etc.

Users have the agency to report any incidents or concerns when they are taking transit. Based on the user’s time of travel and lines they take, the reports with these details would be sent back to the transit agency so staff can know what bus or line the issue is found. Reporting options include uncleanliness, suspicious behavior, accessibility issues, etc.

5

Trip summary

Once the user has completed their route, they are presented with a “Trip Summary” which includes where they went, the impact (or collective impact if they traveled with others) they had on the environment by choosing transit over their car, and their progression towards achievement badges. The user has the option to bookmark the route for next time, or sharing it on social media to show others the impact of sustainable travel.

Once the user has completed their route, they are presented with a “Trip Summary” which includes where they went, the impact (or collective impact if they traveled with others) they had on the environment by choosing transit over their car, and their progression towards achievement badges. The user has the option to bookmark the route for next time, or sharing it on social media to show others the impact of sustainable travel.

6

User profiles

On the user’s profile, they can see all of the badges they’ve received and their progression towards other badges. Additionally, they can see their trip history and saved trips. They can view their friend list and go to their friends’ profiles from here, too.

On the user’s profile, they can see all of the badges they’ve received and their progression towards other badges. Additionally, they can see their trip history and saved trips. They can view their friend list and go to their friends’ profiles from here, too.

A few takeaways from participating in the hackathon

🚗

The importance of low-fidelity wireframing

I used to have a "straight to high-fidelity" mindset. Because of this project, I learned the importance of low-fidelity wireframing. I discovered the most new features, interactions, and pain points that I had previously missed - there are just some features you don't think about until you're actually building it!

🚗

The importance of low-fidelity wireframing

I used to have a "straight to high-fidelity" mindset. Because of this project, I learned the importance of low-fidelity wireframing. I discovered the most new features, interactions, and pain points that I had previously missed - there are just some features you don't think about until you're actually building it!

🚗

The importance of low-fidelity wireframing

I used to have a "straight to high-fidelity" mindset. Because of this project, I learned the importance of low-fidelity wireframing. I discovered the most new features, interactions, and pain points that I had previously missed - there are just some features you don't think about until you're actually building it!

🙆‍♀️

Having a design system

One thing I would have changed about my process was creating a formalized design system; even with the time constraint, it would have been valuable to set aside some time to do so. Once I started the high-fidelity prototype, I immediately regretted not having one. You live and you learn!

🙆‍♀️

Having a design system

One thing I would have changed about my process was creating a formalized design system; even with the time constraint, it would have been valuable to set aside some time to do so. Once I started the high-fidelity prototype, I immediately regretted not having one. You live and you learn!

🙆‍♀️

Having a design system

One thing I would have changed about my process was creating a formalized design system; even with the time constraint, it would have been valuable to set aside some time to do so. Once I started the high-fidelity prototype, I immediately regretted not having one. You live and you learn!

🚅

Love the product, and you'll enjoy the work

I love public transit! After living in a walkable city for 5 years, I definitely would have used GoGreen while living there. Having a personal connection to the topic made the process more fun and involved. My experiences as a public transit user were valid here!

🚅

Love the product, and you'll enjoy the work

I love public transit! After living in a walkable city for 5 years, I definitely would have used GoGreen while living there. Having a personal connection to the topic made the process more fun and involved. My experiences as a public transit user were valid here!

🚅

Love the product, and you'll enjoy the work

I love public transit! After living in a walkable city for 5 years, I definitely would have used GoGreen while living there. Having a personal connection to the topic made the process more fun and involved. My experiences as a public transit user were valid here!

The product is incredibly thorough and well-researched; Tracy had preemptively answered all of my questions in her presentation. She has some serious Figma skill.

Cassidy Gonzalez

Game Designer @ Activision Blizzard

The product is incredibly thorough and well-researched; Tracy had preemptively answered all of my questions in her presentation. She has some serious Figma skill.

Cassidy Gonzalez

Game Designer @ Activision Blizzard

The product is incredibly thorough and well-researched; Tracy had preemptively answered all of my questions in her presentation. She has some serious Figma skill.

Cassidy Gonzalez

Game Designer @ Activision Blizzard

The product is incredibly thorough and well-researched; Tracy had preemptively answered all of my questions in her presentation. She has some serious Figma skill.

Cassidy Gonzalez

Game Designer @ Activision Blizzard

…and this is me at the hackathon :-) !