Girl Scouts of Greater New York

Our research involved a series of user-testing techniques that each answered a key question for the design of the final prototype. Each section here presents the key question, techniques used, and major findings that informed our final design.

What motivates a caregiver to register their child for an afterschool program?

We began our research conducting interviews with four caregivers of children who are, or previously were, in the Girl Scout’s target age range to understand caregiver needs in regards to an updated website. Our interview questions focused on understanding three items:

1. Impressions and past experience with the Girl Scouts

2. How they learn about and research extracurricular programs their children participate in, and

3. What they value the most when looking for and selecting programs for their children.

I analyzed our team’s responses using empathy mapping and synthesized our findings into a user persona.

Caregiver User Persona

Key Findings

1. Motivation: Caregivers are motivated to register children for extracurricular programs so they can learn life (i.e. leadership) and interest-based (i.e. creative) skills while having fun, social interactions with others.

2. Communication: Caregivers most commonly learn about new programs via word of mouth from other parents, and they highly value other parents’ opinions.

3. Website Visuals: It is important to see children having fun, being engaged, and having positive social interactions with other children, parents, and program facilitators. 

4. Website Organization: Caregivers value clean, organized, and easy-to-navigate web design with concise, straightforward text and clear navigation menus. 

5. Desires: When visiting a website for the first time to learn about a program, caregivers look for organizational information (i.e. values), logistic information (i.e. how to sign up), and evidence that their children will have a fun, positive experience (i.e. photographs of participants).

6. Frustrations: Caregivers become frustrated when a website is not straightforward and easy to navigate, and when contact forms only allow one caregiver to sign up for information.

How do other program providers share content for caregivers, and what can we learn?

Girls Who Code

Using a dimensional analysis, we analyzed the websites of six extracurricular program providers to determine how they attempted to meet the needs of the same target audiences: Girl Up, Civil Air Patrol, 4-H, Girls Who Code, Air Cadet Canada, Girl Scouts USA.

Our analysis included deep dives into eight dimensions relevant to our users: homepage, navigation, organization, links/labels, appearance, search, content (usefulness for caregivers), and mobile-friendliness.

Key Findings

How do users make sense of the content GSGNY has to offer?

To understand how users might make sense of and navigate the wealth of content GSGNY has to offer, we conducted a card sorting analysis with Optimal Workshop (OW). This process began with an automatic export of all page URLs on the current website: 135.  To minimize the amount of cards our users would be asked to sort, we decided to focus on the first three levels of the GSGNY website structure and organize any content sitting in fourth or lower tiers under their third-tier counterparts. However, while this technique helped, we still entered our test with a total of 56 cards.

Responses from our eight user participants varied widely, but we were able to use OW’s 3D cluster and similarity matrix tools to build a draft site map that we hoped would fit the mental models of most users.

As an example of how the site structure evolved based on our card sort findings, compare the GSGNY’s original first level labels with our new version created after the card sort.

Original GSGNY First-Level Labels

1. What Girls Do in NYC

2. Volunteer

3. Cookies

4. Support

5. Virtual

6. About GSGNY

7. About GSGUSA

8. MyGS

First-Level Labels built from Card Sort Analysis

1. Join Us

2. Who We Are

3. What Girls Do

4. Cookies

5. Support Us

6. News and Events

Site map used for tree-test; click to view full size

To ensure we correctly predicted how users would attempt to navigate through GSGNY content and, if not, how we could improve, we tested the viability of our new site map with eight additional participants using a tree test on OW. Our results were less than ideal — a fairly poor success and directness rate (34% and 47%, respectively) — but we received clear data to improve by tracking how participants navigated while trying to find the content they needed.

Our first level labels stayed the same in the next version of our site map (with the exception of “Cookies,” which was relabeled “Cookie Program” for clarity), but the location and naming of many second- and third-level labels changed significantly.

The most significant changes were made to the “Join Us” section. We originally designed this section to only contain pages related to registration, but learned during our tree-test that many users interpreted the “Join Us” label as providing ways to join in a newsletter or apply to be a staff member. Two pages — “The Girl Scout Network” and “Careers” — were moved here from “Support Us,” and the labels of pages previously included in this section were adjusted for clarity.

How do we build intuitive pages to support the accomplishment of caregivers’ key tasks?

To develop testable low-fidelity desktop and mobile prototypes that incorporated our findings, we ran remote moderated usability tests with eight users.

We first developed three main tasks that we wanted caregivers to be able to complete on our site, each with its’ own user story, and outlined the pages required for users to complete these tasks: “Home,” “About Us,” “Leadership Development,” “Program Overview,” “Membership Overview,” “Become a Member,” “Trefoil Society,” “Ways to Give,” and “Campaign for Girl HQ.” After building prototypes of these pages, we conducted remote user tests that asked users to navigate through the mobile and/or desktop prototypes and complete the tasks, talking through their process out loud. Our tasks:

1. Task 1: Find information about the Girl Scouts of Greater New York program, and learn more about what their Leadership Development and Science, Technology, Engineering, and Math (STEM) programs entail.

   • User Story: Caregiver is interested in understanding how the Girl Scouts helps children learn about leadership values and STEM skills.

2. Task 2: Learn about what membership with the Girl Scouts of Greater New York entails and register a child as a Member.

   • User Story: Caregiver is curious about what GSGNY can offer her child and, when satisfied, wants to enroll their child in GSGNY.

3. Task 3: Learn about ways to give to the Girl Scouts of Greater New York, learn more about the Trefoil Society (a donors-only group), and make a donation to the Campaign for Girl HQ).

   • User Story: Caregiver is stratified with their children’s experience at the GSGNY, and want to contribute to the GSGNY.

Key Findings

Analysis of our tests — what users enjoyed, and where they ran into trouble — led to our team’s development of 19 total recommendations, 14 of which our team decided to implement in our final prototype. These involved:

• Navigation: Adding clarity to our navigation bar’s dropdown menus by adding arrows next to labels that lead to additional navigation options.

• Consolidation: Combining redundant information located on the “Membership Overview” and “Become a Member,” “Ways to Give” and “Donate Now,” and “Events List” and “Events Calendar” pages; create a new second-level label, “Donor Societies,” to lead to two related pages, “Trefoil Society” and “Juliette Gordon Low Society.”

• Graphics and Layout: Reducing blank space on all pages, ensuring content boxes are no larger than they need to be for the content offered, and redesigning infographics to have clear visual hierarchy.

• Homepage: Leveraging the homepage to highlight additional items important to caregivers, such the Girl Scouts mission and vision.