Images of zooms for homepage
- Dominant language
- JavaScript
- Stars
- 363
- Forks
- 872
- Avg merge
- 2d 21h
- Merged PRs (30d)
- 18
Description
### 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](https://usabilityhub.com/guides/preference-testing) in order to get a refresher/primer/good overview of how best to utilize preference testing.
- [ ] [Sign up](https://usabilityhub.com/pricing) 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](https://hackforla.slack.com/files/UE1UG1YFP/F032K2LG4F7/img_1799.jpg) or the[ silly selfie ](https://hackforla.slack.com/files/UE1UG1YFP/F032N02GDAN/img_1801.jpg)
- [ ] 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](https://usabilityhub.com/guides/preference-testing)
[Usability Hub: Sign Up](https://usabilityhub.com/pricing)
[Figma - Homepage Redesign](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=17951%3A122724)
[Existing donor research](https://docs.google.com/presentation/d/1nLI9nBDi7c6gayFo6hybSoh96WNQXJe9Yt0_KsO4ad4/edit#slide=id.g100598eeae6_0_296)
[Folder with Zoom Images](https://drive.google.com/drive/folders/1o62S6bs33ivv533se5AqbuAENrIO6mFh_gwwr_2ykpA5l-rloXpkfQigzOH0zGn7wg77zV01)
**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

Contributor guide
Assessment
This issue has not been assessed yet.