914641 - Consider changing UI for "0 likes"

Status: RESOLVED INCOMPLETE

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Matt Thompson (@OpenMatt :OpenMatt)]

* On the site currently, when a make or teaching kit has 0 likes, it displays like this:

0 Likes =( 

Check it out in context here:
https://webmaker.org/teach/


* Cassie: do you think this is good UI? I'm finding it a bit confusing, and maybe setting the wrong tone.

* I find it: a) a bit confusing. when you look at this in context with the other metadata associated with the kits on /teach, it doesn't necessarily register that the emoticon is a frowny face -- it kinda just looks like screen junk. 

Placed in context, it reads like this:

"guide make by @tbx created a month ago , 0 Likes =("

This seems more like robot language than human speech. :) 

* It's also kind of negative? It sends the message that "nobody likes this." 

* Options: 

1) makes with 0 likes could just not display *anything*. ie, the number of likes would not appear until the project has at least 1 like. 

2) remove the frowny face

3) ???


I vote for (1), at least on the teach page. Thoughts?

I thought it was a cute idea to use the frowny face when I first saw it, but when I see it in application, worry that it just comes across as a UI glitch.

Comment 1

[Chris DeCairos (:cade)]

This is as easy fix, once we figure out what to say, we just update this string: https://github.com/mozilla/webmaker.org/blob/0d664ef2fae1dd7ca3125c55646a349c24026308/locale/en_US/messages.json#L186

Comment 2

[Chris DeCairos (:cade)]

(or just remove showing no likes altogether) one problem with that imho, is there's no cue for someone to say "hey, I CAN like this, let me find out how!"

Comment 3

[Cassie McDaniel [:cassiemc]]

I liked it. I thought the =( added a bit of personality. It's also meant to encourage people to share the things they made with their networks, albeit through negative reinforcement, but I don't think it's that hard to get at least 1 like. This kind of assumes most of our users are using other social networks.

I think we should leave it and get some more feedback from users, and if it does add that negative feeling for people making stuff we can divert to if there are no likes then show nothing.

As far as screen junk, we could replace the type with this font-awesome icon: http://fortawesome.github.io/Font-Awesome/icon/frown/ 

Cade is the font-awesome icon easy enough to do? (if so can you reassign to yourself)

Comment 4

[Chris DeCairos (:cade)]

(In reply to Cassie McDaniel [:cassiemc] from comment #3)
> Cade is the font-awesome icon easy enough to do? (if so can you reassign to
> yourself)

That icon should be easy to add. I'm assuming we'll want it to be Webmaker green?

Comment 5

[Matt Thompson (@OpenMatt :OpenMatt)]

+1 for testing!  Here's some of the other feedback from today's Webmaker call:

* "it looks a little sad that now all my makes have "0 Likes =(". Maybe a way to not display if 0, or otherwise not make users feel so lame?" +1+1+1 +1 

* " yeah, we want to fix that, there's nothing wrong with not having any likes yet, though it seems that way with our current text.... =(" +1

Comment 6

[Brett Gaylor [:brett]]

I'd have to agree - let's not rub it in :)

Comment 7

[Cassie McDaniel [:cassiemc]]

Karen, can you help us move to resolve this issue by helping us figure out if this is important to users? This might also be a good candidate for some Metrics testing.

Comment 8

[Adam Lofting (:adamlofting)]

I'm happy to see metrics testing suggested! :)

I see three locations where the 0 likes is shown, with significant volumes of traffic:

1) webmaker.org/en-US/me < viewing your own list of makes (~10k impressions/month)
2) Details bar at the top of any published make (~12k impressions/month)
3) Search results (~4k impressions/month)


== Option 1 feels least useful to me as there are limited calls to action and people are viewing their own makes for less 'influence-able' reasons.


== Option 2 feels most useful to me as it has calls to action we can measure against design variations. 

The best way to frame the test is to relate it to a goal, and then ask design questions around that...

Goals could be: 
* Increase % of people to click like 
* Increase social shares

Questions could be (and please add more ideas to this):

* Does hiding the social share buttons increase clicks on webmaker like?
** If so, is there value in prompting social share after someone likes something? And would doing this increase overall engagement?
* What design variations would get more people to click the heart (e.g. should it be a heart?)
* Does adding a FB share/like increase or decrease overall activity

== Option 3 would be interesting to measure variations against total clicks from search results into makes.

Potentially on this page some negative / less positive content helps people choose the content they do want to look at, by reducing the decision paralysis. (Much like low scoring product reviews on Amazon search results).

I think this would be a good place to test hiding the '0 likes' message entirely.

Comment 9

[Karen Smith]

I think this is an issue that we want actual users to participate in (vs. a panel of users who are not webmaker users regularly). 

I think Adam's plan looks good for now.  

I'm contacting Adam to set up a meeting to discuss metrics and user testing and when to use them.

Comment 10

[Adam Lofting (:adamlofting)]

Clearing my 'needinfo' request with a link to this :)
http://adamlofting.com/954/user-testing-vs-ab-testing/

And looking forward to talking about this tomorrow.

Thanks,
A

Comment 11

[Chris DeCairos (:cade)]

The webmaker.org site is no longer developed.

https://learning.mozilla.org/blog/whats-next-for-webmaker-tools