Fennec case study - Design for Mobile 2009

24
Fennec: Firefox for mobile Madhava Enros, Mozilla

description

 

Transcript of Fennec case study - Design for Mobile 2009

Page 1: Fennec case study - Design for Mobile 2009

Fennec: Firefox for mobileMadhava Enros, Mozilla

Page 2: Fennec case study - Design for Mobile 2009

#des4mo

#fennec

@madhava

In the mood to tweet?

Page 3: Fennec case study - Design for Mobile 2009

Mozilla?

• We’re a global communityof thousands who sincerely believe in the power of technology to enrich people’s lives.

• We’re a public benefit organizationdedicated not to making money but to improving the way people everywhere experience the Internet.

• And we’re an open source software projectwhose code has been used as a platform for some of the Internet’s most innovative projects.

http://www.mozilla.com/en-US/about/whatismozilla.html

Page 4: Fennec case study - Design for Mobile 2009

Also, there’s Firefox

• simple

• secure

• speedy

• infinitely customizable

http://www.mozilla.com/en-US/firefox/

Page 5: Fennec case study - Design for Mobile 2009

Fennec

Page 6: Fennec case study - Design for Mobile 2009

What are we aiming for?

1. Simple, fast navigation to Web content

2. Compatibility with the Web

3. Secure

4. A "whole product" for mobile

5. A platform for innovation on mobile

https://wiki.mozilla.org/Mobile/FennecVision

Page 7: Fennec case study - Design for Mobile 2009

Initial design themes and goals

• Maximize screen space dedicated to content

• Minimize typing wherever possible

• Give primacy of interaction to a finger-oriented touchscreen

• accommodate finger size

• increase the physicality of the interface

• Support the quick lookup scenario

Page 8: Fennec case study - Design for Mobile 2009

Proposal 6 - 1

Page 9: Fennec case study - Design for Mobile 2009

Proposal 6 - 2

https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/Proposal6

Page 10: Fennec case study - Design for Mobile 2009

Proposal 8 - 1

Page 11: Fennec case study - Design for Mobile 2009

Proposal 8 -2

Page 12: Fennec case study - Design for Mobile 2009

Proposal 8 - 3

Page 13: Fennec case study - Design for Mobile 2009

Proposal 8 - 4

Page 14: Fennec case study - Design for Mobile 2009

Proposal 8 - 5

https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/Proposal8

Page 15: Fennec case study - Design for Mobile 2009

Touchbar proposal -1

Page 16: Fennec case study - Design for Mobile 2009

Touchbar proposal - 2

Page 17: Fennec case study - Design for Mobile 2009

Touchbar proposal - 3

Page 18: Fennec case study - Design for Mobile 2009

Touchbar proposal - 4

https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/TouchBar

Page 19: Fennec case study - Design for Mobile 2009

Spatial/ZUI proposal - 1

Page 20: Fennec case study - Design for Mobile 2009

Spatial/ZUI proposal - 2

http://www.azarask.in/blog/post/firefox-mobile-concept-video/

Page 21: Fennec case study - Design for Mobile 2009

Demonstration

For a reasonable equivalent, minus a few late-breaking changes, see this walkthrough of our beta 1 release:

http://bit.ly/fennec-beta1-video( )

Page 22: Fennec case study - Design for Mobile 2009

Moving access to bookmarks

Page 23: Fennec case study - Design for Mobile 2009

Scalable UI widgets with CSS3

http://mozilla.seanmartell.com/fennec/index.html

Page 24: Fennec case study - Design for Mobile 2009

Please get involved!

https://bugzilla.mozilla.org/show_bug.cgi?id=477628

Bug 477628 - Fennec should offer a pleasant user-experience

[email protected]: madhava

blog: madhava.com/egotism/

http://www.mozilla.com/mobile/