Proposal for the New Firefox 4 Home Tab

Mozilla Labs is organizing a design challenge to create a new home tab for the upcoming Firefox 4. The new home will be using the users’ history information to produce a better user experience.

Firefox Home Tab Design Challenge

I was doing some user research asking people to show me their way of using their web browser and I was specially paying attention to the homepage. These are some of my findings:

- It is very important to have search functionality in the homepage. Users go there as an starting point to a new search.

- People like having relevant information in the homepage, like feeds coming from different websites or news coming from a particular source (e.g. Yahoo!).

- Many users get lost when using tabs. I’ve discovered that many don’t even know what a tab is, the potential of tab browsing is something unknown to many people.

Based on that I prepared my proposal for the design challenge:

It would be nice to get your comments!

Find here more information about the Home Tab Design Challenge.

Poka-Yoke Design

Poka-Yoke is a concept coming from Japan and means mistake-proof. It could be any mechanism helping users to avoid making mistakes while using an interface or product. The concept it’s focus on prevention, influencing the users’ behavior through the design of the product or interface. Poka-Yoke not only improves the user experience, it also helps improving safety.

I would like to show you some Poka-Yoke examples.

SIM Cards. Thanks to the trimmed corner, a SIM Card can not be put into a cell phone in a wrong way.

Close look to SIM Card SIM Card. Picture by Declan Jewell.

On Search. Poka-Yoke concept is used by Google’s search box and by other search engines to suggest users possible search terms. In the example, I mistyped “Poka-Yoke” so the search box proposes to search for the right term. The problem with this behavior is that these suggestions could influence what users search.

Poka-Yoke behavior on Google SearchGoogle search box.

iPhone. Every time a user starts a new note on the Notes application for iPhone, the upper case option is on and ready for the first letter. This is a way to prevent orthographic mistakes.

iPhone Notes application screenshotiPhone Notes application screenshot.

USB Connector. Thanks to its inner shape, an USB connector can not be connected in the wrong way.

USB Connector, inside viewUSB Connector. Picture by PJstoneson.

…actually, the shape of the connector not only prevents from connecting it upside down but also to connect it in the wrong place.

Different connectors in a MacBookDifferent shapes for each connector. Picture by Goodrob13.

Padlocks. Good padlocks do not release the key if it is not totally locked, making sure that the mechanism is totally closed and avoiding mistakes. In this case safety is a big issue.

Padlock in San FranciscoA padlock. Picture by Greenkozi.

Exploring large amount of data

Through times, data visualization has worked as a great tool to reveal stories in sets of data. The recipe has been to find a story in the data, attach visual cues to establish a base of familiarity and expectation and boil the data down to the most significant message. When done well, data becomes more accessible and more meaningful.

Today with the web, the conditions have changed. We have technologies that enable new ways to store, collect and share large amount of data as well as the social web that generate tons of real time data, which implies a great mass of dynamic data to deal with. This means we don’t have the same control of the outcome as we had before when we worked with a limit static set of data.

With these new conditions it seems like the designer has shifted role from proving a point to create tools that makes it easy for people to discover and find their own stories. The tools are more about letting them navigate through and understand rich and varied flows of information, using their behavior as navigation. Instead of being a passive observer the user can participate in the exploration.

Here are some intriguing data visualization tools that put the user in the driver’s seat:

Stamen design, a small design and technology studio in San Francisco, work a lot with real time data and infographics. They created Trulia Snapshot that helps you localize homes for sale, and explore different variables like if it’s cheap, expensive, newest on the market, and longest on the market.

Trulia Snapshot

 

They also created Oakland Crimespotting, an interactive map of crimes in Oakland that helps people to sort and understand crime in cities. With this tool you can navigate hour by hour and over time.

Oakland Crimespotting Screenshot

 

Together with Small Batch Inc.  Jeffrey Veen has a few data visualization projects going on, one of them is Wikirank, a tool for exploring new trends on Wikipedia, discovering comparisons between topics and sharing them with the world. He also gave an inspiring talk on the subject at Web 2.0 Expo.

Wikirank Screenshot

 

The New York Times creates some really interesting data visualizations; I especially like Casualties of war where you can investigate casualties during war in Iraq through times. The New York Times also let the mass audience participate in their Visualization lab , creating information graphs of all sorts.

Casualties of War Screenshot

 

Getty images got a whole stack of discovery tools to explore photos. One of the latest is moodstream that enable the possibility to sort pictures by mood.

Moodstream Screenshot

 

This one is not new but I really like the visualization of Lee Byron’s histogram What have I been listening to? that shows music listening history with data aggregated from Last.fm. With inspiration from his work Andrew Godwin created a graph generator where you can generate your music from Last.fm, and compare with friends.

Byron Visualization Screenshot

 

For more inspiration check out Visual complexity, a gallery with a variety of different visualization methods.

This approach, where designers let people use their own minds to draw their own conclusions isn’t new. But with these new conditions it becomes more essential to control the flood of information that people meet every day by putting them in the driver’s seat manipulating data in their own way, telling their own stories.

About the article’s writer: Johanna Olander works as an interaction designer and visual designer at the National Library of Sweden/LIBRIS division. She mostly works with LIBRIS the Swedish Union Catalogue, but also with other library related applications.