Notable | Mozilla.org | Opportunities

Opportunity Sketches

Here's what we focused on:
• Organizing the sketches around 2 focus areas and refining some sketches the team liked.
• We explored the idea around telling the Mozilla Story through the voice of different Mozillians.
• We also sketched around the idea of putting the audience, putting "you" into the context of the site and speaking directly to the use

The Mozillians' Voice

The biggest advocated for Mozilla are the people who contribute to it everyday. Conveying the messaging primarily through Mozillians, makes it more real and personable. This direction uses real people, but goes beyond just faces and speaks through the voices of the different users.

Mozilla is _____________.

This conveys the idea that Mozilla can be anything the user wants it to be. We use words, iconography and imagery to complete phrases or sections. This means we always put the user in a role of the message. The user knows that there is always room for them to make a contribution.

Engaging Viewers

Landing Page Hero

3 Comments

Jen Bertsch

We should talk about how to collect these images/quotes at Whistler in late June.

Love this as a way of presenting who we are, what we're doing, what we care about and how we're helping you, the user.

I think there are ways and places to use this, but it could also be alienating to some visitors of the site if it feels like they need to get involved at this level.

6

100%
0

0%

Honest Voice of Mozillian

1 Comment

Hard to judge this one because the "negative" example makes me like it less than the previous sketch.

2

50%
2

50%

What Mozilla Is

4 Comments

This shows that we're more than a browser, but it is one of the many things that we do. It also shows that these things are related to and compliment one-another. +1

Jen Bertsch

+1 Holly

Love this one. Shows the range of what we do. It's not just what we stand for, who make us up or what we create — it's all of it.

like this as well - breadth and depth made tangible

5

100%
0

0%

Feeds

1 Comment

Jen Bertsch

Interesting but not my #1 choice

0

0%
2

100%

People Talking about the Issues

0

0%
2

100%

What Mozilla Does with Principles

4 Comments

Jen Bertsch

I'll ask MEM and Dia how far we want to go with exploring making the Manifest accessible.

I like how this connects the principles with action.

I think it's valuable to connect the priciples to the work- expliclty. it makes the priciples more concrete and real. When they live in isolcation they remain an abstraction. This also allow us to do some "translation" for our new audiences.

Agree - makes the manifesto come alive and be demonstrated throughout the site versus being confined to one page

4

100%
0

0%

Mozillians Talking about Mozilla with CTA

3 Comments

I like the idea of tying Mozillians to an issue and what you can do to help/participate/get educated.

Maybe too much "we" and not enough "you."

I can see content from SOTW being useful here; could be a flip on this - people talking about how Mozilla/Mozillians have positively impacted their life or community - more about the outcome than the action

5

83%
1

17%

Audio Testimonials

3 Comments

Cool idea... localization would be a challenge.

Interesting idea but might be too hard to pull off, especially with l10n

this could be a 2016 add - and in the meantime, we'd need to develop a tetimonial "community kit" so community folks could produce their own....

0

0%
4

100%

Principles coupled with examples

4 Comments

I like the idea of doing more "demonstration of impact". We have so many real examples!

I like this in theory- I'm worried don't have enough things to point to that we actually do/build when so much of our work is advocating and collaborating, not necessaritly making ourselves.

Agree it'd be great to demonstrate impact.

some of this content already exists with the manifesto content today

3

75%
1

25%

Changing Blank - Word

3 Comments

I like this idea. One challenge we have in telling our story is telling a succinct story of what Mozilla actually does... using this format might be even more overwhelming for people who don't know Mozilla well. It might be cool to try to customize these based on a user journey or interest area.

too many different words may be confusing - and reinforce that we're confusing and unknowable

if this can become a system that we can use across the site i'd see it having legs. to Andrea's point we'd need to heavily curate the system and specialize the content based on the part of the experience we are rinforcing.

2

67%
1

33%

Changing Blank - Image

2 Comments

+1 to more visuals if we can find visuals to support what we are. How our visual language tends to set us apart from companies like Google, is that it has bold colors and it makes people happy (feedback from a recent usability study).

While I like this concept, I feel it doesn't communicate enough without accompanying text.

3

75%
1

25%

Changing Blank - Icon or Graphic

2

50%
2

50%

The Face of Mozilla

1

33%
2

67%

Things Mozillians do

3 Comments

We've had a lot of "who we are" concepts, I really like this as a "what we do" extension of that.

+1 I like showing our impact vs. talking about it / writing about it.

+ 1 more show less tell

5

100%
0

0%

Things you want to do

5 Comments

This is awesome and something we're already working on, but it needs a fair bit of infrastructure to support so there's that added complexity to consider.

Like this idea. Let's talk more about Mozilla's capabilities to support this kind of widget and how to connect it to our existing contribution flow.

Jen Bertsch

Agree with Holly and Craig. Maybe we could only support this in the Education subsection using lots of webmaker and MDN links?

Again, let's be careful to not alienate those who don't necessarily want to take take part at this level.

For the page templates we've discussed, I think this is too far down the participation funnel

3

60%
2

40%

Aspirational things you can do.

1 Comment

This would be interesting to couple with the Mozilla is ____ concept. Like "Mozilla is _____ and you can _____. Like a cool madlib? We can then personalize a person's experience based on what they put in the blanks? (just riffing!)

1

33%
2

67%

People who pledge with CTA

6 Comments

Jen Bertsch

I like this but I'm not sure we'll have the infrastructure in place to support it...

