• Save
Luke Wroblewski, LukeW, Warm Gun 2012
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Luke Wroblewski, LukeW, Warm Gun 2012

  • 6,476 views
Uploaded on

Luke Wroblewski, Founder, LukeW Ideation + Design, Warm Gun, Nov 30th, 2012

Luke Wroblewski, Founder, LukeW Ideation + Design, Warm Gun, Nov 30th, 2012

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
6,476
On Slideshare
6,083
From Embeds
393
Number of Embeds
6

Actions

Shares
Downloads
0
Comments
2
Likes
24

Embeds 393

http://song.cvtest.com 273
http://www.iphone-entreprise.com 59
https://twitter.com 57
http://www.twylah.com 2
https://si0.twimg.com 1
http://localhost 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 1Thursday, November 29, 12
  • 2. MULTI-DEVICE DESIGN STRATEGY WARM GUN 2012 LUKE WROBLEWSKI 1Thursday, November 29, 12
  • 3. MULTI-DEVICE DESIGN STRATEGY WARM GUN 2012 LUKE WROBLEWSKI 1Thursday, November 29, 12
  • 4. 2Thursday, November 29, 12
  • 5. 4.3” Motorola Droid RAZR M 2Thursday, November 29, 12
  • 6. 4.3” Screen: 4.3" with 960 x 540 & 256 ppi Browser: Chrome for Android (Chrome 18) OS: Google Android 4.0 Motorola Droid RAZR M 2Thursday, November 29, 12
  • 7. 4.3” Motorola Droid RAZR M 2Thursday, November 29, 12
  • 8. 4.3” 5.5” Motorola Droid Samsung Galaxy RAZR M Note II 2Thursday, November 29, 12
  • 9. 4.3” 5.5” Screen: 5.5" with 720 x 1280 & 276 ppi Browser: Android Webkit OS: Google Android 4.1 (modified) Motorola Droid Samsung Galaxy RAZR M Note II 2Thursday, November 29, 12
  • 10. 4.3” 5.5” Motorola Droid Samsung Galaxy RAZR M Note II 2Thursday, November 29, 12
  • 11. 4.3” 5.5” 7.9” Motorola Droid Samsung Galaxy RAZR M Note II Apple iPad Mini 2Thursday, November 29, 12
  • 12. 4.3” 5.5” 7.9” Screen: 7.9" with 768 x 1024 pixels and 163 ppi Browser: Apple Safari 6 OS: iOS 6 Motorola Droid Samsung Galaxy RAZR M Note II Apple iPad Mini 2Thursday, November 29, 12
  • 13. 4.3” 5.5” 7.9” Motorola Droid Samsung Galaxy RAZR M Note II Apple iPad Mini 2Thursday, November 29, 12
  • 14. 4.3” 5.5” 7.9” 12.5 ” Motorola Droid Samsung Galaxy Apple iPad Mini Dell XPS 12 RAZR M Note II 2Thursday, November 29, 12
  • 15. 4.3” 5.5” 7.9” 12.5 ” Screen: 12.5" with 1920 x 1080 pixels Browser: Internet Explorer 10 OS: Microsoft Windows 8 RT Motorola Droid Samsung Galaxy Apple iPad Mini Dell XPS 12 RAZR M Note II 2Thursday, November 29, 12
  • 16. 4.3” 5.5” 7.9” 12.5 ” Motorola Droid Samsung Galaxy Apple iPad Mini Dell XPS 12 RAZR M Note II 2Thursday, November 29, 12
  • 17. PC Desktop Internet Mobile Consumer 100M+ 1B+ 10B+ 1990 2000 2010 2020 Source: Morgan Stanley Research 3Thursday, November 29, 12
  • 18. 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 4Thursday, November 29, 12
  • 19. SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 4Thursday, November 29, 12
  • 20. SMARTPHONE 5Thursday, November 29, 12
  • 21. SMARTPHONE 3.5” iPhone 3GS 5Thursday, November 29, 12
  • 22. SMARTPHONE 3.1” 3.5” Palm Pre iPhone 3GS 5Thursday, November 29, 12
  • 23. SMARTPHONE 3.1” 3.5” 3.7” Palm Pre iPhone 3GS HTC Nexus One 5Thursday, November 29, 12
  • 24. SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 6Thursday, November 29, 12
  • 25. TABLET SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 6Thursday, November 29, 12
  • 26. TABLET 7Thursday, November 29, 12
  • 27. TABLET 9.7” Apple iPad 7Thursday, November 29, 12
  • 28. IPAD Source: http://www.lukew.com/ff/entry.asp?1640 8Thursday, November 29, 12
  • 29. IPAD 94% of tablet traffic May 2012 Source: http://www.lukew.com/ff/entry.asp?1640 8Thursday, November 29, 12
  • 30. IPAD 94% of tablet traffic May 2012 98% of tablet traffic Sept 2012 Source: http://www.lukew.com/ff/entry.asp?1640 8Thursday, November 29, 12
  • 31. IPAD 94% of tablet traffic May 2012 98% of tablet traffic Sept 2012 91% of tablet traffic on Web Source: http://www.lukew.com/ff/entry.asp?1640 8Thursday, November 29, 12
  • 32. TABLET SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 9Thursday, November 29, 12
  • 33. TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 9Thursday, November 29, 12
  • 34. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 9Thursday, November 29, 12
  • 35. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” WEB SITE 9Thursday, November 29, 12
  • 36. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE WEB SITE 9Thursday, November 29, 12
  • 37. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 10Thursday, November 29, 12
  • 38. SMARTPHONE 11Thursday, November 29, 12
  • 39. SMARTPHONE 3.5” iPhone 3GS 11Thursday, November 29, 12
  • 40. SMARTPHONE 3.5” 4.0” iPhone 3GS HTC Windows Phone 8S 11Thursday, November 29, 12
  • 41. SMARTPHONE 3.5” 4.0” 4.3” iPhone 3GS HTC Windows Motorola Droid Phone 8S RAZR M 11Thursday, November 29, 12
  • 42. SMARTPHONE 3.5” 4.0” 4.3” 4.5” iPhone 3GS HTC Windows Motorola Droid Nokia Lumia 920 Phone 8S RAZR M 11Thursday, November 29, 12
  • 43. SMARTPHONE 3.5” 4.0” 4.3” 4.5” 4.7” iPhone 3GS HTC Windows Motorola Droid Nokia Lumia 920 LG Nexus 4 Phone 8S RAZR M 11Thursday, November 29, 12
  • 44. 4.3” 4.5” 4.7” Motorola Droid Nokia Lumia 920 LG Nexus 4 RAZR M 12Thursday, November 29, 12
  • 45. 4.3” 4.5” 4.7” 5.3” Motorola Droid Nokia Lumia 920 LG Nexus 4 Samsung Galaxy Note RAZR M 12Thursday, November 29, 12
  • 46. 4.3” 4.5” 4.7” 5.3” 5.5” Motorola Droid Nokia Lumia 920 LG Nexus 4 Samsung Galaxy Note Samsung Galaxy Note II RAZR M 12Thursday, November 29, 12
  • 47. MOBILE Source: http://www.lukew.com/ff/entry.asp?1640 13Thursday, November 29, 12
  • 48. MOBILE Android 29% smartphones sold in last 3 months were over 4.5” Source: http://www.lukew.com/ff/entry.asp?1640 13Thursday, November 29, 12
  • 49. MOBILE Android 29% smartphones sold in last 3 months were over 4.5” 5M iPhone5 (4”) sales in first 24 hours Source: http://www.lukew.com/ff/entry.asp?1640 13Thursday, November 29, 12
  • 50. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 14Thursday, November 29, 12
  • 51. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 14Thursday, November 29, 12
  • 52. TABLET 15Thursday, November 29, 12
  • 53. TABLET 9.7” Apple iPad 15Thursday, November 29, 12
  • 54. TABLET 9.7” 10.1 ” Lenovo ThinkPad Tablet 2 Acer Iconia Tab W510 Dell Latitude 10 Dell XPS 10 Apple iPad Asus Vivo Tab RT 15Thursday, November 29, 12
  • 55. TABLET 9.7” Apple iPad 16Thursday, November 29, 12
  • 56. TABLET 8.9” 9.7” Kindle Fire HD Apple iPad 16Thursday, November 29, 12
  • 57. TABLET 7.9” 8.9” 9.7” Apple iPad Mini Kindle Fire HD Apple iPad 16Thursday, November 29, 12
  • 58. TABLET 7.0” 7.9” 8.9” 9.7” Google Nexus 7 Apple iPad Mini Kindle Fire HD Apple iPad 16Thursday, November 29, 12
  • 59. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 17Thursday, November 29, 12
  • 60. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 17Thursday, November 29, 12
  • 61. LAPTOP 18Thursday, November 29, 12
  • 62. LAPTOP 11” Apple Macbook Air 18Thursday, November 29, 12
  • 63. LAPTOP 11” 13” Apple Macbook Air Apple Macbook Air 18Thursday, November 29, 12
  • 64. LAPTOP 11” 13” 15” Apple Macbook Air Apple Macbook Air Apple Macbook Pro 18Thursday, November 29, 12
  • 65. 13” 15” Apple Macbook Air Apple Macbook Pro 19Thursday, November 29, 12
  • 66. 13” 15” 17” Apple Macbook Air Apple Macbook Pro Apple Macbook Pro 19Thursday, November 29, 12
  • 67. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 20Thursday, November 29, 12
  • 68. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 20Thursday, November 29, 12
  • 69. DESKTOP 21Thursday, November 29, 12
  • 70. DESKTOP 17” Samsung Display 21Thursday, November 29, 12
  • 71. DESKTOP 17” 19” Samsung Display Samsung Display 21Thursday, November 29, 12
  • 72. DESKTOP 17” 19” Samsung Display Samsung Display 21Thursday, November 29, 12
  • 73. 17” 19” Samsung Display Samsung Display 22Thursday, November 29, 12
  • 74. 17” 19” 21” Samsung Display Samsung Display Samsung Display 22Thursday, November 29, 12
  • 75. 23Thursday, November 29, 12
  • 76. 21.5 ” Apple iMac 23Thursday, November 29, 12
  • 77. 21.5 27.5 ” ” Apple iMac Apple iMac 23Thursday, November 29, 12
  • 78. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 24Thursday, November 29, 12
  • 79. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 24Thursday, November 29, 12
  • 80. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 24Thursday, November 29, 12
  • 81. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 24Thursday, November 29, 12
  • 82. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 25Thursday, November 29, 12
  • 83. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM 25Thursday, November 29, 12
  • 84. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP 25Thursday, November 29, 12
  • 85. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK 25Thursday, November 29, 12
  • 86. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP SIZE CONTINUUM. DESK 25Thursday, November 29, 12
  • 87. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK 26Thursday, November 29, 12
  • 88. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES 26Thursday, November 29, 12
  • 89. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 26Thursday, November 29, 12
  • 90. TABLET SMARTPHONE 27Thursday, November 29, 12
  • 91. TABLET SMARTPHONE 4.0” HTC Windows Phone 8S 27Thursday, November 29, 12
  • 92. TABLET SMARTPHONE 4.0” 7.0” HTC Windows Phone 8S Google Nexus 7 27Thursday, November 29, 12
  • 93. TABLET SMARTPHONE 4.0” 7.0” 9.7” HTC Windows Phone 8S Google Nexus 7 Apple iPad 27Thursday, November 29, 12
  • 94. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 28Thursday, November 29, 12
  • 95. LAPTOP 29Thursday, November 29, 12
  • 96. LAPTOP 11.6 ” Lenovo IdeaTab Lynx 29Thursday, November 29, 12
  • 97. LAPTOP 11.6 12.5 ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist 29Thursday, November 29, 12
  • 98. 11.6 12.5 ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist 30Thursday, November 29, 12
  • 99. 11.6 12.5 13.3 ” ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist Lenovo IdeaPad Yoga 30Thursday, November 29, 12
  • 100. 31Thursday, November 29, 12
  • 101. 12.5 ” Dell XPS 12 32Thursday, November 29, 12
  • 102. 33Thursday, November 29, 12
  • 103. 11.6 12.5 13.3 ” ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist Lenovo IdeaPad Yoga 34Thursday, November 29, 12
  • 104. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 35Thursday, November 29, 12
  • 105. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE Where do you draw the line? 35Thursday, November 29, 12
  • 106. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 35Thursday, November 29, 12
  • 107. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 36Thursday, November 29, 12
  • 108. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 37Thursday, November 29, 12
  • 109. DESKTOP 38Thursday, November 29, 12
  • 110. DESKTOP 20” Sony Tap 20 38Thursday, November 29, 12
  • 111. 39Thursday, November 29, 12
  • 112. 40Thursday, November 29, 12
  • 113. 41Thursday, November 29, 12
  • 114. DESKTOP 42Thursday, November 29, 12
  • 115. DESKTOP 21.5 ” Apple iMac 42Thursday, November 29, 12
  • 116. DESKTOP 21.5 27.5 ” ” Apple iMac Apple iMac 42Thursday, November 29, 12
  • 117. Source: http://live.leapmotion.com/about.html 43Thursday, November 29, 12
  • 118. Source: http://live.leapmotion.com/about.html 43Thursday, November 29, 12
  • 119. Source: http://live.leapmotion.com/about.html 44Thursday, November 29, 12
  • 120. Source: http://live.leapmotion.com/about.html 44Thursday, November 29, 12
  • 121. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 45Thursday, November 29, 12
  • 122. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 46Thursday, November 29, 12
  • 123. SMARTPHONE 47Thursday, November 29, 12
  • 124. SMARTPHONE 3.1” Palm Pre 47Thursday, November 29, 12
  • 125. SMARTPHONE 3.1” 3.7” Palm Pre HTC Nexus One 47Thursday, November 29, 12
  • 126. SMARTPHONE 3.1” 3.7” 4.0” Palm Pre HTC Nexus One Samsung Captivate 47Thursday, November 29, 12
  • 127. 3.7” 4.0” HTC Nexus One Samsung Captivate 48Thursday, November 29, 12
  • 128. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  • 129. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  • 130. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  • 131. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  • 132. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 49Thursday, November 29, 12
  • 133. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 50Thursday, November 29, 12
  • 134. TABLET SMARTPHONE 51Thursday, November 29, 12
  • 135. TABLET SMARTPHONE 4.0” Apple iPhone 5 51Thursday, November 29, 12
  • 136. TABLET SMARTPHONE 4.0” Apple iPhone 5 51Thursday, November 29, 12
  • 137. TABLET SMARTPHONE 4.0” 9.7” Apple iPhone 5 Apple iPad 51Thursday, November 29, 12
  • 138. TABLET SMARTPHONE 4.0” 9.7” Apple iPhone 5 Apple iPad 51Thursday, November 29, 12
  • 139. LAPTOP 9.7” Apple iPad 52Thursday, November 29, 12
  • 140. LAPTOP 9.7” 15” Apple iPad Apple Macbook Pro Retina 52Thursday, November 29, 12
  • 141. LAPTOP 9.7” 15” Apple iPad Apple Macbook Pro Retina 52Thursday, November 29, 12
  • 142. 5-inch LG display with 440ppi and 1080p resolution 53Thursday, November 29, 12
  • 143. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD 54Thursday, November 29, 12
  • 144. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD HIGH-DPI 54Thursday, November 29, 12
  • 145. MULTI-DEVICE DESIGN 1. Support a Continuum of Screens 2. Account for High Resolution 3. Optimize for Touch 4. Support Cursor & Keyboard 55Thursday, November 29, 12
  • 146. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 56Thursday, November 29, 12
  • 147. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 56Thursday, November 29, 12
  • 148. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE Limited content/ 56Thursday, November 29, 12
  • 149. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” MOBILE TABLET WEB SITE 56Thursday, November 29, 12
  • 150. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD HIGH-DPI 57Thursday, November 29, 12
  • 151. DESKTOP DESIGN & BUILD MOBILE FIRST TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM LAP DESK TOUCH/GESTURES CURSOR/KEYBOARD HIGH-DPI 57Thursday, November 29, 12
  • 152. MULTI-DEVICE DESIGN 1. Work Mobile First 2. Account for High Resolution 3. Optimize for Touch 4. Support Cursor & Keyboard 5. Support a Continuum of Screens 58Thursday, November 29, 12
  • 153. GOOD NEWS 59Thursday, November 29, 12
  • 154. GOOD NEWS You only need one Web design: a multi-device design. 59Thursday, November 29, 12
  • 155. BAD NEWS 60Thursday, November 29, 12
  • 156. BAD NEWS It’s a new & different way of doing Web design. 60Thursday, November 29, 12
  • 157. THANKS 61Thursday, November 29, 12
  • 158. THANKS @LUKEW LUKEW.COM 61Thursday, November 29, 12