際際滷

際際滷Share a Scribd company logo
Rethinking the
Mozilla Web
Universe         Rethinking the
John Slater
                   Mozilla Web
Feb 11, 2010
                      Universe
                         John Slater
                            1.25.10




                                  Photo: NASA
todays topic

  How can we make our websites better?
   (better for users, better for Mozilla)




2/11/10              2
todays scope

   Focusing the big picture: the way our
websites work together, and the way users
 interact with them on a macro level (not
      speci鍖c content or design stuff).




2/11/10             3
caveat!


   This is a proposal. Its all very much up
       for discussion, so lets discuss.




2/11/10                4
the good news

          Mozilla operates a bunch of quality
          sites that, when viewed as a group,
           make us one of the biggest Web
                  companies around.




2/11/10                    5
the big leagues
 Monthly site stats (9/09):




                                  .

  total: ~660 mm page views

2/11/10                       6
the bad news

      Our current approach to managing
        these sites creates a bad user
      experience and limits our ability to
         make the most of the traf鍖c.




2/11/10                 7
in other words...

        Coming into the Mozilla web
      universe and trying to get the full
     picture of what we do (and how to
    get involved) can be really confusing.




2/11/10                8
and...

          Were missing an opportunity to
          tell people about things besides
           the desktop Firefox (add-ons,
          mobile, services, stuff from labs,
                  the mission, etc)




2/11/10                    9
the goal

     Create a web universe that makes
    sense for users and gives us a better
       platform for telling our story.




  (and the good news is that these arent mutually exclusive)


2/11/10                        10
more speci鍖cally...
 sites that take advantage of massive traf鍖c to
    fully support key company goals
 more ways to get users engaged with Mozilla
    and participate in the community
 data-driven sites that allow us to be more
    iterative with what we learn from metrics
 a stronger platform for communicating product
    values & bene鍖ts
 a site structure conducive to future growth
2/11/10                 11
step 1

       Start thinking of our sites as
   components of a larger whole rather
     than a bunch of individual pieces.




2/11/10              12
step 2

            Tell our story effectively by
          making sure each site has a clear
              role and distinct focus.




2/11/10                  13
step 3

           Start grouping related content
          together so itll be where users
                     can 鍖nd it.




2/11/10                  14
step 4

          Connect sites more effectively
             through cross-linking, UI
           elements, visual palette, etc.




2/11/10                 15
some tactics

          Lets have a single Mozilla site that
             can tell the story of why were
          here and serve as a central hub for
          all the other sites to orbit around.

              (i.e., continue to re鍖ne mozilla.org)




2/11/10                        16
some tactics

          Lets create product- or audience-
            speci鍖c sites that will revolve
                around that central hub.

          (i.e., a single Mozilla-branded site + a bunch
                 of sites named after each product)




2/11/10                         17
some tactics

          For example, mozilla.com would
          be renamed to re鍖ect its current
                 focus on Firefox.

            (i.e., 鍖refox.com? mozilla.org/鍖refox?
                       鍖refox.mozilla.org?)




2/11/10                       18
some tactics

            Lets integrate Firefox add-ons
           into the Firefox product site to
          create a more uni鍖ed experience.

           (lots of ways this could be accomplished)




2/11/10                       19
some tactics

            Lets unify our sites with some
          common elements - like a shared
           footer - and create a style guide
            for greater visual consistency.

            (while allowing each site to retain its
                   individuality, of course)



2/11/10                       20
how things might look




2/11/10             21
challenges & questions
 would this create an improper balance between
   the Firefox & Mozilla brands?
 similarly, were not a one-product company...
   would this approach create that impression?
 where do Mozilla Europe, Mozilla Japan and
   Mozilla China 鍖t in?
 should we be working to unify our sites under a
   single domain instead of having separate ones?
 what else?
 2/11/10                  22
for further discussion:

              jslater@mozilla.com
          http://www.intothefuzz.com

                  (dont be shy)




2/11/10                 23
Appendix




