1Thursday, November 29, 12
MULTI-DEVICE                     DESIGN STRATEGY                      WARM GUN 2012   LUKE WROBLEWSKI                     ...
MULTI-DEVICE                     DESIGN STRATEGY                      WARM GUN 2012   LUKE WROBLEWSKI                     ...
2Thursday, November 29, 12
4.3”         Motorola Droid            RAZR M                            2Thursday, November 29, 12
4.3”             Screen: 4.3" with 960 x 540 & 256 ppi             Browser: Chrome for Android (Chrome 18)             OS:...
4.3”         Motorola Droid            RAZR M                            2Thursday, November 29, 12
4.3”                5.5”         Motorola Droid     Samsung Galaxy            RAZR M              Note II                 ...
4.3”                5.5”                                 Screen: 5.5" with 720 x 1280 & 276 ppi                           ...
4.3”                5.5”         Motorola Droid     Samsung Galaxy            RAZR M              Note II                 ...
4.3”                5.5”              7.9”         Motorola Droid     Samsung Galaxy            RAZR M              Note I...
4.3”                5.5”              7.9”                                                   Screen: 7.9" with 768 x 1024 ...
4.3”                5.5”              7.9”         Motorola Droid     Samsung Galaxy            RAZR M              Note I...
4.3”                5.5”              7.9”          12.5                                                                 ”...
4.3”                5.5”                 7.9”                       12.5                                                  ...
4.3”                5.5”              7.9”          12.5                                                                 ”...
PC                                     Desktop Internet      Mobile Consumer               100M+                          ...
3”           5”    7”   9”   11”   13”   15”   17”   19”   21”   23”   25”       27”                                      ...
SMARTPHONE         3”           5”    7”   9”   11”   13”   15”   17”   19”   21”   23”   25”       27”                   ...
SMARTPHONE                            5Thursday, November 29, 12
SMARTPHONE                               3.5”                            iPhone 3GS                                       ...
SMARTPHONE                              3.1”        3.5”                            Palm Pre   iPhone 3GS                 ...
SMARTPHONE                              3.1”        3.5”         3.7”                            Palm Pre   iPhone 3GS   H...
SMARTPHONE         3”           5”    7”   9”   11”   13”   15”   17”   19”   21”   23”   25”       27”                   ...
TABLET  SMARTPHONE         3”           5”    7”     9”     11”   13”   15”   17”   19”   21”   23”   25”       27”       ...
TABLET                            7Thursday, November 29, 12
TABLET                              9.7”                            Apple iPad                                         7Th...
IPAD                            Source: http://www.lukew.com/ff/entry.asp?1640   8Thursday, November 29, 12
IPAD                            94%             of tablet traffic                                            May 2012     ...
IPAD                            94%             of tablet traffic                                            May 2012     ...
IPAD                            94%             of tablet traffic                                            May 2012     ...
TABLET  SMARTPHONE         3”           5”    7”     9”     11”   13”   15”   17”   19”   21”   23”   25”       27”       ...
TABLET          LAPTOP  SMARTPHONE         3”           5”    7”     9”     11”   13”   15”   17”   19”   21”   23”   25” ...
DESKTOP                                 TABLET          LAPTOP  SMARTPHONE         3”           5”    7”     9”     11”   ...
DESKTOP                                   TABLET          LAPTOP  SMARTPHONE         3”           5”      7”       9”   11...
DESKTOP                                   TABLET          LAPTOP  SMARTPHONE         3”           5”      7”       9”   11...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
SMARTPHONE                            11Thursday, November 29, 12
SMARTPHONE                            3.5”                            iPhone 3GS                                         1...
SMARTPHONE                            3.5”          4.0”                            iPhone 3GS   HTC Windows              ...
SMARTPHONE                            3.5”          4.0”           4.3”                            iPhone 3GS   HTC Window...
SMARTPHONE                            3.5”          4.0”           4.3”              4.5”                            iPhon...
SMARTPHONE                            3.5”          4.0”           4.3”              4.5”             4.7”                ...
4.3”                  4.5”             4.7”      Motorola Droid        Nokia Lumia 920   LG Nexus 4         RAZR M        ...
4.3”                  4.5”             4.7”              5.3”      Motorola Droid        Nokia Lumia 920   LG Nexus 4   Sa...
4.3”                  4.5”             4.7”              5.3”                    5.5”      Motorola Droid        Nokia Lum...
MOBILE                            Source: http://www.lukew.com/ff/entry.asp?1640   13Thursday, November 29, 12
MOBILE                        Android                            29%                                           smartphones...
MOBILE                        Android                            29%                                           smartphones...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
TABLET                            15Thursday, November 29, 12
TABLET                              9.7”                            Apple iPad                                         15T...
TABLET                              9.7”       10.1                                          ”                            ...
TABLET                              9.7”                            Apple iPad                              16Thursday, No...
TABLET                                8.9”           9.7”                            Kindle Fire HD   Apple iPad          ...
TABLET                                 7.9”             8.9”           9.7”                            Apple iPad Mini   K...
TABLET                                 7.0”             7.9”             8.9”           9.7”                            Go...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
LAPTOP                            18Thursday, November 29, 12
LAPTOP                                 11”                            Apple Macbook Air                                   ...
LAPTOP                                 11”                 13”                            Apple Macbook Air   Apple Macboo...
LAPTOP                                 11”                 13”                 15”                            Apple Macboo...
13”              15”           Apple Macbook Air   Apple Macbook Pro                                                   19T...
13”              15”                 17”           Apple Macbook Air   Apple Macbook Pro   Apple Macbook Pro              ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                      21Thursday, November 29, 12
DESKTOP                                          17”                                      Samsung Display                 ...
DESKTOP                                          17”               19”                                      Samsung Displa...
DESKTOP                                          17”               19”                                      Samsung Displa...
17”             19”             Samsung Display   Samsung Display                                                 22Thursd...
17”             19”               21”             Samsung Display   Samsung Display   Samsung Display                     ...
23Thursday, November 29, 12
21.5                              ”                            Apple iMac                                         23Thursd...
21.5         27.5                              ”            ”                            Apple iMac   Apple iMac          ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                 TABLET          LAPTOP  SMARTPHONE         3”           5”    7”     9”     11”   ...
DESKTOP                                 TABLET          LAPTOP  SMARTPHONE         3”           5”    7”     9”     11”   ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                 TABLET          LAPTOP  SMARTPHONE         3”           5”    7”     9”     11”   ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
TABLET  SMARTPHONE                                     27Thursday, November 29, 12
TABLET  SMARTPHONE                                      4.0”                                     HTC Windows              ...
TABLET  SMARTPHONE                                      4.0”              7.0”                                     HTC Win...
TABLET  SMARTPHONE                                      4.0”              7.0”          9.7”                              ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
LAPTOP                            29Thursday, November 29, 12
LAPTOP                                 11.6                                  ”                            Lenovo IdeaTab L...
LAPTOP                                 11.6                  12.5                                  ”                     ”...
11.6               12.5                     ”                  ”            Lenovo IdeaTab Lynx   Lenovo ThinkPad Twist   ...
11.6               12.5                     13.3                     ”                  ”                        ”        ...
31Thursday, November 29, 12
12.5                              ”                            Dell XPS 12                                          32Thur...
33Thursday, November 29, 12
11.6               12.5                     13.3                     ”                  ”                        ”        ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET            LAPTOP  SMARTPHONE         3”           5”     7”      9”     1...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                  TABLET            LAPTOP  SMARTPHONE         3”           5”     7”     9”     11...
DESKTOP                                      38Thursday, November 29, 12
DESKTOP                                        20”                                      Sony Tap 20                       ...
39Thursday, November 29, 12
40Thursday, November 29, 12
41Thursday, November 29, 12
DESKTOP                                      42Thursday, November 29, 12
DESKTOP                                       21.5                                        ”                               ...
DESKTOP                                       21.5         27.5                                        ”            ”     ...
Source: http://live.leapmotion.com/about.html   43Thursday, November 29, 12
Source: http://live.leapmotion.com/about.html   43Thursday, November 29, 12
Source: http://live.leapmotion.com/about.html   44Thursday, November 29, 12
Source: http://live.leapmotion.com/about.html   44Thursday, November 29, 12
DESKTOP                                  TABLET            LAPTOP  SMARTPHONE         3”           5”     7”     9”     11...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
SMARTPHONE                            47Thursday, November 29, 12
SMARTPHONE                              3.1”                            Palm Pre                                       47T...
SMARTPHONE                              3.1”        3.7”                            Palm Pre   HTC Nexus One              ...
SMARTPHONE                              3.1”        3.7”              4.0”                            Palm Pre   HTC Nexus...
3.7”                  4.0”      HTC Nexus One         Samsung Captivate                                                48T...
3.7”                  4.0”                 4.3”      HTC Nexus One         Samsung Captivate   Motorola Droid Razr        ...
3.7”                  4.0”                 4.3”      HTC Nexus One         Samsung Captivate   Motorola Droid Razr        ...
3.7”                  4.0”                 4.3”      HTC Nexus One         Samsung Captivate   Motorola Droid Razr        ...
3.7”                  4.0”                 4.3”      HTC Nexus One         Samsung Captivate   Motorola Droid Razr        ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
TABLET  SMARTPHONE                                     51Thursday, November 29, 12
TABLET  SMARTPHONE                               4.0”                            Apple iPhone 5                           ...
TABLET  SMARTPHONE                               4.0”                            Apple iPhone 5                           ...
TABLET  SMARTPHONE                               4.0”                     9.7”                            Apple iPhone 5  ...
TABLET  SMARTPHONE                               4.0”                     9.7”                            Apple iPhone 5  ...
LAPTOP                  9.7”               Apple iPad                                     52Thursday, November 29, 12
LAPTOP                  9.7”                      15”               Apple iPad            Apple Macbook Pro               ...
LAPTOP                  9.7”                      15”               Apple iPad            Apple Macbook Pro               ...
5-inch LG display with 440ppi and 1080p resolution                                                                    53Th...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
MULTI-DEVICE DESIGN         1. Support a Continuum of Screens         2. Account for High Resolution         3. Optimize f...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                  TABLET          LAPTOP  SMARTPHONE         3”           5”     7”      9”    11” ...
DESKTOP                                 TABLET            LAPTOP  SMARTPHONE         3”           5”    7”     9”     11” ...
DESKTOP                  DESIGN & BUILD MOBILE FIRST                                 TABLET            LAPTOP  SMARTPHONE ...
MULTI-DEVICE DESIGN         1. Work Mobile First         2. Account for High Resolution         3. Optimize for Touch     ...
GOOD NEWS                            59Thursday, November 29, 12
GOOD NEWS         You only need one Web design: a         multi-device design.                                           5...
BAD NEWS                            60Thursday, November 29, 12
BAD NEWS         It’s a new & different way of doing         Web design.                                               60T...
THANKS                                     61Thursday, November 29, 12
THANKS                            @LUKEW       LUKEW.COM                                                     61Thursday, N...
Upcoming SlideShare
Loading in...5
×

