The era of desktop-first methodologies has ended. According to Google, 90% of consumers now use multiple screens to accomplish tasks on the web. People aren't just visiting your site on phones and desktop computers, they are also using game consoles, laptops, tablets, and other devices. As we enter into the renaissance of the postdesktop web, we must be prepared to boldly alter how we prototype, design, and gather feedback from audiences. Two of the most important factors for current web usability are considering the screen (designing and testing for multiple displays) and context.
This presentation is a duplicate of the original posted here: http://www.slideshare.net/thedougco/screen-and-context-usability-in-the-postdesktop-world
14. 0
22.5
45
67.5
90
Americas Asia Pacific Middle East Africa
Source: ITU
+28%
+45%
+55%
+82%
Americas
Asia-Pacific
Middle East
Africa
Where is the biggest growth
in mobile broadband (2010 to 2013)?
21. Aakash Ubislate tablet
$69 ($20 for students in India)
Archos 35 Carbon smartphone
$120
Cheap devices and displays for browsing
22. Lower quality displays that display limited information
Pebble smartwatch
$150
Fitbit Zip fitness data collector
$60
23. In some objects, sensors + connectivity matter more than display
Fitbit Aria
transmits weight to app
Parrot Flower Power
transmits plant
data to app
26. 6 basic screen
sizes* for 22 of
the most popular
tablets
1200 x 1920
800 x 1280
768 x 1280
600 x 1024
600 x 800
1536 x 2046
Screensiz.es
27. 1200 x 1920
800 x 1280
768 x 1280
600 x 1024
600 x 800
1536 x 2046
1200x1920
800x1280
768x1280
600x1024
600x800
1536x2046
6 basic screen
sizes* for 22 of
the most popular
tablets
Screensiz.es
41. The primary purpose of a prototype
is to get to better, more useful work.
REMEMBER!
42. The primary purpose of a prototype
is to get to better, more useful work.
client educationbuy-in iterative building
early user testing visualizing content strategy
43. The primary purpose of a prototype
is to get to better, more useful work.
IT’S CRAP!
44. “All our decisions should start from
content out, not canvas in.”
--@Viljamis (Viljami Salminen)
Read this: Valjami Salminen’s blog
45. Ask your clients to focus on typography,
legibility, and real content in prototypes.
64. Use bigger touch target areas to accommodate finger / thumb input.
Example: Good.is
MIT research
showed the average
fingertip is
8 to 10 mm.
~7 to 9 mm
minimum
recommended
based on
manufacturer.
90. Thanks to Erik Runyon,
Director of Web Communications at Notre Dame,
for the examples and data.
Check out his blog and Higher Education RWD Directory at weedygarden.net.
91. Further reading on web performance:
www.stevesouders.com
www.igvita.com
www.dmolsen.com
103. 1. User joins gotomeeting or
other screen sharing software
via laptop.
2. User shares laptop camera.
3. User “reverse hugs” laptop,
pointing laptop camera at
mobile device