5. 4.3โ
Motorola Droid
RAZR M
2
Thursday, 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
2
Thursday, November 29, 12
7. 4.3โ
Motorola Droid
RAZR M
2
Thursday, November 29, 12
8. 4.3โ 5.5โ
Motorola Droid Samsung Galaxy
RAZR M Note II
2
Thursday, 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 (modi๏ฌed)
Motorola Droid Samsung Galaxy
RAZR M Note II
2
Thursday, November 29, 12
10. 4.3โ 5.5โ
Motorola Droid Samsung Galaxy
RAZR M Note II
2
Thursday, November 29, 12
11. 4.3โ 5.5โ 7.9โ
Motorola Droid Samsung Galaxy
RAZR M Note II Apple iPad Mini
2
Thursday, 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
2
Thursday, November 29, 12
13. 4.3โ 5.5โ 7.9โ
Motorola Droid Samsung Galaxy
RAZR M Note II Apple iPad Mini
2
Thursday, 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
2
Thursday, 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
2
Thursday, 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
2
Thursday, November 29, 12
17. PC Desktop Internet Mobile Consumer
100M+ 1B+ 10B+
1990 2000 2010 2020
Source: Morgan Stanley Research 3
Thursday, November 29, 12
27. TABLET
9.7โ
Apple iPad
7
Thursday, November 29, 12
28. IPAD
Source: http://www.lukew.com/ff/entry.asp?1640 8
Thursday, November 29, 12
29. IPAD
94% of tablet traffic
May 2012
Source: http://www.lukew.com/ff/entry.asp?1640 8
Thursday, 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 8
Thursday, 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 8
Thursday, November 29, 12
39. SMARTPHONE
3.5โ
iPhone 3GS
11
Thursday, November 29, 12
40. SMARTPHONE
3.5โ 4.0โ
iPhone 3GS HTC Windows
Phone 8S
11
Thursday, November 29, 12
41. SMARTPHONE
3.5โ 4.0โ 4.3โ
iPhone 3GS HTC Windows Motorola Droid
Phone 8S RAZR M
11
Thursday, 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
11
Thursday, 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
11
Thursday, November 29, 12
44. 4.3โ 4.5โ 4.7โ
Motorola Droid Nokia Lumia 920 LG Nexus 4
RAZR M
12
Thursday, 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
12
Thursday, 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
12
Thursday, November 29, 12
47. MOBILE
Source: http://www.lukew.com/ff/entry.asp?1640 13
Thursday, 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 13
Thursday, November 29, 12
49. MOBILE Android
29%
smartphones sold
in last 3 months
were over 4.5โ
5M iPhone5 (4โ)
sales in ๏ฌrst 24
hours
Source: http://www.lukew.com/ff/entry.asp?1640 13
Thursday, 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
14
Thursday, 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
14
Thursday, 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
35
Thursday, 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?
35
Thursday, 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
35
Thursday, 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
55
Thursday, 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
56
Thursday, 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
56
Thursday, 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/
56
Thursday, 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
56
Thursday, 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
57
Thursday, 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
58
Thursday, November 29, 12