Design Projects
Prototyping
mozilla firefox logo

Firefox Hometab

quick access, personal connections, gradual engagement

Overview

Over the summer of 2010 I worked at Mozilla as a User Experience Intern. My main project was to research and design the home tab for post Firefox 4. I was to give Firefox team a useful path to traverse and provide some ideas about the design and experience of the hometab. My design allows users quick access to important information, creates personal connections, and allows for gradual engagement. This design features a guilt-free information stream, universal search across your data, web apps, and more.

Firefox Hometab concept

Design Process

My process was spread out over 2 1/2 months. It included a competitor analysis, academic and secondary research, primary research on how people use home pages today, golden questions, ideation through sketching, prototyping, presentations and communication, as well as leading various groups of people through mini design sessions. From this process I gleaned 3 major insights: equip people with the right tools, allow for personal connections, gradual engagement.

Final Concept

From these insights I sketched and iterated on many concepts. I then built a prototype concept. I used this prototype for about two weeks and had my colleagues on the UX team use it as well. I asked for feedback on desires, problems, and future thoughts. With this data I created new mockups showing what I think the hometab of the future should be.

hometab home screen with information stream webapps live within the hometab contacts are easily accessible an entire conversation stream is shown content you've shared, easy to retrieve smart bookmarks based on location personal history for easy retrieval get to stuff saved on other synced devices
  • hometab home screen with information stream
  • webapps live within the hometab
  • contacts are easily accessible
  • an entire conversation stream is shown
  • content you've shared, easy to retrieve
  • smart bookmarks based on location
  • personal history for easy retrieval
  • get to stuff saved on other synced devices

These mockups show 10 features of hometab:

After spending a summer designing this concept, I can say that I'm very pleased with the turnout. I got to use many design tools, methods, and theories throughout my process. I was able to successfully lead design sessions with non-designers, and communicate my design to various members of Mozilla. I was also able to present on my ideas to over 500 people, and conduct lots of iterations. In the end, the UX team seemed very happy with the work I performed and the design and path that I laid out before them.

Methods
Tools
Team
Responsibilities
Downloads
Blog Posts
Other Firefox Projects