{"id":503,"date":"2016-10-19T22:55:22","date_gmt":"2016-10-20T05:55:22","guid":{"rendered":"https:\/\/blog.mozilla.org\/opendesign\/?p=503"},"modified":"2016-10-20T21:23:31","modified_gmt":"2016-10-21T04:23:31","slug":"nearly-there","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/","title":{"rendered":"Nearly there"},"content":{"rendered":"

We\u2019ve spent the past two weeks asking people around the world to think about our four refined design directions for the Mozilla brand identity. The results are in and the data may surprise you.<\/p>\n

If you’re just joining this process, you can get oriented here<\/a> and here. <\/a> Our objective is to refresh our Mozilla logo and related visual assets that support our mission<\/a> and make it easier for people who don’t know us to get to know us.<\/p>\n

A reminder of the factors we\u2019re taking into account in this phase. Data is our friend, but it is only one of several aspects to consider. In addition to the three quantitative surveys\u2014of Mozillians, developers, and our target consumer audience\u2014qualitative and strategic factors play an equal role. These include comments on this blog, constructive conversations with Mozillians, our 5-year strategic plan for Mozilla, and principles of good brand design.<\/p>\n

Here is what we showed, along with a motion study, for each direction:<\/p>\n

\"screen-shot-2016-10-19-at-9-51-37-pm\"<\/p>\n

\"screen-shot-2016-10-19-at-9-51-20-pm\"<\/p>\n

\"screen-shot-2016-10-19-at-9-51-03-pm\"<\/p>\n

\"screen-shot-2016-10-19-at-9-50-45-pm\"<\/p>\n

 <\/p>\n

We asked survey respondents to rate these design directions against seven brand attributes. Five of them\u2014Innovative, Activist, Trustworthy, Inclusive\/Welcoming, Opinionated<\/strong>\u2014are qualities we\u2019d like Mozilla to be known for in the future. The other two\u2014Unique, Appealing<\/strong>\u2014are qualities required for any new brand identity to be successful.<\/p>\n

Mozillians and developers meld minds.<\/strong><\/p>\n

Members of our Mozilla community and the developers surveyed through MDN (the Mozilla Developer Network) overwhelmingly ranked Protocol 2.0 as the best match to our brand attributes. For over 700 developers and 450 Mozillians, Protocol scored highest across 6 of 7 measures. People with a solid understanding of Mozilla feel that a design embedded with the language of the internet reinforces our history and legacy as an Internet pioneer. The link\u2019s role in connecting people to online know-how, opportunity and knowledge is worth preserving and fighting for.<\/p>\n

\"screen-shot-2016-10-19-at-9-56-54-pm\"<\/p>\n

But consumers think differently.<\/strong><\/p>\n

We surveyed people making up our target audience, 400 each in the U.S., U.K., Germany, France, India, Brazil, and Mexico. They are 18- to 34-year-old active citizens who make brand choices based on values, are more tech-savvy than average, and do first-hand research before making decisions (among other factors).<\/p>\n

We asked them first to rank order the brand attributes most important for a non-profit organization “focused on empowering people and building technology products to keep the internet healthy, open and accessible for everyone<\/em>.” They selected Trustworthy<\/strong> and Welcoming<\/strong> as their top attributes. And then we also asked them to evaluate each of the four brand identity design systems against each of the seven brand attributes. For this audience, the design system that best fit these attributes was Burst.<\/p>\n

\"screen-shot-2016-10-19-at-9-57-18-pm\"<\/p>\n

Why would this consumer audience choose Burst? Since this wasn\u2019t a qualitative survey, we don\u2019t know for sure, but we surmise that the colorful design, rounded forms, and suggestion of interconnectedness felt appropriate for an unfamiliar nonprofit. It looks like a logo.<\/p>\n

\"jb_mozilla-sept_b_burst_2\"<\/p>\n

Also of note, Burst\u2019s strategic narrative focused on what an open, healthy Internet feels and acts like, while the strategic narratives for the other design systems led with Mozilla\u2019s role in world. This is a signal that our targeted consumer audience, while they might not be familiar with Mozilla, may share our vision of what the Internet could and should be.<\/p>\n

Why didn\u2019t they rank Protocol more highly across the chosen attributes? We can make an educated guess that these consumers found it one dimensional by comparison, and they may have missed the meaning of the :\/\/ embedded in the wordmark.<\/p>\n

\"screen-shot-2016-10-19-at-10-24-16-pm\"<\/p>\n

Although Dino 2.0 and Flame had their fans, neither of these design directions sufficiently communicated our desired brand attributes, as proven by the qualitative survey results as well as through conversations with Mozillians and others in the design community. By exploring them, we learned a lot about how to describe and show certain facets of what Mozilla offers to the world. But we will not be pursuing either direction.<\/p>\n

Where we go from here.<\/strong><\/p>\n

Both Protocol and Burst have merits and challenges. Protocol is distinctly Mozilla, clearly about the Internet, and it reinforces our mission that the web stay healthy, accessible, and open. But as consumer testing confirmed, it lacks warmth, humor, and humanity. From a design perspective, the visual system surrounding it is too limited.<\/p>\n

By comparison, Burst feels fresh, modern, and colorful, and it has great potential in its 3D digital expression. As a result, it represents the Internet as a place of endless, exciting connections and possibilities, an idea reinforced by the strategic narrative. Remove the word \u201cMozilla,\u201d though, and are there enough cues to suggest that it belongs to us?<\/p>\n

Our path forward is to take the strongest aspects of Burst\u2014its greater warmth and dimensionality, its modern feel\u2014and apply them to Protocol. Not to Frankenstein the two together, but to design a new, final direction that builds from both. We believe we can make Protocol more relatable to a non-technical audience, and build out the visual language surrounding it to make it both harder working and more multidimensional.<\/p>\n

Long live the link.<\/strong><\/p>\n

What do we say to Protocol\u2019s critics who have voiced concern that Mozilla is hitching itself to an Internet language in decline? We\u2019re doubling down on our belief in the original intent of the Internet\u2014that people should have the ability to explore, discover and connect in an unfiltered, unfettered, unbiased environment. Our mission is dedicated to keeping that possibility alive and well.<\/p>\n

For those who are familiar with the Protocol prompt, using the language of the Internet in our brand identity signals our resolve. For the unfamiliar, Protocol will offer an opportunity to start a conversation about who we are and what we believe. The language of the Internet will continue to be as important to building its future as it was in establishing its origin.<\/p>\n

We\u2019ll have initial concepts for a new, dare-we-say final design within a few weeks. To move forward, first we\u2019ll be taking a step back. We\u2019ll explore different graphic styles, fonts, colors, motion, and surrounding elements, making use of the design network established by our agency partner johnson banks. In the meantime, tell us what you think.<\/p>\n","protected":false},"excerpt":{"rendered":"

We\u2019ve spent the past two weeks asking people around the world to think about our four refined design directions for the Mozilla brand identity. The results are in and the … Read more<\/a><\/p>\n","protected":false},"author":1302,"featured_media":511,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"coauthors":[287279],"yoast_head":"\nNearly there - Mozilla Open Design<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tim Murray\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/\",\"name\":\"Nearly there - Mozilla Open Design\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/10\/light-at-the-end-of-the-tunnel.jpeg\",\"datePublished\":\"2016-10-20T05:55:22+00:00\",\"dateModified\":\"2016-10-21T04:23:31+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#primaryimage\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/10\/light-at-the-end-of-the-tunnel.jpeg\",\"contentUrl\":\"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/10\/light-at-the-end-of-the-tunnel.jpeg\",\"width\":1600,\"height\":1067},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/opendesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nearly there\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/\",\"name\":\"Mozilla Open Design\",\"description\":\"branding without walls\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/opendesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6\",\"name\":\"Tim Murray\",\"description\":\"I lead the multi-talented Creative Team at Mozilla. Specialties include swashbuckling, interpretive dance, finger puppetry, mud-wrestling and decoupage.\",\"url\":\"https:\/\/blog.mozilla.org\/opendesign\/author\/tmurraymozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Nearly there - Mozilla Open Design","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/","twitter_misc":{"Written by":"Tim Murray","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/","url":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/","name":"Nearly there - Mozilla Open Design","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/10\/light-at-the-end-of-the-tunnel.jpeg","datePublished":"2016-10-20T05:55:22+00:00","dateModified":"2016-10-21T04:23:31+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#primaryimage","url":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/10\/light-at-the-end-of-the-tunnel.jpeg","contentUrl":"https:\/\/blog.mozilla.org\/opendesign\/files\/2016\/10\/light-at-the-end-of-the-tunnel.jpeg","width":1600,"height":1067},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/opendesign\/nearly-there\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/opendesign\/"},{"@type":"ListItem","position":2,"name":"Nearly there"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/opendesign\/#website","url":"https:\/\/blog.mozilla.org\/opendesign\/","name":"Mozilla Open Design","description":"branding without walls","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/opendesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/opendesign\/#\/schema\/person\/70d26c3cc5645b525299dd11f03f31b6","name":"Tim Murray","description":"I lead the multi-talented Creative Team at Mozilla. Specialties include swashbuckling, interpretive dance, finger puppetry, mud-wrestling and decoupage.","url":"https:\/\/blog.mozilla.org\/opendesign\/author\/tmurraymozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/503"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/users\/1302"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/comments?post=503"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/posts\/503\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media\/511"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/media?parent=503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/categories?post=503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/tags?post=503"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/opendesign\/wp-json\/wp\/v2\/coauthors?post=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}