Visualizing the Firefox Community on Twitter

February 1st, 2010

Twitter is an important source of information for millions of people, and it has also become one of the top communication channels that we use at Mozilla to engage with our community.  The Firefox Twitter account is growing faster than ever before, and a search on the #firefox hashtag alone will summon a lively stream of tweets from around the globe.  But that’s only a thin slice of all the action taking place.  To really appreciate the scale and scope of Firefox activity within the Twitter universe, you need to analyze the data through an entirely different lens.

To achieve this, I’m working on creating a Twitter visualization that captures the unique and multi-dimentional nature of our community, their conversations, and the energy that flows through their tweets.  As you know, there are some incredibly complex and mesmerizing data visualizations out there… my goal is to create a similarly stunning Twitter visualization that is also built on open web technology.  As Morgamic kindly put it, we’d like to make this a “crazy utilization of the open web”.

I’m personally really excited about this project… we’re always looking for new tools to engage with our users and to celebrate our community, and I think a cool visualization of our Twitter activity will help encourage that.  But to take this to the next level and kick-start the ideation process, I need your help.

How would you like to see our Twitter community visualized?  What kinds of information or data types would you want to capture?  To help guide your thinking and provide some inspiration, I’ve collected a set of the most creative Twitter visualizations from around the web.  I also distilled these down to what I thought were key elements that made for a great visualization, and therefore required specs for what our visualization should be:

* Approachable: Captures meaningful data that’s relatively easy to digest by just about anyone.
* Beautiful: Presents the information through an artistic lens, and is generous in its use of color.
* Dynamic: Displays activity in real-time, conveying a constant state of movement through animated elements.
* Interactive: Allows users to play with design elements, and filter/search through the data with relevant tags.
* Unique: Takes inspiration from, but does not closely mimic, what has already been created.

With all that in mind, I’d love to hear your thoughts, feedback, and ideas around a potential design concept for our Twitter visualization.  Please leave a comment and share your thoughts.  I’m looking forward to hearing from you!

Picture 3138

My, how time flies

January 22nd, 2010

Back from a blogger’s hibernation, and warming up my fingers with a quick post before the weekend kicks in.

It was a busy and exciting week around here with the launch of Firefox 3.6. But as everyone was celebrating this latest release, I was also secretly celebrating another little occasion — my 2-year anniversary at Mozilla. Two years ago, today, I officially entered the amazing world of Mozilla. Three product launches, hundreds of challenges, and thousands of smiles later… I feel ever so fortunate to be a part of this movement, and the amazing community that fuels it. I’m honored to share the company of such incredibly talented people every day, and to be working alongside marketers who I’d say are more appropriately described as superheros. And I’m proud, to be a part of the Creative team, where I can help to dream up big ideas and turn them into reality. As I reflect on the past two years… I can’t help but marvel at all that we’ve accomplished, and wonder where this journey will lead us next…

Picture 2972

Strumming Firefox on the Ukulele

October 3rd, 2009

One of the most rewarding aspects of Mozilla is, of course, the amazing community that we’re all a part of.  A community with such passion and creative energy that often surfaces in ways that leave us pleasantly surprised.

A short while ago I met William Blanc Dit Jolicoeur, from Paris, after having stumbled upon his Firefox Song.  That’s right, a song about Firefox!  And a particularly good one, too.  A soothing bossa nova melody strummed on the guitar, with lyrics that spoke of classic Firefox features… composed over two years ago and posted more recently on our Facebook fan page.  I was thrilled to see this… intrigued, and curious to learn more.

As it turns out, William is a long time Firefox user and fan (going as far back as the days of Firebird, circa 2003). Web developer by day… singer, song-writer, and ukulele player by night. Indeed, he is the same enthusiastic ukulele player featured on our Fastest Firefox compilation video. And I wanted to (belatedly) shine the spotlight on him, and share his video, uncut, for all to enjoy.

