1 of 10

Design of a Volunteer Roles webpage

Summary of Research and Insights

UX Research Summary

2 of 10

Table of Contents

  1. Goal
  2. Research background
  3. Methodology
  4. Preference testing: Which design looks most inviting?
  5. (TBD)
  6. (TBD)
  7. (TBD)
  8. Additional feedback

3 of 10

Goal

The main goal of this study is to design a new Hack for LA Volunteer Roles website that will connect volunteers with project roles. This new website will replace the Github board.

The new website should look appealing, be easy to navigate, and make new volunteers excited to join.

The new website should also make it easy for existing Product Managers and others to post roles and attract volunteers.

4 of 10

More information on the job roles webpage

The CivicTechJobs.org MVP website will be a platform to help prospective volunteers find inter-disciplinary projects that will be useful for their career development while contributing to positive civic impact and a CMS for projects to be able to list their project's open roles.

The tool will match volunteers by availability, role, and program area. Future iterations of the platform will focus helping volunteers find volunteer opportunities that match paid job postings, so that a volunteer can better prepare themselves for the marketplace.

5 of 10

Research background

X

6 of 10

Screenings

For the organization, it is important to not have people join the team who do not have the time availability required. Therefore, the time availability screening is required to see roles.

The experience screening should be optional and we do not want to filter people out who may be qualified. The proposed experience categories (Learning/Have training/Experienced/Managed others) come from HfLA surveys that were done in the past. Survey 1 and Survey 2.

Required screenings:

  • Role type
  • Time availability

Optional screenings:

  • Experience level (possibly be built later, after MVP)
  • Technologies used in the project (to be built later)
  • Program area (to be built later)

7 of 10

User flow diagram

  • No logins required.
  • Users must answer the first two screeners (role type and time availability) to see projects.
  • No opportunities for error in entering information because users select options from a drop-down menu.
  • Jen’s task and user flow: https://whimsical.com/ctj-task-and-user-flow-8GgB5Moy14fnQDv24o1fGC

8 of 10

Methodology

This project will use different research methods to test the design and functionality of the new webpage with volunteer users. The different steps include:

  • Preference testing to select the most inviting design among 3 options
  • (TBD)
  • (TBD)

9 of 10

Preference testing: 20 participants from the Hack for LA community

Winner: 70% of votes

10%

20%

Explain why:

“Engaging and dynamic hero”

“Clear separation between sections”

“Cleaner up top”

“Most personable and welcoming; not sure why”

“Big visuals draw me in”

“Symmetrical and organized”

“Caught my eye instantly! Got me excited to search for jobs”

“Prominence of the visual of everybody working together”

“Highlights collaboration”

10 of 10

Additional feedback

X