2/11/10      24
鍖refox.com
   would be based around the Firefox-related
          content on the current mozilla.com site.
   major visual and content overhaul of the
          Firefox product site...tighter site focus
          presents new design, content opportunities.
   would allow for greater exposure of
          priorities like mobile and add-ons.
   would still retain Mozilla branding, but in a
          more appropriate hierarchy.


2/11/10                      25
mozilla.org
   as the One Mozilla site, it eliminates
          current confusion between mozilla.com and
          mozilla.org.
   it would the place to tell the full Mozilla
          story.
   is a great opportunity to expand the Mozilla
          brand, promote the mission and drive
          greater participation.
   would still be coordinated by MoFo, but
          with greater MoCo involvement.
2/11/10                     26
add-ons integration
   once 鍖refox.com is redesigned, incorporate
          Firefox add-ons into the same look & feel.
   could be a subset of key add-ons, or the
          entire group of them (details tbd).
   an integrated site allows for greater cross-
          promotion and discovery.
   would still be run by the AMO team, but
          with greater visual and brand consistency.



2/11/10                      27
common UX elements
   connect sites more effectively with universal
          footer and other possible solutions.
   group sites into categories (ex. community,
          product, developer, labs) and develop loose
          common design elements to create brand
          consistency and user clarity.
   publicly share style guides to offer basic
          design direction, but dont force this on
          anyone as a strict requirement.


2/11/10                       28
back end
   use dynamic content to upsell add-ons,
          promote new initiatives & drive engagement.
   more sites on the same domain creates a
          simpler and more accurate data reporting
          structure.
   will create a more ef鍖cient one stop shop
          for internal metrics.
   will give us new insights how users engage
          with us and our websites.


2/11/10                       29
possible roadmap
   Q1: 鍖nd external design resources, begin
          expanding mozilla.org
   Q2: make switch to 鍖refox.com, begin
          redesign process, begin testing new designs
   Q3: add common UX elements, launch
          redesigned 鍖refox.com
   Q4: integrate add-ons into 鍖refox.com,
          publish style guides



2/11/10                          30
summary
   the current site structure has become
          complex and dense, and no longer 鍖ts the
          needs of a rapidly growing Mozilla.
   we need to view our sites holistically, rather
          than treating them as individual properties.
   a more well-organized site universe
          increases both visitor and business value.
   if done right, this is a win/win for our
          products, users, mission and organization.


2/11/10                       31

More Related Content