William, who also goes by the nickname Azurams (inspired by the French comic series Asterix the Gaul), has been playing for many years now and hopes to perform in local bars around Paris later this year. He is also an active member of the French ukulele community, which is pretty darn awesome.  If you’re lucky, you might catch him adding a live soundtrack to your train ride (TGV) from Paris to Lyon… or spreading good cheer at a picnic jam session in the park. And if you happen to be attending MozCamp EU this weekend in Prague, make sure to say hello! William and his trusty ukulele will both be there.

Thanks again William for lending your musical talents to us. Hope to see more great things from you, soon!

Firefox + Ukulele

(Make sure to also check out his Youtube Channel for more.)

The Mozilla Creative Collective is Here! Join us.

August 19th, 2009

*Crossposted from the Mozilla Blog.*

MCC Logo I’m excited to announce the initial beta release of the Mozilla Creative Collective, the official new home and hub of activity for our visual design community. The goal of the Creative Collective is to use art as a means for spreading Firefox and sharing the Mozilla story in new ways.

Building communities is a big part of what Mozilla is all about, and key to our success as an organization. We have dedicated communities that contribute to nearly every aspect of Mozilla – from software development, to extensions, to localization, to marketing, and more – but an area that’s traditionally lacked an organized community is visual design. And because art is such a powerful form of communication, we’re harnessing that with the Creative Collective.

Mozilla actually has a long history with community design. Successful past projects such as the Firefox 3 t-shirt, Mozilla Mexico logo design contest and Personas are just a sampling of our community’s creative energy – and demonstrate the growing level of interest among people who are eager to contribute.

On the Creative Collective site, artists can create personal profiles, share their work in a public gallery, connect and collaborate with others from around the world, and much more. There’s also a variety of social features, such as a system of achievement badges, to make the experience more fun for everyone.

An important feature that’s not yet available (but will be added soon) is the Design Challenge, which will prompt members to submit design solutions based around a particular theme. Although the feature hasn’t been formally introduced to the site, we’re already reaching out to artists to help support Mozilla Service Week with creative designs that inspire action. If you’re looking for an initial way to get involved, be sure to check that out.

As noted earlier, the site is still in beta so we’re eager to hear your feedback. If you have suggestions on how to improve the site, please don’t hesitate to share them with us. We’ll be making tweaks and adding new features over time, and are counting on the community to help guide the project’s future direction. So, make sure to check back often, or follow our tweets, for updates. Looking forward to seeing you on the Creative Collective!

Picture 1923

* Huge thanks to the amazing team that made this all possible: John Slater, Jeff Zeller, Mike Morgan, Ryan Snyder, Craig Cook, Ryan Doherty, Greg Storey, Ethan Marcotte, Stephen Caver, Helenita Johnson, Stephanie Schonauer, Studio Number One, Stephen Donner, Krupa Raj, Raymond Etornam, Shyam Mani, Catherine Brady and Paul Kim.  And everyone else who contributed their feedback during the design process. *

Refreshing the Firefox Digital Gifts Collection

July 1st, 2009

