Archive |

The End of the Beginning

It’s been quite an adventure since his flying saucer-battling origin, but now that the final Firefox 3 beta has been released everyone’s favorite open source robot has retired to a comfortable and triumphant life of adoration from a grateful populace:

The End of the Beginning

As it turns out, a lot of the action has been taking place around the (fictional, of course) city of Gran Paradiso. Although it’s nice to see it rebuilt after the carnage, it does change the cont

Back to the fuzz Site Redesign Update

It’s been awhile since I blogged about the site redesign, so it feels like time for an update on our recent progress. In order to provide some context, I’ll also take a step back and give a little background about the process and how we’ve approached this project.

First, why redesign
* To support the Firefox 3 release…we did the same for the launch of versions 1.5 and 2.0.
* To provide new and improved content about both Firefox and Mozilla.
* To make sure the site continues to evolve and improve along with our organization, our expanding userbase and the Mozilla Project as a whole.

The process so far:

* September 2007: We began soliciting internal suggestions for design agencies.
* October 2007: We sent RFPs (requests for proposals) to six agencies that seemed like good potential fits.
* November 2007: Based on their design abilities, understanding of our brand and history of working on sites with heavy community involvement, we selected the Royal Order and immediately began giving them massive amounts of background info about Mozilla.
* December 2007: The Royal Order created a detailed information architecture plan and did some initial design exploration.
* January 2008: Worked with the Royal Order to refine the design direction; they began designing the site in earnest.

Design background:
The overall design goal is that the site should embody Mozilla’s unique nature, while still being very usable, informative, etc (read more about our design objectives). Having said that, it’s also important that the design not overshadow the key content goals of driving Firefox downloads and educating people about Mozilla. Plus, the site also needs to be easily localized, highly accessible and compliant with Web standards.

After sifting through people’s reactions to the initial design explorations, Paul and I realized that, although the basic layouts were quite solid, they were still lacking a main visual element that met the above design goals. Specifically, we decided that using photography as the main element would make it too difficult to fully represent the global scope of Mozilla, so we and the Royal Order began to focus on illustration options instead.

With regard to illustration style, we wanted hand-created elements rather than slick, vector art in order to represent the fact that Mozilla software is created by a community of people around the world rather being than a faceless corporate entity. The Royal Order recommended an illustration studio called the Delicious Design League, whose style really complemented this concept, and things began to come together.

Our somewhat ambitious goal for the illustrations was that they should abstractly reflect the good things about the Web itself…things like connectivity, collaboration, creativity, etc. That’s certainly not an easy task, but the designers and illustrators have come up with several different concepts – all based around metaphors for networks – that support this really well. The final site will incorporate a few of these, one of which is shown below.

This mockup of the homepage will still receive a few more tweaks before it’s all said and done, but it’s a good sneak peak of what’s to come. As noted earlier, the illustration of the tree is meant to suggest the power and possibility of the Web, as well as the way Mozilla works. And the various handmade elements, such as the pencil-drawn lines and background shadings are all meant to evoke the grassroots, people-powered nature of Mozilla itself. Site Redesign Update

What next?
The design work is still in progress, and we’re busy creating some cool new content like a detailed Firefox features page. From there, we move on to development with our friends at silverorange(who have been closely involved in the entire process), localization (for more on this, definitely check out Pascal’s recent post on the subject) and QA – all with the goal having the site ready for the upcoming Firefox 3 launch.

There’s still lots more work to be done, and I’ll have plenty more to say about the design and the specifics of the new site later. In the meantime, thanks for reading, and stay tuned for more!

Back to the fuzz

Featuring Firefox 3 on…Does This Look Right?

Alix and I are working on the Firefox 3 features content for the redesigned and would like your input. Our goal is to increase the amount of description and detail (compared to the current site) to give interested parties a better picture of everything that Firefox offers. We plan on listing each feature along with a short description…see below for our list so far.

My question to you is, how does the list look to you? Did we overlook anything? Miscategorize your favorite new feature? Or maybe it’s all exactly perfect already? (wishful thinking, I know)

Take a look and add a comment with your thoughts if you have anything to add. As you read, please keep in mind that 1) this list (and the site in general) is geared more towards the mass audience rather than developers and 2) the wording isn’t final, so don’t worry if you see acronyms or phrases that won’t make sense outside the Mozilla community. Thanks in advance for your help!

Here’s our proposed features list as it currently stands:

Top New Features:
• Awesomebar
• Site identity tool (i.e., Larry)
• Improved performance
• One-click bookmarking
• Full zoom
• Password manager

Security & Privacy
• Anti-malware
• Anti-phishing
• Site identity tool
• Parental controls integration (Vista only)
• Anti-virus integration (Windows only)
• Plug-in version check and disabling
• Secure add-on updating
• Password manager
• Clear private data
• Site-specific security permissions
• Automated update
• Pop-up blocker

• Awesomebar
• One-click bookmarking
• Library
• Tags
• Smart folders

• Pause/resume downloads
• Smart keywords
• Spellcheck
• Session restore
• Live bookmarks
• RSS feed reader RSS preview
• Choice if you want to load images or not
• Platform native look & feel
• Full zoom

• Save on exit
• Reopen closed tab
• Drag & reorganize tabs
• Smooth scrolling

• Improved memory management
• Smaller memory footprint
• Faster page load
• Graphics engine improvements
• Faster Javascript?
• Better DHTML?

• Thousands of options at AMO
• Fully integrated add-ons manager
• Themes & personas
• Customize: toolbars, search, web protocol handlers, site-specific preferences

Universal Access
• 40+ languages
• Customized per locale (dictionary, search providers, live bookmarks & web feeds)
• Text rendering
• Accessibility

• Integrated web search (including adjustable search window)
• Choose from hundreds of search engines
• “Find in” page
• Search suggestions

• In product help
• Live chat

• Online application support [email, calendar, etc]…i.e. web-based protocol handlers
• Offline browsing
• Advanced graphic stuff – SVG, Canvas
• Color profile support
• Support for CSS, Acid 2, MathML, EcmaScript 4, APNG, Cross-Site XMLHttpRequest, Microformats

Back to the fuzz

Powered by WordPress. Designed by WooThemes