Wordcamp Hamilton talk I gave about issues with designing for mobile and various solutions. I blame web designers for breaking the web

1. RichardRudy
WordcampHamilton2013
Follow:@thezenmonkey#mobilephant
Monday, 24 June, 13

2. themobilesized
intheroom
RichardRudy-WordcampHamilton2013
#mobilephant
Monday, 24 June, 13

3. #WCHamOnt
#mobilephantgotomarketers.com
mobile=
Monday, 24 June, 13

4. #WCHamOnt
#mobilephantgotomarketers.com
whydowecare?
Monday, 24 June, 13

5. #WCHamOnt
#mobilephantgotomarketers.com
2011
371K/day
378KiPhones
562KiOSDevices
700KAndroidDevices
200KNokiaSmartphone
243KBlackberries
1.45MDevices/Day
http://www.lukew.com/ff/entry.asp?1728
Monday, 24 June, 13

6. #WCHamOnt
#mobilephantgotomarketers.com
2012
371K/day
572KiPhones
916KiOSDevices
2.4AndroidDevices
247KNokiaSmartphone
66KBlackberries
3.6MDevices/Day
http://www.lukew.com/ff/entry.asp?1728
Monday, 24 June, 13

7. #WCHamOnt
#mobilephantgotomarketers.com
2012
3.6MDevices/Day
http://www.lukew.com/ff/entry.asp?1728
2011
1.45MDevices/Day
Monday, 24 June, 13

8. #WCHamOnt
#mobilephantgotomarketers.com
whydowecare?
Monday, 24 June, 13

9. #WCHamOnt
#mobilephantgotomarketers.com
whydoweneedtodealwithmobile?
Monday, 24 June, 13

10. #WCHamOnt
#mobilephantgotomarketers.com
becauseWEbroketheweb
Monday, 24 June, 13

11. #WCHamOnt
#mobilephantgotomarketers.com
Monday, 24 June, 13

12. #WCHamOnt
#mobilephantgotomarketers.com
Monday, 24 June, 13

13. #WCHamOnt
#mobilephantgotomarketers.com
considerations
Monday, 24 June, 13

14. #WCHamOnt
#mobilephantgotomarketers.com
considerations
smallerscreens
Monday, 24 June, 13

15. #WCHamOnt
#mobilephantgotomarketers.com
considerations
largerinputdevice
Monday, 24 June, 13

16. #WCHamOnt
#mobilephantgotomarketers.com
considerations
differentinteractionparadigms
Monday, 24 June, 13

17. #WCHamOnt
#mobilephantgotomarketers.com
considerations
context
Monday, 24 June, 13

18. #WCHamOnt
#mobilephantgotomarketers.com
considerations
networkspeed
Monday, 24 June, 13

19. #WCHamOnt
#mobilephantgotomarketers.com
considerations
seo
Monday, 24 June, 13

20. #WCHamOnt
#mobilephantgotomarketers.com
considerations
artdirection
Monday, 24 June, 13

21. #WCHamOnt
#mobilephantgotomarketers.com
options
Monday, 24 June, 13

22. #WCHamOnt
#mobilephantgotomarketers.com
options
SeparateMobileSite
Monday, 24 June, 13

23. #WCHamOnt
#mobilephantgotomarketers.com
options
ResponsiveDesign
Monday, 24 June, 13

24. #WCHamOnt
#mobilephantgotomarketers.com
options
ReSS
ResponsivewithServerSidecomponents
Monday, 24 June, 13

25. #WCHamOnt
#mobilephantgotomarketers.com
options
ScrewIt!
Monday, 24 June, 13

26. #WCHamOnt
#mobilephantgotomarketers.com
SeparateMobileSite
buildaseparatesite
useaservicelikeWirenode
Monday, 24 June, 13

27. #WCHamOnt
#mobilephantgotomarketers.com
SeparateMobileSite
Benefits
• OptimizedMobileExperience
• HighlyCustomizableLayout
• Canbefairlyautomated
• CanAddressArtDirectorDilemma
Problems
• SeparateURLStructure
• LinksMayNotBeSharableAcrossDevices
• SEOHeadaches
• RequiresMaintainingTwoSetsofContent
• RequiresMaintainingTwoCodeBases
• MonthlyFeeifUsingaService
• .mobiandm.domainseemantiquated
Monday, 24 June, 13

28. #WCHamOnt
#mobilephantgotomarketers.com
HTML5+CSS3
manyWordpresstemplateoptions
ResponsiveDesign
customtheme
useaframeworklikeBootstraporFoundation
intentional.js
Monday, 24 June, 13

29. #WCHamOnt
#mobilephantgotomarketers.com
ResponsiveDesign
Benefits
• OneCodebase
• OneContentSource
• LinksAreSharable
• SameURL:NoSharingorSEOIssues
• AllInBrowserSoIt’sOnlyFront-endDevWork
Problems
• Can’tAddressArtDirectorDilemma(Yet)
• CanMakeforHeavyPages
• ResponsiveImages
• Sometimesyouneedtorepeatandhideelements
• SpecIsn’tFinished
• TestingSuites
Monday, 24 June, 13

30. #WCHamOnt
#mobilephantgotomarketers.com
ReSS
WPtouch
RollYourOwn
AdaptiveImages
COPE
CreateOncePublishEverywhere
Monday, 24 June, 13

31. #WCHamOnt
#mobilephantgotomarketers.com
ReSS
Benefits
• OneContentSource
• LinksAreSharable
• NoSEOIssues
• CanSolveArtDirectorsDilemma
• OptimizesPayload
• AddressNetworkIssue
Problems
• NeedsBothFront-endandBack-endComponents
• CanComplicatesYourIA
• Up-frontCost+Maintenance
• TestingSuites
Monday, 24 June, 13

32. #WCHamOnt
#mobilephantgotomarketers.com
options
SeparateMobileSite
ResponsiveDesign
ReSS
Monday, 24 June, 13

33. #WCHamOnt
#mobilephantgotomarketers.com
ThankYou
AllIconsfromTheNounProject(http://thenounproject.com)
ElephantdesignedbyAdrijanKaravdicfromTheNounProject
iPad fromTheNounProject
Watch fromTheNounProject
Follow:@thezenmonkey#mobilephant
Monday, 24 June, 13