We recently released 20 new digital gifts into the Facebook ecosystem.  These cute little icons are part of the  Mozilla Firefox collection that launched last year through the Free Gifts application – conceived by Zach Allia and later transitioned over to SGN.  Exchanging digital gifts has long been a popular activity on social networks, and thousands of Firefox gifts have been sent so far.  If you’re interested, the total numbers per icon are reported on a basic stats page, here (Foxkeh is #1, with over 8,000 gifts sent).  Thanks to Shervin Pishevar, Chris Henley, and Gabriel Stock from SGN for their help on this.  Happy gifting!

Picture 1830

The Firefox 3.5 Word Cloud: Launch t-Shirt

June 30th, 2009

Firefox 3.5 is finally here! And what better way to celebrate the launch than with the brand new 3.5 t-shirt. We had a lot of fun last year with an open call for designs that led us to the official Firefox 3 shirt.  But this time around, we tried something different.  Inspired by the concept of a tag cloud, we turned to the community for help in coming up with a collection of words that best described Firefox.  We then used these words to create a stylized typographic visualization of what Firefox 3.5 is all about – highlighting some of the key features and goodness that’s baked into the browser.

The final design is not only awesome (and among my favorites), but also a unique addition to our t-shirt archive, which continues to grow as it captures snapshots in Mozilla’s history.  Special thanks to Monique Johnson, for lending her artistic talents to us once again and creating this beautiful word cloud.

The new Firefox 3.5 t-shirts are now available in the Mozilla Stores, professionally modeled and photographed by members of our very own team.  You can also download this design in different sizes as a desktop wallpaper.  Enjoy!

Picture 1784

** Paris, Toronto, MV, Tokyo and China offices…looking good!  Silverorange has joined the fun, too.

Firefox 3.5 Launch: Social Media!

June 19th, 2009

In last month’s workshop series, Mary and I talked about the power of social media, and how it has helped us drive major initiatives (like Download Day) with incredible reach and impact.  There’s a plethora of social media tools out there, which include social networking sites, social news sites, photo and video sharing sites, blogs, etc.  At Mozilla, we actively use a subset of these tools to stay connected with our community and raise awareness around the projects that we work on.  With the upcoming release of Firefox 3.5, we hope to leverage social media once again to drum up excitement and celebrate the launch.  Here are some ways you can help:

  • Update your status (or tweet) during the run up to, and day of, launch.  Promote ongoing campaigns like Fastest Firefox, or 3.5 in 35 days.  Highlight your favorite features and let everyone know when you upgrade.  For Twitter and Identi.ca, please use the hashtag: #fx35
  • “Donate” your profile image, or avatar by temporarily replacing it with the Firefox logo.
  • Create an event, a download-fest or party in support of the launch.
  • Post pictures and videos from related activities using the tags “fx35″ & “Spread Firefox”.
  • Blog!  Spread the word, and add some flair to your site with an affiliate button.
  • Drive up Firefox related news stories on Digg or Reddit.

If you’re on Facebook, you can also:

  • Become a fan of our Page and suggest it to your friends.
  • Send a personalized digital gift.  We’ve added 20 new icons to our collection.
  • Share articles, photos, and videos on your wall and across the stream.
  • Help content become viral with “likes” and comments.  The more you engage, the faster it spreads.

So, regardless of what social media tool you use, there are *lots* of great ways to help generate buzz and get the word out about 3.5.  Remember that even a simple status update has the potential to spark conversations and inspire action.  I also wanted to mention that while we currently have a strong presence on Facebook, Twitter, and Orkut… we recognize the diversity of tools available across the world, and would appreciate your help in identifying the key players in your respective regions by posting them, here. (Thanks!)

Picture 1729

Firefox 3.5 Launch: Get Creative!

June 15th, 2009

Last month I hosted a Creative Workshop to help mobilize the 3.5 community launch team. The slides and video have been archived for your reference.  As you know, creative arts and graphic design are extremely powerful forms of communication.  Often times they are more effective than words alone, and can even break down language barriers to reach a larger audience.

With that in mind, we’re fortunate to have such a passionate community and creative energy around the Firefox brand – which over time, has resulted in some pretty amazing stuff.  From beautifully painted buses in India, to Firefox cookies, cakes, and my personal favorite…a Firefox pillow!  And lets not forget the 2000+ t-shirt design submissions from last year’s contest.

It’s time to tap into your creative skills again, and help promote the launch of 3.5.  A great way to do that is by creating new designs for the Community Store.  Here’s a quick summary of the guidelines to get you started:

  • You may choose from a variety of SVG software or raster-based tools – Including Adobe suites and free/open-source alternatives like Inkspace and GIMP.
  • Be as creative and abstract as you wish!  Take inspiration from broader concepts like community and open-source, or specific features of Firefox 3.5, like open video, speed, security, and more.
  • If using the Firefox logo, please follow the style guidelines and trademark policies.
  • Remove any element that you don’t want printed, including the background color layer.
  • Save your final file in high resolution transparent PNG format.
  • Upload your designs.  Make sure to provide your name for attribution and add descriptive tags.
  • Designs are displayed in a public gallery and can be customized on different shirt styles for purchase.

If t-shirts don’t get you excited, feel free to express your creativity in other ways.  But whether it’s stitching, baking, singing, or planting a Firefox topiary (hint)… make sure to show it off by posting to Flickr or Youtube, using the tags “FX35″ & “Spread Firefox”.  We’re looking forward to seeing what you come up with!

Also, if you’re interested in learning more about design initiatives at Mozilla (like the Creative Collective), or our creative process… be sure to read John’s (and my) blog for the details.  You can also join the design mailing list, or follow our tweets for updates.

Picture 1670

Optimizing the Firefox Fan Page

June 8th, 2009

As we all know, Facebook has become a powerful marketing tool…with a growing network of active users, global reach, and built-in viral features that offer loads of benefits to brands.  Recognizing the untapped potential within our own fan Page, we’ve recently invested resources towards making it into a more engaging space and a stronger communication channel with the community.  To do this, we went through an in-depth study of the Facebook platform in order to better understand the ingredients of a successful Page.  Then, we developed an optimization plan that covered everything from basic tweaks (like replacing the profile image), to major enhancements (like creating custom tabs and application boxes).  You can read the project wiki for a more detailed breakdown of our efforts and ongoing progress.  We still have a lot of work to do, but the results so far have been positive, with a significant increase in total fans and level of activity on the page.

Highlights from our optimization plan:

  • Joining the conversations with more frequent status updates.
  • Adding photo albums and videos – the two most viral pieces of content on Facebook.  You’ll find snapshots of various community events, milestones in Mozilla’s history, collections of fan art, and other cool stuff.  The video archive includes classics like “Daredevil” and “Kuru Kuru Don“, along with new favorites.  We’ll be publishing product overviews and demos as well.
  • Bulking up the Info Tab with more information about Mozilla and our mission.
  • Highlighting the latest news, straight from the Mozilla blog with an RSS feed.
  • Designing custom tabs and custom boxes to promote specialized content.  For example, through a custom tab we plan to offer information on how to get involved and contribute to the Mozilla project.
  • Refreshing our free digital gifts collection with 20 new icons that you can send to your friends.
  • Improving our SEO with a Vanity URL, which is like a domain registration within the Facebook ecosystem.  Instead of a randomly generated URL, you can now find us at www.facebook.com/firefox.
  • Driving awareness around our Page and promoting it more actively through various channels like: community marketing calls, launch workshops, the First Run Page, What’s New Page, blogs, etc…
  • Creating HTML badges and buttons that you can post on your websites.
  • SMS-based fanning.  Text “fan Firefox” to FBOOK (32665) and become a fan of our page instantly.
  • Mobile broadcasting and subscriptions to status updates.  Send a text message with the letter “f” to 32665 (FBOOK), and follow our updates on the go.

How you can help:

  • Spread the word!  Click on the “suggest to friends” link right below the profile image and let your friends know that they can connect with us on Facebook.
  • Help contribute content and energize the page by posting comments, fan photos, and videos.  You can also simply share our posts on your wall, which then spread through the news feeds.
  • Provide feedback.  Let us know how we’re doing and ways that we can improve your experience.

Flexing Our Facebook Muscles

May 28th, 2009

It’s a well known fact that the success of Firefox has been driven by the power of our amazing community. In today’s world, social media marketing is really important as it helps to amplify word-of-mouth and spread a message more quickly.  At Mozilla, we use a variety of social media tools to stay connected with our community and find creative ways of getting them involved in everything that we do.  Among our top communication channels is Facebook, and while it’s been a relatively underutilized space for us in the past, we’ve recently taken big steps towards improving our official Fan Page and overall presence on the site.

Our efforts include posting frequent updates, and publishing more photos and videos into the stream.  Photos and videos are actually the most viral pieces of content on Facebook, and the level of response to each post has been quite compelling… with hundreds of comments and thousands of “likes” within a short period of time.  The snapshot below also shows the resulting 32% increase (roughly 116,350) in our fan base in the last few weeks alone — a combination of both organic growth and pre-existing unofficial fan pages who have now merged with ours.  And this is just scratching the surface.  We’ve got a lot more social media goodness cooking up and will be promoting the page more actively going forward.  So, consider this the first of a series of blog posts on our adventures in social media!

Mozilla Firefox Fan Page Stats* Note: the metrics dashboard takes about 48 hours to refresh, our current total fan base is actually 477K+