tablet thinking so far - Madhava Enros and Brian Dils, April 2011
Phone Characteristics• Small screens• Difficult to type• Direct manipulation - touch-screens• Many abilities - rich devices...
Mobile User  isMobile
Mobile
Distractible
Available
Sociable
Contextual
Identifiable
phoneDesign Goals for a mobile Firefox• Maximize screen space dedicated to  content• Minimize typing wherever possible• Gi...
Phone      Small Tablet          Large Tablet   Netbook                      Laptop/Desktop                  Touch        ...
Tablet-specific characteristics• large surface encourages large movements/gestures• “consumption” user-stance• richer, maga...
Firefox Home                                                                  madhava  @username - that was the best mocku...
Shared with you                                                                                                   Subject ...
Firefox > Home                                          Flickr                                                            ...
Firefox > Home                                                                                                     Open Ta...
Tabs from                                                                                                                 ...
t hu       mb          nai                    Wombat Times of Canada                                                      ...
more thinking!
discuss!
Photo Credits                http://flickr.com/photos/darwin70/577151777/                http://flickr.com/photos/spidey-man...
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Tablet Thinking, All Hands, April 2011
Upcoming SlideShare
Loading in...5
×

Tablet Thinking, All Hands, April 2011

8,915

Published on

Madhava Enros and Brian Dils at Mozilla, thinking about browser UI on tablets

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,915
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Tablet Thinking, All Hands, April 2011

  1. 1. tablet thinking so far - Madhava Enros and Brian Dils, April 2011
  2. 2. Phone Characteristics• Small screens• Difficult to type• Direct manipulation - touch-screens• Many abilities - rich devices• Constant but interruptible connection
  3. 3. Mobile User isMobile
  4. 4. Mobile
  5. 5. Distractible
  6. 6. Available
  7. 7. Sociable
  8. 8. Contextual
  9. 9. Identifiable
  10. 10. phoneDesign Goals for a mobile Firefox• Maximize screen space dedicated to content• Minimize typing wherever possible• Give primacy of interaction to a finger- oriented touchscreen• Support the quick lookup scenario• Connect people to all their web-use still mostly apply
  11. 11. Phone Small Tablet Large Tablet Netbook Laptop/Desktop Touch Non-Touch Virtual Keyboard Physical Keyboard On the go In one place index finger-focus thumb-focus Cursor mobile characteristics desktop characteristics
  12. 12. Tablet-specific characteristics• large surface encourages large movements/gestures• “consumption” user-stance• richer, magazine-like presentation
  13. 13. Firefox Home madhava @username - that was the best mockup I have ever seen, and I have seen some mockups in my t hu mb time nai l f Site 2 did you see this justin bieber whatever thing LOL http://url.goes.here/oh_yes.html 7 more Rdio Flickr t hu mb 3 new from Contacts nai l f Site 9 t hu mb nai l f Site 9 Subject of a new email... t hu Who its from date mb nai l Subject of a new email... Who its from date f Site 9 Gmail.com 10+ Search your web
  14. 14. Shared with you Subject of a new email... Facebook Who its from date t hu t hu mb gm mb nai ai l nai l Subject of a new email... l Who its from date f gmail Site 1 f Site 2 Twitter @username - that was the best mockup I have ever seen, and I have seen some mockups in my time ust t hu twi t hu t hu tc. J ly mb tter mb mb nai nai nai ts, e al l l l wee e actu gReader all t r not s that a you. one cted at f Site 9 f twitter Site 3 f Site 4 dire text of most recent update from a person... SMS flic f Flickr just goes right here kr t hu mb nai inline. How long is 140 l characters anyway #closeenoughforamock Mozilla up Site 1 flic f Some other site krYour apps that also has syndicated content of some Yahoo Thing Wikipedia Gmail kind. Facebook? Search your web Rdio Mint Twitter madhava
  15. 15. Firefox > Home Flickr Open Tabs t hu 3 new from Contacts t hu mb mb na il nai l f Site 9 f Site 9 t hu t hu mb mb na il nai l f Site 9 f Site 9 Subject of a new email... Who its from date t hu mb nai l Subject of a new email... Tabs from Who its from date other Rdio Gmail.com 10+ f Site 9 computers @username - that was the best mockup I have ever seen, and I have seen some mockups in my time did you see this justin bieber whatever thing LOL http://url.goes.here/oh_yes.html 7 more Search your web 10:38 3G
  16. 16. Firefox > Home Open Tabs Search your web Flickr t hu 3 new from Contacts mb nai l f Site 9 t hu mb nai l f Site 9 Subject of a new email... Tabs from Who its from date other Subject of a new email... Who its from date computers Rdio Gmail.com 10+ t hu t hu t hu mb mb mb nai nai nai l l l f Site 9 f Site 9 f Site 9 10:38 3 G
  17. 17. Tabs from other computersPage title Search your web Flickr t hu 3 new from Contacts t hu mb mb nai nai l l f Site 9 f Site 9 t hu t hu mb mb nai nai l l f Site 9 f Site 9 Subject of a new email... Who its from date t hu mb nai l Subject of a new email... Who its from date Rdio Gmail.com f Site 9 10+ @username - that was the best mockup I have ever seen, and I have seen some mockups in my time did you see this justin bieber whatever thing LOL http://url.goes.here/oh_yes.html 7 more 10:38 3 G
  18. 18. t hu mb nai Wombat Times of Canada t hu mb nai Welcome to Flickr - Photo Sharing l l http://wombattimesofcanada.com http://wwww.flickr.com/t hu mb nai Twitter l http://mobile.twitter.com/ Search Google Search Amazon for "wombat" for "wombat"t hu mb gmail - thing about wombats nai l http://gmail.com/ Search Wikipedia Search Twitter 5 new for "wombat" for "wombat"t hu mb Firefox: Customize with add-ons nai wombat l https://addons.mozilla.org/en-US/mobile ! ? , * : ( ) ; • / @ Tab q w e r t y u i o p ?123 a s d f g h j k l z x c v b n m , . ;-) / English (US) - 10:38 3G
  19. 19. more thinking!
  20. 20. discuss!
  21. 21. Photo Credits http://flickr.com/photos/darwin70/577151777/ http://flickr.com/photos/spidey-man/379064077/ http://flickr.com/photos/zwc/2332022534/ http://flickr.com/photos/40668062@N00/303473576/ http://flickr.com/photos/sharman/13121287/ http://flickr.com/photos/seandreilinger/2147807724/ http://flickr.com/photos/mimk/365755280/ http://flickr.com/photos/skampy/2329307921/

×