Test Idea: Alternative GIF for the v1 petition page

[vojtechsedlak]

Detailed description of work: The gif has a fairly prominent role on the page, so let's see if it has an impact on how people engage with the petition.

CC: @lovegushwa @HPaulJohnson Let's gather some ideas in this ticket!

[natalieworth]

@HPaulJohnson Do you have any suggestions about possible themes I could look for that would relate to the content on the first petition?

[HPaulJohnson]

I think something with the Eiffel Tower at night might be worth trying.

Also, something with bold copy, like the idea of stamping "illegal in some parts of Europe" or "#copyfail" on top of a landmark or other well known meme.

Might be worth trying something from your social media assets as well, like the brain graphic.

Lastly, I wonder if there's something more earnest, with an education theme might work well given the placement next to the "classroom" copy. Maybe a classroom photo w/ teachers and students? Teachers and students looking at some media - like YouTube or other video content.

[natalieworth]

@HPaulJohnson Are there any restrictions on the gif size? (Not sure if we're using optimizely and if this affects the sizes I should crop the gif to?)

[natalieworth]

Eiffel Tower Giphy options: V1 V2 V3 V4 Link sources: http://giphy.com/gifs/amazing-beautiful-Ft6yweEdwXmJW http://giphy.com/gifs/tower-eiffel-princeofparis-c0dw5TujYWAAE http://giphy.com/gifs/night-fireworks-vXEeRBP3QeJ2w http://giphy.com/gifs/night-paris-Ds8hTFJJmhoDS

Teaching/ Alternate options: V5 V6

Link sources: http://giphy.com/gifs/bored-nickelodeon-spongebob-squarepants-HlqvH9JrahLZ6 http://giphy.com/gifs/eiffel-BYFoyObZtwgZa

*Going to create a quick #copyfail option too and will post this afternoon.

[HPaulJohnson]

Whoa- these look awesome.

RE: size question, I don't think there's a size limit but @vojtechmozilla can answer better as he is managing the Optimizely setup for LP testing.

Also, we should test a non-gif image, given our existing "control" is already a .gif. We can/should be able to test more than 1 thing so another .gif (like the ideas above) vs. non-.gif would be great.

[HPaulJohnson]

BTW, I love the last one that goes from check mark to nope. Makes the absurdity really clear. "Nope" would need to be localized so wonder if we could achieve the same effect with "X"

[vojtechsedlak]

There are amazing! It would be great if we could categorize the options, so as to formulate a hypothesis. For instance, the current gif is animate, humorous, abstract, thematically-unrelated. We could try that against say the eiffel tower with checkmark, which is not animated, straight to the msg of the campaign. The still image option could be some combo of both.

As for the size, ideally we would want to stick as close to the original format as possible (500x377), just so we don't mess up the layout too much.

[natalieworth]

@HPaulJohnson @vojtechmozilla Great, thanks! This is helpful. I'll refine 2 options and post this afternoon.

[natalieworth]

@HPaulJohnson I made these options: V1- Eiffel Tower Testing description: static, sarcastic, informative, iconographic, before/after, immediate, strong visual messaging related to the content (possibly applicable to more audiences through iconic imagery and easily understood icons), also doesn't rely on social media/ hashtag/ trends understanding

V2- #copyfail

V3 (alternate of V2)- #copyfail Testing description: campaign relative, promotional, sarcastic, social media relative, (hashtag or social promotion could also be applicable to a certain audience and generation), animated, disruptive, typographic, bold colours with black and white

My Youtube links (for reference): https://youtu.be/YJCBPLTObLA https://youtu.be/t-Z5B0cNAlA https://youtu.be/RWVvVrYT6Ao

My giphy links: http://giphy.com/gifs/mwPqJcaQ2UduE http://giphy.com/gifs/copyright-copyfail-eJXP82K6anb8Y http://giphy.com/gifs/InHzFeq5iOu8E

cc @brettgaylor When you're back, if you could provide copyright help on the remade image from giphy (they don't have authors for each gif listed). Wondering if it is okay to repurpose existing content and make gifs based off of Youtube videos and remix already existing gifs to have the text #copyfail overtop of them (which is what I did to make the 3 posted above). Here are the original content links that I used to create the above 2 remixes: https://www.youtube.com/watch?v=cB9ZOaPKPCw http://giphy.com/gifs/qMt3OMaml00Ja

[natalieworth]

We could test some of the above to @vojtechmozilla 's point of having more descriptive imagery. We can test against the original which felt more positive, niche(?), nostalgic, fun, cute, learning, animated, ambiguous (maybe on relative to certain generations)

[natalieworth]

cc @lovegushwa @beccaklam

[lovegushwa]

@natalieworth great work here!

[brettgaylor]

Sorry to check in from vacay, but just need to say: these are great!!!!

On Aug 30, 2016 5:22 PM, "lovegushwa" notifications@github.com wrote:

@natalieworth https://github.com/natalieworth great work here!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/MozillaFoundation/Advocacy/issues/309#issuecomment-243622577, or mute the thread https://github.com/notifications/unsubscribe-auth/AAVHdkLfQwH7PYuUW0aJM3Q0carlOwAYks5qlMlMgaJpZM4Jv6kT .

[vojtechsedlak]

Thanks @natalieworth, these are perfect! I've created a test in Optimizely with all of the variants above and will run it once there is traffic heading to the page. Will keep you all posted on the results.

[natalieworth]

Pokemon won! Closing, but feel free to reopen if any needs to be added/ changed.