Images of zooms for homepage

[ExperimentsInHonesty]

Overview

We need to preference test the hero section of the homepage in order to learn whether the in-person selfie that Bonnie provided in the hfla-site-ux Slack channel on 2/10 or the newly created image of stitched together Zoom meeting screenshots appeals most to potential and actual users of our site. We then can use these learnings to make a data-informed decision about which to move forward with when the new homepage is launched.

Action Items

• [x] Review existing research findings and document in this issue a summary of the findings and the issues of concern, such as small sample size
• [x] Read this article in order to get a refresher/primer/good overview of how best to utilize preference testing.
• [ ] Sign up for a free account on Usability Hub.
• [ ] Obtain the Zoom screenshots from Bonnie (unless told otherwise).
• [ ] Determine if Bonnie prefers us to test between the "serious" selfie or the silly selfie
• [ ] If the screenshots are not yet stitched together to create the final image for testing, stich the screenshots together.
• [ ] Set up a preference test that asks participants to compare the two versions. Use versions that shows the hero in the context of the whole page, since that is the procedure that the research team decided to use in the first preference test of this series.
• [ ] Present findings to Product and together decide on which version should be developed and launched with the redesigned homepage. Also note findings on this from donor interviews.

Resources/Instructions

Usability Hub: An introduction to preference testing Usability Hub: Sign Up Figma - Homepage Redesign Existing donor research Folder with Zoom Images

Tests Conducted Pref test 1: Original homepage image Vs. New stock image Pref test 2: Goofy selfie (w/ tongues sticking out) Vs. Happy/professional selfie (w/out tongues sticking out) Pref test 3: Happy/professional selfie (w/out tongues sticking out) Vs. Zoom compilation Pref test 4: Happy/professional selfie (w/out tongues sticking out) Vs. Original homepage image The happy/professional selfie tested best in Tests 2, 3 and 4 and out performed the Zoom compilation.

• Look at the results at usability hub: https://app.usabilityhub.com/tests/f317c83b986/results/28c61adf70ef
  screen capture of the usability hub test in case the url is no longer available

Images Tested Happy/professional selfie

Goofy selfie (w/ tongues sticking out)

Zoom compilation

[github-actions[bot]]

Hi @kpmunnelly, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:- i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?) ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[kpmunnelly]

Progress: Was able to connect with Summer Harvey on this issue b/c some info was missing from drive and it was unclear if this issue was complete. Summer confirmed that the following 4 preference tests were conducted: Pref test 1: Original homepage image Vs. New stock image Pref test 2: Goofy selfie (w/ tongues sticking out) Vs. Happy/professional selfie (w/out tongues sticking out) Pref test 3: Happy/professional selfie (w/out tongues sticking out) Vs. Zoom compilation Pref test 4: Happy/professional selfie (w/out tongues sticking out) Vs. Original homepage image

The happy/professional selfie tested best in Tests 2, 3 and 4 and out performed the Zoom compilation.

I have added these images to the top of the issue b/c they were not saved there.

Blockers: Unclear if this issue is complete. Have messaged Phuong and will check-in with Bonnie

Availability: I should have about 5 hours this week split between Mon, Wed, Fri. This is dependent on what happens with Tropical Storm Ian. It’s currently expected to be a direct hit for me.

[kpmunnelly]

Progress: Was able to connect with Phuong. She was not sure if this issue is complete or not. Mentioned that maybe we could possibly make a design homepage mockup of the selfie and the research team could do tests on the design mockups of the selfie and the original hero image to users. However, she is stepping down and is not sure if anyone will be working on these mockups.

Blockers: Unclear if issue is complete or if design team will develop additional mockups. Because it doesn't seem like this issue is going to move forward quickly, I may remove myself so I can work on something else that is more urgent like the interviews for personas since I believe we need more people on those due to some team members exiting.

Availability: I should have 5 hours split between Mon, Wed, Fri

[kpmunnelly]

Progress: I am removing myself from this issue for now b/c after talking with Bonnie it has been realized there are a few next steps that need to be taken care of by design before more research is conducted Next steps:

• Design will collect Zoom images from missing teams and create a new stitched image.
• Design will incorporate the new Zoom image into the homepage, so research can test it
• When new designs of homepage are ready, research will conduct a survey to learn what users believe the image conveys.

[ExperimentsInHonesty]

Teams that need to provide their images How to identify which teams: see the response url for HfLA website: Upload Zoom image

• [ ] 311
• [ ] ~100 Automations~
• [x] Access the Data
• [ ] BallotNav
• [ ] Brigade Organizer's Playbook
• [x] Civic Tech Index
• [x] Civic Tech Jobs
• [x] Design Systems
• [x] Expunge-Assist
• [ ] Food Oasis
• [x] GreenEarthOS
• [ ] Guides
• [ ] HackforLA.org
• [x] HomeUniteUs
• [ ] Internship project / Tech Work Experience
• [ ] LA TDM
• [ ] Lucky Parking
• [ ] Open Community Survey
• [ ] People Depot
• [ ] VRMS
• [ ] ~Write for All~
• [ ] Youth Justice Nav