Luke Wroblewski, LukeW, Warm Gun 2012

6,063

Published on

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

Published in: Design
2 Comments
25 Likes
Statistics
Notes
No Downloads
Views
Total Views
6,063
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
2
Likes
25
Embeds 0
No embeds

No notes for slide

Transcript of "Luke Wroblewski, LukeW, Warm Gun 2012"

  1. 1. 1Thursday, November 29, 12
  2. 2. MULTI-DEVICE DESIGN STRATEGY WARM GUN 2012 LUKE WROBLEWSKI 1Thursday, November 29, 12
  3. 3. MULTI-DEVICE DESIGN STRATEGY WARM GUN 2012 LUKE WROBLEWSKI 1Thursday, November 29, 12
  4. 4. 2Thursday, November 29, 12
  5. 5. 4.3” Motorola Droid RAZR M 2Thursday, November 29, 12
  6. 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. 7. 4.3” Motorola Droid RAZR M 2Thursday, November 29, 12
  8. 8. 4.3” 5.5” Motorola Droid Samsung Galaxy RAZR M Note II 2Thursday, November 29, 12
  9. 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. 10. 4.3” 5.5” Motorola Droid Samsung Galaxy RAZR M Note II 2Thursday, November 29, 12
  11. 11. 4.3” 5.5” 7.9” Motorola Droid Samsung Galaxy RAZR M Note II Apple iPad Mini 2Thursday, November 29, 12
  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. 13. 4.3” 5.5” 7.9” Motorola Droid Samsung Galaxy RAZR M Note II Apple iPad Mini 2Thursday, November 29, 12
  14. 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. 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. 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. 17. PC Desktop Internet Mobile Consumer 100M+ 1B+ 10B+ 1990 2000 2010 2020 Source: Morgan Stanley Research 3Thursday, November 29, 12
  18. 18. 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 4Thursday, November 29, 12
  19. 19. SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 4Thursday, November 29, 12
  20. 20. SMARTPHONE 5Thursday, November 29, 12
  21. 21. SMARTPHONE 3.5” iPhone 3GS 5Thursday, November 29, 12
  22. 22. SMARTPHONE 3.1” 3.5” Palm Pre iPhone 3GS 5Thursday, November 29, 12
  23. 23. SMARTPHONE 3.1” 3.5” 3.7” Palm Pre iPhone 3GS HTC Nexus One 5Thursday, November 29, 12
  24. 24. SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 6Thursday, November 29, 12
  25. 25. TABLET SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 6Thursday, November 29, 12
  26. 26. TABLET 7Thursday, November 29, 12
  27. 27. TABLET 9.7” Apple iPad 7Thursday, November 29, 12
  28. 28. IPAD Source: http://www.lukew.com/ff/entry.asp?1640 8Thursday, November 29, 12
  29. 29. IPAD 94% of tablet traffic May 2012 Source: http://www.lukew.com/ff/entry.asp?1640 8Thursday, November 29, 12
  30. 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. 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. 32. TABLET SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 9Thursday, November 29, 12
  33. 33. TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 9Thursday, November 29, 12
  34. 34. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 9Thursday, November 29, 12
  35. 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. 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. 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. 38. SMARTPHONE 11Thursday, November 29, 12
  39. 39. SMARTPHONE 3.5” iPhone 3GS 11Thursday, November 29, 12
  40. 40. SMARTPHONE 3.5” 4.0” iPhone 3GS HTC Windows Phone 8S 11Thursday, November 29, 12
  41. 41. SMARTPHONE 3.5” 4.0” 4.3” iPhone 3GS HTC Windows Motorola Droid Phone 8S RAZR M 11Thursday, November 29, 12
  42. 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. 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. 44. 4.3” 4.5” 4.7” Motorola Droid Nokia Lumia 920 LG Nexus 4 RAZR M 12Thursday, November 29, 12
  45. 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. 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. 47. MOBILE Source: http://www.lukew.com/ff/entry.asp?1640 13Thursday, November 29, 12
  48. 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. 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. 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. 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. 52. TABLET 15Thursday, November 29, 12
  53. 53. TABLET 9.7” Apple iPad 15Thursday, November 29, 12
  54. 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. 55. TABLET 9.7” Apple iPad 16Thursday, November 29, 12
  56. 56. TABLET 8.9” 9.7” Kindle Fire HD Apple iPad 16Thursday, November 29, 12
  57. 57. TABLET 7.9” 8.9” 9.7” Apple iPad Mini Kindle Fire HD Apple iPad 16Thursday, November 29, 12
  58. 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. 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. 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. 61. LAPTOP 18Thursday, November 29, 12
  62. 62. LAPTOP 11” Apple Macbook Air 18Thursday, November 29, 12
  63. 63. LAPTOP 11” 13” Apple Macbook Air Apple Macbook Air 18Thursday, November 29, 12
  64. 64. LAPTOP 11” 13” 15” Apple Macbook Air Apple Macbook Air Apple Macbook Pro 18Thursday, November 29, 12
  65. 65. 13” 15” Apple Macbook Air Apple Macbook Pro 19Thursday, November 29, 12
  66. 66. 13” 15” 17” Apple Macbook Air Apple Macbook Pro Apple Macbook Pro 19Thursday, November 29, 12
  67. 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. 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. 69. DESKTOP 21Thursday, November 29, 12
  70. 70. DESKTOP 17” Samsung Display 21Thursday, November 29, 12
  71. 71. DESKTOP 17” 19” Samsung Display Samsung Display 21Thursday, November 29, 12
  72. 72. DESKTOP 17” 19” Samsung Display Samsung Display 21Thursday, November 29, 12
  73. 73. 17” 19” Samsung Display Samsung Display 22Thursday, November 29, 12
  74. 74. 17” 19” 21” Samsung Display Samsung Display Samsung Display 22Thursday, November 29, 12
  75. 75. 23Thursday, November 29, 12
  76. 76. 21.5 ” Apple iMac 23Thursday, November 29, 12
  77. 77. 21.5 27.5 ” ” Apple iMac Apple iMac 23Thursday, November 29, 12
  78. 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. 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. 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. 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. 82. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” 25Thursday, November 29, 12
  83. 83. DESKTOP TABLET LAPTOP SMARTPHONE 3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27” PALM 25Thursday, November 29, 12
  84. 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. 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. 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. 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. 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. 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. 90. TABLET SMARTPHONE 27Thursday, November 29, 12
  91. 91. TABLET SMARTPHONE 4.0” HTC Windows Phone 8S 27Thursday, November 29, 12
  92. 92. TABLET SMARTPHONE 4.0” 7.0” HTC Windows Phone 8S Google Nexus 7 27Thursday, November 29, 12
  93. 93. TABLET SMARTPHONE 4.0” 7.0” 9.7” HTC Windows Phone 8S Google Nexus 7 Apple iPad 27Thursday, November 29, 12
  94. 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. 95. LAPTOP 29Thursday, November 29, 12
  96. 96. LAPTOP 11.6 ” Lenovo IdeaTab Lynx 29Thursday, November 29, 12
  97. 97. LAPTOP 11.6 12.5 ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist 29Thursday, November 29, 12
  98. 98. 11.6 12.5 ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist 30Thursday, November 29, 12
  99. 99. 11.6 12.5 13.3 ” ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist Lenovo IdeaPad Yoga 30Thursday, November 29, 12
  100. 100. 31Thursday, November 29, 12
  101. 101. 12.5 ” Dell XPS 12 32Thursday, November 29, 12
  102. 102. 33Thursday, November 29, 12
  103. 103. 11.6 12.5 13.3 ” ” ” Lenovo IdeaTab Lynx Lenovo ThinkPad Twist Lenovo IdeaPad Yoga 34Thursday, November 29, 12
  104. 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. 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. 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. 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. 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. 109. DESKTOP 38Thursday, November 29, 12
  110. 110. DESKTOP 20” Sony Tap 20 38Thursday, November 29, 12
  111. 111. 39Thursday, November 29, 12
  112. 112. 40Thursday, November 29, 12
  113. 113. 41Thursday, November 29, 12
  114. 114. DESKTOP 42Thursday, November 29, 12
  115. 115. DESKTOP 21.5 ” Apple iMac 42Thursday, November 29, 12
  116. 116. DESKTOP 21.5 27.5 ” ” Apple iMac Apple iMac 42Thursday, November 29, 12
  117. 117. Source: http://live.leapmotion.com/about.html 43Thursday, November 29, 12
  118. 118. Source: http://live.leapmotion.com/about.html 43Thursday, November 29, 12
  119. 119. Source: http://live.leapmotion.com/about.html 44Thursday, November 29, 12
  120. 120. Source: http://live.leapmotion.com/about.html 44Thursday, November 29, 12
  121. 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. 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. 123. SMARTPHONE 47Thursday, November 29, 12
  124. 124. SMARTPHONE 3.1” Palm Pre 47Thursday, November 29, 12
  125. 125. SMARTPHONE 3.1” 3.7” Palm Pre HTC Nexus One 47Thursday, November 29, 12
  126. 126. SMARTPHONE 3.1” 3.7” 4.0” Palm Pre HTC Nexus One Samsung Captivate 47Thursday, November 29, 12
  127. 127. 3.7” 4.0” HTC Nexus One Samsung Captivate 48Thursday, November 29, 12
  128. 128. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  129. 129. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  130. 130. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  131. 131. 3.7” 4.0” 4.3” HTC Nexus One Samsung Captivate Motorola Droid Razr 48Thursday, November 29, 12
  132. 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. 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. 134. TABLET SMARTPHONE 51Thursday, November 29, 12
  135. 135. TABLET SMARTPHONE 4.0” Apple iPhone 5 51Thursday, November 29, 12
  136. 136. TABLET SMARTPHONE 4.0” Apple iPhone 5 51Thursday, November 29, 12
  137. 137. TABLET SMARTPHONE 4.0” 9.7” Apple iPhone 5 Apple iPad 51Thursday, November 29, 12
  138. 138. TABLET SMARTPHONE 4.0” 9.7” Apple iPhone 5 Apple iPad 51Thursday, November 29, 12
  139. 139. LAPTOP 9.7” Apple iPad 52Thursday, November 29, 12
  140. 140. LAPTOP 9.7” 15” Apple iPad Apple Macbook Pro Retina 52Thursday, November 29, 12
  141. 141. LAPTOP 9.7” 15” Apple iPad Apple Macbook Pro Retina 52Thursday, November 29, 12
  142. 142. 5-inch LG display with 440ppi and 1080p resolution 53Thursday, November 29, 12
  143. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 153. GOOD NEWS 59Thursday, November 29, 12
  154. 154. GOOD NEWS You only need one Web design: a multi-device design. 59Thursday, November 29, 12
  155. 155. BAD NEWS 60Thursday, November 29, 12
  156. 156. BAD NEWS It’s a new & different way of doing Web design. 60Thursday, November 29, 12
  157. 157. THANKS 61Thursday, November 29, 12
  158. 158. THANKS @LUKEW LUKEW.COM 61Thursday, November 29, 12

×