UX audit of our https://codeforphilly.org/volunteer page

[machow]

Currently, many parts of codeforphilly.org direct people to our volunteer page (https://codeforphilly.org/volunteer). Since this page is so central to getting started, making it easier to follow may go a long way toward helping people get started.

I am a UX barbarian, so if you are a content writer, or interested in UX / a UX practitioneer, please reach out on the Code for Philly #cfp-homepage-redesign channel!

Big questions:

• What do people want to do when they reach this page? (assuming they want to join a project, or connect with the CfP community e.g. via slack)
• How long does it take them to get through the page?
• Are there any tricky points? (e.g. I tried to click the steps at the top of the page, but they are not links, but I might not be very representative)
• How could we make this easier / feel better?

[machow]

Talking to Kat at hacknight. Currently, the page encourages people to do this workflow:

1. Go to active projects, look around
2. Sign up on slack
3. Introduce yourself

We should change step (1) to be looking at the projects on the homepage, so they don't risk looking around a lot of old, inactive projects.

Potential changes

• Remove or replace the video for step 1
• Let's make sure places with suggestions link to places that allow people to do the suggestion:
  • "You can attend our 101 meetings" link to the relevant place (meetup.com/code-for-philly)
  • "contact the Project Lead" (emphasize via the slack channel, link to faq?)

One other Micahel thought: hackforla has a great first step (attend an onboarding session). Is our onboarding right now happening when someone joins slack? I wonder if that should be our first step?

[machow]

Related to #95, since we should update the onboarding page as when we/right after updating the project cards on the homepage.