Firefox User-Experience   Toronto Workweek — April 2012
Firefox UX / Interaction Design      Madhava      Boriss         Ian   Josh       Larissa     Yuan     ZhenshuoVisual UX D...
Our hidden agenda    beautiful and engaging designquick and seamless access to your stuff       both simple and powerful   ...
Beautiful and Engaging Design       (What is "Firefoxy"?)
Soft, Friendly, Human
Soft texture
Smooth curves
Fast
Distinctive and Unified
So, the projects
How Kilimanjaresque are these?1/5 Kilimanjaros5/5 Kilimanjaros
Android Tablet    ibarlow
Android Phone    ibarlow
Reading Mode    Patryk
AustralisShorlander   Ian   Zhenshuo
Australis - Windows
Australis - Mac
Australis - Linux
Australis - New Menu
Australis - Customization Mode
Australis - Panel
Australis - InContent UI
Win 8 MetroYuan   Shorlander
Layout Explorations
Interactions across desktop and mobile
Basic Layout
Awesome Screen Concept #1
Metro UI Design - Start Screen Mockup
Metro UI Design - Tabs Mockup
Metro UI Design - Web Page Mockup
Firefox on B2G    Larissa
Dev Tools Shorlander
DevTools - Floating Tools Palette
DevTools - Layout Mode
DevTools - Debugger
Sign-in-to-browser     Zhenshuo
Hometab / Firefox Start         Boriss
And a few other things Cleaning up Preferences (Zhenshuo) WebRTC (Boriss) User-switching feature on tablet (Zhenshuo) In-b...
finfind us in #UX and #fx-team
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Ux overview fxworkweek_april2012
Upcoming SlideShare
Loading in...5
×

Ux overview fxworkweek_april2012

149,788

Published on

It's been a few months now since we merged the mobile and desktop Firefox user-experience teams into one supercharged all-platform Firefox design juggernaut (in the good sense). In that time, we've been hard at work digging into the next set of features and improvements, as well as pursuing one of our major goals for the year: getting Firefox to feel more like one product — more Firefoxy — across all our platforms, desktop to tablet to phone.

I presented an overview of what we're working on at the Firefox Toronto Workweek last week. Here are the slides (and a direct link, just in case). I had a fair bit to say about them, so I'll be posting a video of the talk soon, but the mockups and wireframes in the slides are too awesome to wait. The team will be posting about each of these projects, individually, in more depth.

This presentation makes reference to the Kilimanjaro project, a set of short-term priorities around integrating the browser and ecosystem projects (identity, apps, marketplace) that Mozilla is working on right now. You can learn about it on the Kilimanjaro wiki page.

Many thanks to the team (see slide 2!) for all their hard work.

8 Comments
61 Likes
Statistics
Notes
  • Scrap the whole idea. I don't want to be using a Google Chrome knock off. (Has Google bought out Mozilla?) Unlike what most developers at Mozilla think I actually have a Brain and know how to operate a Computer. I don't need a V-Tech 3 year old's display to operate my computer.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great, but in Windows please get rid of the space between the tabs and the top of the window (in other words, leave that as it is in the current version of FF).
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • very good
    clean and cle
    an
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • @vrehorst It makes a nice job, as you said: for now.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The only one thing bother me about firefox and my monitor are the fricking title bar, I just hate it. Thats the reason I am using chrome right now, because it doesnt show it, it doesnt know it exists. btw i love FF, just cant stand that bar.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
149,788
On Slideshare
0
From Embeds
0
Number of Embeds
78
Actions
Shares
0
Downloads
420
Comments
8
Likes
61
Embeds 0
No embeds

No notes for slide

Ux overview fxworkweek_april2012

  1. 1. Firefox User-Experience Toronto Workweek — April 2012
  2. 2. Firefox UX / Interaction Design Madhava Boriss Ian Josh Larissa Yuan ZhenshuoVisual UX Design Long-term Projects Stephen Jason Patryk Limi
  3. 3. Our hidden agenda beautiful and engaging designquick and seamless access to your stuff both simple and powerful comfortable browsingFeel like Firefox across all our platforms Windows Windows Android phone Mac Mac Android tablet Linux Linux Metro ! B2G m ore a nd
  4. 4. Beautiful and Engaging Design (What is "Firefoxy"?)
  5. 5. Soft, Friendly, Human
  6. 6. Soft texture
  7. 7. Smooth curves
  8. 8. Fast
  9. 9. Distinctive and Unified
  10. 10. So, the projects
  11. 11. How Kilimanjaresque are these?1/5 Kilimanjaros5/5 Kilimanjaros
  12. 12. Android Tablet ibarlow
  13. 13. Android Phone ibarlow
  14. 14. Reading Mode Patryk
  15. 15. AustralisShorlander Ian Zhenshuo
  16. 16. Australis - Windows
  17. 17. Australis - Mac
  18. 18. Australis - Linux
  19. 19. Australis - New Menu
  20. 20. Australis - Customization Mode
  21. 21. Australis - Panel
  22. 22. Australis - InContent UI
  23. 23. Win 8 MetroYuan Shorlander
  24. 24. Layout Explorations
  25. 25. Interactions across desktop and mobile
  26. 26. Basic Layout
  27. 27. Awesome Screen Concept #1
  28. 28. Metro UI Design - Start Screen Mockup
  29. 29. Metro UI Design - Tabs Mockup
  30. 30. Metro UI Design - Web Page Mockup
  31. 31. Firefox on B2G Larissa
  32. 32. Dev Tools Shorlander
  33. 33. DevTools - Floating Tools Palette
  34. 34. DevTools - Layout Mode
  35. 35. DevTools - Debugger
  36. 36. Sign-in-to-browser Zhenshuo
  37. 37. Hometab / Firefox Start Boriss
  38. 38. And a few other things Cleaning up Preferences (Zhenshuo) WebRTC (Boriss) User-switching feature on tablet (Zhenshuo) In-browser translation (Yuan) PDF.js (Shorlander) Printing (Yuan) Find-in-page (Zhenshuo) Android Widget (Madhava and Patryk)
  39. 39. finfind us in #UX and #fx-team
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×