Rethinking the Mozilla Web Universe

  • 1. Rethinking the Mozilla Web Universe Rethinking the John Slater Mozilla Web Feb 11, 2010 Universe John Slater 1.25.10 Photo: NASA
  • 2. todays topic How can we make our websites better? (better for users, better for Mozilla) 2/11/10 2
  • 3. todays scope Focusing the big picture: the way our websites work together, and the way users interact with them on a macro level (not speci鍖c content or design stuff). 2/11/10 3
  • 4. caveat! This is a proposal. Its all very much up for discussion, so lets discuss. 2/11/10 4
  • 5. the good news Mozilla operates a bunch of quality sites that, when viewed as a group, make us one of the biggest Web companies around. 2/11/10 5
  • 6. the big leagues Monthly site stats (9/09): . total: ~660 mm page views 2/11/10 6
  • 7. the bad news Our current approach to managing these sites creates a bad user experience and limits our ability to make the most of the traf鍖c. 2/11/10 7
  • 8. in other words... Coming into the Mozilla web universe and trying to get the full picture of what we do (and how to get involved) can be really confusing. 2/11/10 8
  • 9. and... Were missing an opportunity to tell people about things besides the desktop Firefox (add-ons, mobile, services, stuff from labs, the mission, etc) 2/11/10 9
  • 10. the goal Create a web universe that makes sense for users and gives us a better platform for telling our story. (and the good news is that these arent mutually exclusive) 2/11/10 10
  • 11. more speci鍖cally... sites that take advantage of massive traf鍖c to fully support key company goals more ways to get users engaged with Mozilla and participate in the community data-driven sites that allow us to be more iterative with what we learn from metrics a stronger platform for communicating product values & bene鍖ts a site structure conducive to future growth 2/11/10 11
  • 12. step 1 Start thinking of our sites as components of a larger whole rather than a bunch of individual pieces. 2/11/10 12
  • 13. step 2 Tell our story effectively by making sure each site has a clear role and distinct focus. 2/11/10 13
  • 14. step 3 Start grouping related content together so itll be where users can 鍖nd it. 2/11/10 14
  • 15. step 4 Connect sites more effectively through cross-linking, UI elements, visual palette, etc. 2/11/10 15
  • 16. some tactics Lets have a single Mozilla site that can tell the story of why were here and serve as a central hub for all the other sites to orbit around. (i.e., continue to re鍖ne mozilla.org) 2/11/10 16
  • 17. some tactics Lets create product- or audience- speci鍖c sites that will revolve around that central hub. (i.e., a single Mozilla-branded site + a bunch of sites named after each product) 2/11/10 17
  • 18. some tactics For example, mozilla.com would be renamed to re鍖ect its current focus on Firefox. (i.e., 鍖refox.com? mozilla.org/鍖refox? 鍖refox.mozilla.org?) 2/11/10 18
  • 19. some tactics Lets integrate Firefox add-ons into the Firefox product site to create a more uni鍖ed experience. (lots of ways this could be accomplished) 2/11/10 19
  • 20. some tactics Lets unify our sites with some common elements - like a shared footer - and create a style guide for greater visual consistency. (while allowing each site to retain its individuality, of course) 2/11/10 20
  • 21. how things might look 2/11/10 21
  • 22. challenges & questions would this create an improper balance between the Firefox & Mozilla brands? similarly, were not a one-product company... would this approach create that impression? where do Mozilla Europe, Mozilla Japan and Mozilla China 鍖t in? should we be working to unify our sites under a single domain instead of having separate ones? what else? 2/11/10 22
  • 23. for further discussion: jslater@mozilla.com http://www.intothefuzz.com (dont be shy) 2/11/10 23
  • 25. 鍖refox.com would be based around the Firefox-related content on the current mozilla.com site. major visual and content overhaul of the Firefox product site...tighter site focus presents new design, content opportunities. would allow for greater exposure of priorities like mobile and add-ons. would still retain Mozilla branding, but in a more appropriate hierarchy. 2/11/10 25
  • 26. mozilla.org as the One Mozilla site, it eliminates current confusion between mozilla.com and mozilla.org. it would the place to tell the full Mozilla story. is a great opportunity to expand the Mozilla brand, promote the mission and drive greater participation. would still be coordinated by MoFo, but with greater MoCo involvement. 2/11/10 26
  • 27. add-ons integration once 鍖refox.com is redesigned, incorporate Firefox add-ons into the same look & feel. could be a subset of key add-ons, or the entire group of them (details tbd). an integrated site allows for greater cross- promotion and discovery. would still be run by the AMO team, but with greater visual and brand consistency. 2/11/10 27
  • 28. common UX elements connect sites more effectively with universal footer and other possible solutions. group sites into categories (ex. community, product, developer, labs) and develop loose common design elements to create brand consistency and user clarity. publicly share style guides to offer basic design direction, but dont force this on anyone as a strict requirement. 2/11/10 28
  • 29. back end use dynamic content to upsell add-ons, promote new initiatives & drive engagement. more sites on the same domain creates a simpler and more accurate data reporting structure. will create a more ef鍖cient one stop shop for internal metrics. will give us new insights how users engage with us and our websites. 2/11/10 29
  • 30. possible roadmap Q1: 鍖nd external design resources, begin expanding mozilla.org Q2: make switch to 鍖refox.com, begin redesign process, begin testing new designs Q3: add common UX elements, launch redesigned 鍖refox.com Q4: integrate add-ons into 鍖refox.com, publish style guides 2/11/10 30
  • 31. summary the current site structure has become complex and dense, and no longer 鍖ts the needs of a rapidly growing Mozilla. we need to view our sites holistically, rather than treating them as individual properties. a more well-organized site universe increases both visitor and business value. if done right, this is a win/win for our products, users, mission and organization. 2/11/10 31

Editor's Notes

  • #13: more of a mental shift than anything else - will get to the details in a minute
  • #15: Firefox & add-ons, for example; MDN for another example