I really like this idea. One other thought is that we could have an evergreen pledge to "support the Manifesto" or just a general "I care about the open Web" pledge that allows people to raise their hand to hear more and gives us an email address so we can develop a relationship over time.

+1 to supporting the manifesto as a general way to begin a relationship

+1 to a low barrier, low commitment way to take action - and then we can populate the email "newsletter" with stories of the manifesto made real in the world and readers can contribute their own...

also consistent with our belief that if more people "practice" open source principles and behaviors, that will further our mission and more importantly make the world a better place

kumbaya

3

100%
0

0%

Mozilla, Mozillians, and You

2 Comments

Great balance of an example people can read to understand a particular issue, a personal account from somebody already contributing... and then the 3rd tier for those that are ready to take more action.

feels similar to our SOTW info heirarchy - overview of issue, what Mozilla is doing about it, what you can do

5

100%
0

0%

Contextual CTA

1 Comment

Jen Bertsch

We could test this as we test different CTAs

1

50%
1

50%

Mozilla + You

2

67%
1

33%

Easy things you can do

1 Comment

Jen Bertsch

Bring in for "education" landing page?

1

33%
2

67%

Your Donation "Could"

1 Comment

This isn't content that would live on mozilla.org (it would be iterated / tested on a donation landing page experience). Those donation pages are built, tested by Foundation, they don't live on mozilla.org. Also generally these types of "what your gift buys" strategies work best for charities that have tangible things to buy, like a goat bought through Heifer International. It's not a priority strategy for us to test.

0

0%
2

100%

Your Donation "Could"

1 Comment

+1 to quantifying/humanizing what a donation will do.

3

75%
1

25%

Goals on every petition

1 Comment

Goals are good, and at change.org we used progressive goals (first goal was 100 signatures, once reached it increased to 250; etc). We don't have the capability right now to add this to our petition pages. It's a low priority (and something the foundation builds, and doesn't live on mozilla.org)

1

33%
2

67%

Help suggesting how to contribute

1 Comment

Jen Bertsch

Love this! (need different level of tasks)

3

75%
1

25%

Why Mozilla Raises Funds

4 Comments

Great way to tell the story and the range of our impact.

Jen Bertsch

Let's set up time for Zurb to talk with Andrea, Erika, and Paul about how they want to talk about fundraising.

The "why should I donate" thing is a huge area where we need to do a better job telling our story. I regret that I have but one thumb to raise.

Most people who give through the homepage have an intention to give before they land on the page. They're really just looking for the "donate" button vs. a pitch to give. Avg. gift through mozilla.org is $28 (vs. $8 through snippet). They are already familiar with us and therefore give more. Demonstrating our impact and telling our story, and making the "donate" button prominent will result in more revenue than spending a lot of real estate on "why give".

3

75%
1

25%

Timeline with Past, Now, and Future

2 Comments

Jen Bertsch

I like the "following issues" format more

+1 an execution that is interactive could be an interesting discussion: http://www.bloomberg.com/graphics/2015-pace-of-social-change/

2

67%
1

33%

Following Issues

2 Comments

Jen Bertsch

I like this idea of showing what we've done and what our future plans are

this could be interesting for the polcy/advocacy page

4

100%
0

0%

Infographic

5 Comments

Multiple ways to tell what we do, but 1 CTA is a nice balance. Instead of 4 stories and 4 things to do. It may perform better, but I'm interested in testing both approaches.

Jen Bertsch

I like the discussion here around telling the smaller stories vs the bigger stories

Jen Bertsch

We should think about making sure we build infographics that are web friendly (and localization friendly) if we want to use this format.

Story mentioned in our conversation today https://blog.mozilla.org/community/2014/11/15/10-days-of-mozillians-meet-ibrahima/

again - lots of SOTW cross-over; Zurb folks - have you played around on that site yet?

2

67%
1

33%

9507Views
67%Thumbs Up

Created on 05/22/2015 at 12:52 PM

On Mozillians Talking about Mozilla with CTA

I like the idea of tying Mozillians to an issue and what you can do to help/participate/get educated.

Opportunity Sketches

Opportunity Sketches

Opportunity Sketches

The Mozillians' Voice

Landing Page Hero

Honest Voice of Mozillian

What Mozilla Is

Feeds

People Talking about the Issues

What Mozilla Does with Principles

Mozillians Talking about Mozilla with CTA

Audio Testimonials

Principles coupled with examples

Mozilla is _____________.

Changing Blank - Word

Changing Blank - Image

Changing Blank - Icon or Graphic

The Face of Mozilla

Things Mozillians do

Things you want to do

Aspirational things you can do.

People who pledge with CTA

Mozilla, Mozillians, and You

Contextual CTA

Mozilla + You

Easy things you can do

Engaging Viewers

Your Donation "Could"

Your Donation "Could"

Goals on every petition

Help suggesting how to contribute

Why Mozilla Raises Funds

Timeline with Past, Now, and Future

Following Issues

Infographic

Landing Page Hero

3 Comments

Jen Bertsch

100%

0%

Honest Voice of Mozillian

1 Comment

50%

50%

What Mozilla Is

4 Comments

Jen Bertsch

100%

0%

Feeds

1 Comment

Jen Bertsch

0%

100%

People Talking about the Issues

0%

100%

What Mozilla Does with Principles

4 Comments

Jen Bertsch

100%

0%

Mozillians Talking about Mozilla with CTA

3 Comments

83%

17%

Audio Testimonials

3 Comments

0%

100%

Principles coupled with examples

4 Comments

75%

25%

Changing Blank - Word

3 Comments

67%

33%

Changing Blank - Image

2 Comments