Navigation
There is a primary navigation on the top, including "Products", "Add-ons", "Support", "Community" and "About". Each title has its secondary navigation.
There is also a pipeline at the bottom. I think these groups make sense. "Products" shows two main browser/email system -- Firefox and Thunderbird of Mozilla. "Add-ons" are gadgets and plug-ins attached to the browser. "Support" is customer service, tips and helps of using Firefox. "Community" links to other websites about Mozilla. "About" includes introduction of company, news, career information etc.
In primary navigation, the label "mozilla" appears more prominent over others. Because first, it is bold and has bigger size; second, it has more spaces between other labels. Actually when I click it, it always brings me back to the homepage.
The primary navigation keeps the same when I go into every subpages. But it disappears only when I enter "Add-ons". The way I know where I am is that the large title "Firefox Add-ons" at the top of the page.
When I click on one of the navigations, the color of the label changes from black to dark gray. I think it is hard to recognize. I would like it to be more contrasting.
But they use a big subtitle right under the primary navigation of every subpage so that I can always know where I am.
Architecture
This site doesn't have deep structure. It is up to two levels according to the site map and pipeline. When I roll over the labels in primary navigation, it scrolls down and shows secondary navigation. I think it is a good design because there must be many details under each primary navigation, it is necessary to have sub groups to make the structure more clear.
Content/Typography
I think the hierarchy of the typography is fine. They use strong weight, large size and different color to separate headlines from contents.
Generally speaking, I think the labels are clear. But in the secondary navigation under "Support", there is a label called "Other Firefox Support", according to Gavin's lecture, people don't like clicking "Others" or something they don't quite familiar with. So I would like to delete this title and put its content into "Firefox Support Forum".
Grid/Structure
The structure stays consistent as I go from one page to another. All pages are divided by two columns and have the same background color and style. When I enter "About", first I notice the big white subtitle "About Mozilla" besides a cartoon icon. Because it has big size, bright color and placed in the center f the page.
Iconography/Imagery
There are many cartoon images in this website. I think the number of images is okay. They look cute and can bring people's interest to click them. I can recognize the symbols quickly because they are right beside their titles and represent the meaning of the titles. For example, on "About" page, you can find many creative and lovely symbols but all of them are easy to understand.
Color Palette
On "Support" page, there are five colors: black, white, blue, red and yellow. Red and yellow are used for search bar. Blue is the background and text color. Black is the primary navigation and white is the color of titles. I think these colors are bright and high contrasting, which are easy to separate different sections on this page.
Site Focus
In my opinion, the objective of this site is to do advertisement of Mozilla's product and let people to use them and buy them.
On "Support" page, there is a search bar which allows me to find answers about technical questions. In "Add-ons" page, there is also a search bar for searching information related to add-ons. But actually I don't use search engine if I'm not familiar with a subject. And usually I just browse what's new on the website and seldom search for a specific thing.
The most useful part is that I can download latest version of Firefox and Thunderbird on their homepage, it is very convenient.
Generally speaking, Mozilla.com is an attractive website. I like their style of design. The things I would improve is that I will change all the labels including "others" to more specific words.
No comments:
Post a Comment