Building a Mobile Device Lab

Mobile Camp Chicago - April, 2015

Each new release of the latest phone or tablet comes with it the need to guarantee your site will work on it. All the different devices, screen sizes, browsers and operating systems make it impossible to test everything. Yet nothing compares to pinching and scrolling on a physical device and seeing how your code reacts.

In this session, we'll look at what to consider when building a test lab of devices on a limited budget, how to make it as usable as possible for your team, and what tools can help with testing when a physical device either isn't available or even an option.

Transcript

1. Mobile  Camp  Chicago   April,  2015 Mark  Meeker   @meeker BUILDING A MOBILE DEVICE LAB
2.         
3. ? Device Lab
5. Device Lab • Mobile traffic continues to grow • Can’t rely on team’s personal devices • More devices • More Operating Systems • More sizes
6. Device Lab • Recreate the end-user experience • Test reported bugs • Find bugs before they are reported • Design and develop on the device • Account for differences
7. Device Lab • Design for touch • Use soft keyboard • Test download speeds • Context matters • Accuracy in testing
8. Devices
9. Review Traffic Omniture Google Analytics
10. Device Make • Apple iPhone • Apple iPad • Galaxy S5 • Galaxy S6 • Galaxy Note 4 • Droid • Nexus 7 • HTC One • Kindle Fire HD • Galaxy Note 3 • Apple iPod Touch • …
11. OS Versions http://developer.android.com/about/dashboards/index.html
12. OS Versions http://david-smith.org/iosversionstats/
13. Screen Sizes http://developer.android.com/about/dashboards/index.html
14. Geography
15. Buying Operating System Screen Size Pixel Density Device Make Cost Disk Space Color
16. 80 / 20 to cover ... • Operating Systems • Screen Sizes • Pixel Densities • Problem Devices (Fire, Android 2.x, 4.0)
17. Considerations • Wi-Fi • Limited use for data service • No contract • Used works just fine • Revisit list quarterly
18. iPod Touch • (A lot) less expensive • Retina • Great for iOS Betas • But, no GPS
19. Shopping List iPad 3gen $229.00 iPod Touch $199.99 Galaxy S4 $224.00 Moto E $119.00 Galaxy Tab 3 $179.00 Nokia Lumia 520 $39.99 gazelle.com apple.com ebay.com motorola.com staples.ccom amazon.com
20. iPad 3gen $229.00 iPod Touch $199.99 Galaxy S4 $224.00 Moto E $119.00 Galaxy Tab 3 $179.00 Nokia Lumia 520 $39.99 gazelle.com apple.com ebay.com motorola.com staples.ccom amazon.com $990.98 Shopping List
21. Device OS Version Type Size Resolution Retina Apple iPhone 5S iOS 8.3 phone 4.9 568x320 X Apple iPod Touch iOS 8.4 phone 4.9 568x320 X Apple iPad Mini iOS 8.3 tablet 7.9 1024x768 X Apple iPad Air 2 iOS 8.3 tablet 9.4 1024x768 X Moto G Android 4.4 phone 4.5 640x360 X Nexus 4 Android 4.2 phone 4.7 640x384 X Galaxy Tab 4 Android 4.4 tablet 7.0 1280x800 Galaxy Tab 3 Android 4.1 tablet 7.0 1024x600 Lumia 520 Windows 8 phone 4.0 800x480 Lenovo IdeaTab Windows 8.01 tablet 10.0 1280x800 Amazon Kindle HD Fire OS 4.0 tablet 7.0 1280x800 ZTE Open Firefox 1.0 phone 3.5 480x320
22. For “Fun”
24. Setup
25. Setup
26. Skip Activation
27. Browsers
28. UIWebView
29. DEV1 Start Page DEV2 QA STAGING PRODUCTION Start Page
30.  Power
32. Etsy Power
33. Power
35. Power http://amzn.com/B00FH2ALLE
36. Power http://amzn.com/B00FH2ALLE
37. Timer http://amzn.com/B002K8M9HM
38. Ǎ Network
39. Your password will expire in 1 days. To avoid disruption please change your password by clicking here - Friendly IT Staff Login Yourself
40. Laptop Bridge
41. Shared User
42. Private Network • Hidden SSID • Access to public internet • Access to dev environments • Access to testing environments • No access to corporate
43. Connection Limit
44. Storage
45. Griffin Multi-Dock
46. Vanamco DeviceLab
47. Anker Desktop Charging Station
48. Etsy (v1)
49. Etsy (v2)
50. Etsy (v3)
51. StyleCampaign
52. Helsinki Open Device Lab
53. Hamburg Open Device Lab
54. ted.com
55. 64 Digital
56. Smashing Magazine
57. Google I/O
58. Enova
59. Filament Group
60. Organization
61. iPhone 5S iOS 8.3 568x320 retina Labels
62. Extra Cables
63. Tag Cables
64. Logging
65. Logging
66. Logging https://codeascraft.com/2014/06/24/device-lab-checkout-rfid-style/
67. Accounts
68. Accounts • Shared Accounts • No Credit Cards
69. Email
70. Email • Setup shared email account • Setup email client(s) • Send screenshots • Receive test emails
71. Emulation
72. Emulation
73. iPhone Simulator [right click] > “show package contents” contents > applications > iOS Simulator
75. Opera Mobile
77. Link Conditioner
78. Software
84. Phone Desktop
85. Phone Desktop
86. Phone Desktop
87. Ghostlab
89. Mark  Meeker   @meeker Thank You! http://speakerdeck.com/meeker/building-a-mobile-device-lab