Usability testing for Logo design

[priyatalwar]

Overview

We need to perform usability testing so we can find out which logo and favicon that people prefer.

Action Items

• Cleanup the favicon examples in Figma,
  • making sure its possible to see the way the logo looks on different backgrounds
    • white
    • light gray
    • dark gray
    • charcoal
    • black
  • Icons represented should be
    • Facebook
    • Google
    • Microsoft
    • B and D from last set
• Setup usability account
  • use the username in 1 password as the email
  • use the password in 1 password as the password
• write up the text you will use (including emojis, and add to a comment on this issue)
• setup usability test (add link to test under resources)
• show the test and text to product managers for sign-off
• Bonnie will @ channel it

Resources/Instructions

• Internship Figma, Color Mood Board - Susan
• Issue about using UsabilityHub
• Usability test link 2022-03-05
• Spreadsheet for analizing the results

Email used with Usability hub

• Email for UsabilityHub internship-ux@hackforla.org
• Password is from 1Password is under "UsabilityHub"

Wording used during usability testing

Hack for LA's internship project (helping high school students get tech experience) has designed two logos and matching favicons. We are trying to decide which to use. Please let us know which you prefer and why.

Posted Usability hub survey 2022-04-07

👋🏻 @channel Our Hack for LA Internship team needs your help to pick our logo and favicon!!! Please visit our usability hub link to vote now!🙏🏻🤗

[ExperimentsInHonesty]

[seetho-c]

Update 3.25.2022

Usability Test is setup

Referenced from Access the Data's Usability Test.

Usability test link

[ExperimentsInHonesty]

@priyatalwar @seetho-c its unclear in this issue who setup the usability hub content. If it was @seetho-c please make the changes I have asked for above. If it was Priyanka, let us know in comment on this issue so that we can log in and try to fix it, or get you access to it.

[priyatalwar]

Cherilyn did.

[seetho-c]

@ExperimentsInHonesty I made the changes with the new wording for the intro and added a follow up question at the end "Please let us know why you chose that specific favicon variations."

[Susanz7]

@ExperimentsInHonesty Here is the text I created for posting Usability Test on Slack channel:

👋🏻 Hi everyone! Our TechWork Experience team is testing and collecting feedbacks on our logo design. Would be really appreciated if you can take a few moments to answer the questions, thank you so much!🙏🏻🤗

[ExperimentsInHonesty]

👋🏻 @channel Our Hack for LA Internship team needs your help to pick our logo and favicon!!! Please visit our usability hub link to vote now!🙏🏻🤗

[ExperimentsInHonesty]

Posted on slack, in general channel

[ExperimentsInHonesty]

Please check on Monday to see how many responses we got. If its less than 20. I can mention it during onboarding. Post in our slack channel the result of the test so far.

[ExperimentsInHonesty]

This is what the test looked like

[seetho-c]

Full screenshot of usability test results from UsabilityHub

[ExperimentsInHonesty]

We reviewed all the answers and made a spreadsheet of the votes and the why, so that we could determine which logo/favicon to go with.

Final determination was that the one that got fewer votes was more appropriate because the reasons people liked the favicon and the logo completely aligned with our brand, where the one that got more votes, the favicon often reminded people of Microsoft and the reasons why they liked for the logo did not align with our brand as closely.