Tablet Thinking, All Hands, April 2011

tablet thinking so far - Madhava Enros and Brian Dils, April 2011

Phone Characteristics• Small screens• Difﬁcult to type• Direct manipulation - touch-screens• Many abilities - rich devices• Constant but interruptible connection

Mobile User isMobile

Mobile

Distractible

Available

Sociable

Contextual

Identiﬁable

phoneDesign Goals for a mobile Firefox• Maximize screen space dedicated to content• Minimize typing wherever possible• Give primacy of interaction to a ﬁnger- oriented touchscreen• Support the quick lookup scenario• Connect people to all their web-use still mostly apply

Phone Small Tablet Large Tablet Netbook Laptop/Desktop Touch Non-Touch Virtual Keyboard Physical Keyboard On the go In one place index ﬁnger-focus thumb-focus Cursor mobile characteristics desktop characteristics

Tablet-speciﬁc characteristics• large surface encourages large movements/gestures• “consumption” user-stance• richer, magazine-like presentation

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

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

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

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

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

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

more thinking!

discuss!

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/

http://webwereld.nl	1354
http://www.mozillafirefox.fr	8
http://uiclub.blogbus.com	8
http://www.slideshare.net	3

Tablet Thinking, All Hands, April 2011

by Madhava Enros on Apr 12, 2011

Accessibility

Tags

Upload Details

Usage Rights

4 Embeds 1,373

Statistics

Tablet Thinking, All Hands, April 2011 — Presentation Transcript