Ux overview fxworkweek_april2012

  • View
    147.174

  • Download
    3

  • Category

    Design

Tags:

Preview:

DESCRIPTION

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.

Citation preview

Firefox User-ExperienceToronto Workweek — April 2012

Kilimanjaro Edition!

Stephen

Zhenshuo

Ian

Patryk

YuanLarissa

Boriss

Jason

Madhava Josh

Firefox UX / Interaction Design

Visual UX Design

Limi

Long-term Projects

Our hidden agenda

beautiful and engaging designquick and seamless access to your stuff

both simple and powerfulcomfortable browsing

Feel like Firefox across all our platforms

WindowsMacLinux

WindowsMacLinux

Android phoneAndroid tabletMetroB2G

and more!

Beautiful and Engaging Design(What is "Firefoxy"?)

Soft, Friendly, Human

Soft texture

Smooth curves

Fast

Distinctive and Unified

So, the projects

1/5 Kilimanjaros

5/5 Kilimanjaros

How Kilimanjaresque are these?

Android Tablet

ibarlow

Android Phone

ibarlow

Reading Mode

Patryk

Australis

Shorlander ZhenshuoIan

Australis - Windows

Australis - Mac

Australis - Linux

Australis - New Menu

Australis - Customization Mode

Australis - Panel

Australis - InContent UI

Win 8 Metro

Yuan 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

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)

And a few other things

finfind us in #UX and #fx-team

Recommended