People in today's on-the-go world rely on mobile devices for accessing a variety of information. Mobile consumption of Web properties is on track to overtake conventional desktop access by 2013. To achieve optimal customer engagement, enterprises need to focus on Web engagement for the mobile channel now more than ever before. This presentation explores how mobile can be seamlessly woven into a Web engagement strategy, how to effectively deliver content across a multi-channel infrastructure with a particular emphasis on mobile devices, and how Alfresco and Crafter rivet can make it happen.

1. Web Engagement for the Mobile Era
Russ Danner, Sr. Architect
Presented By
Rivet Logic Corporation Russ Danner
11410 Isaac Newton Square N. Sr. Architect / Engagement Director
Suite 210 Rivet Logic Corporation
Reston, VA 20190
Ph: 703.955.3480 Fax: 703.234.7711
ARTISANS OF OPEN SOURCE

2. Rivet Logic
• Award-winning professional services focused on:
o Web Experience Management
o Enterprise Content Management
o Collaboration and Social Communities
• Using Leading Open Source Software
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 2 ARTISANS OF OPEN SOURCE

3. Agenda
• Driving factors
• Keys for going mobile
• Best practices
• Technical Readiness
• Demo
• Questions
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 3 ARTISANS OF OPEN SOURCE

4. Foundational Shifts
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 4 ARTISANS OF OPEN SOURCE

5. Social
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 5 ARTISANS OF OPEN SOURCE

6. Local
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 6 ARTISANS OF OPEN SOURCE

7. Mobile
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 7 ARTISANS OF OPEN SOURCE

8. Re-enforcing Trends
Mobile
Social Local
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 8 ARTISANS OF OPEN SOURCE

9. A new era is upon us
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 9 ARTISANS OF OPEN SOURCE

10. The Tipping Point
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 10 ARTISANS OF OPEN SOURCE

11. Begin Adapting Today
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 11 ARTISANS OF OPEN SOURCE

12. Social Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 12 ARTISANS OF OPEN SOURCE

13. Social Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 13 ARTISANS OF OPEN SOURCE

14. Local / Personal Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 14 ARTISANS OF OPEN SOURCE

15. Local Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 15 ARTISANS OF OPEN SOURCE

16. Mobile Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 16 ARTISANS OF OPEN SOURCE

17. Mobile Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 17 ARTISANS OF OPEN SOURCE

18. Putting the pieces together
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 18 ARTISANS OF OPEN SOURCE

19. Keys to going Mobile
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 19 ARTISANS OF OPEN SOURCE

20. Key: Take a Mobile First Strategy
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 20 ARTISANS OF OPEN SOURCE

21. What do your Analytics say?
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 21 ARTISANS OF OPEN SOURCE

22. View Constraints
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 22 ARTISANS OF OPEN SOURCE

23. View Constraints
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 23 ARTISANS OF OPEN SOURCE

24. Not optimized for Mobile
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 24 ARTISANS OF OPEN SOURCE

25. Optimized for Mobile
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 25 ARTISANS OF OPEN SOURCE

26. Premium on performance
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 26 ARTISANS OF OPEN SOURCE

27. Key: Get user focused
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 27 ARTISANS OF OPEN SOURCE

28. Key: Remember new use profile
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 28 ARTISANS OF OPEN SOURCE

29. Key: Leverage unique capabilities
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 29 ARTISANS OF OPEN SOURCE

30. Key: Commit to mobile
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 30 ARTISANS OF OPEN SOURCE

31. Key: Create New, don’t port
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 31 ARTISANS OF OPEN SOURCE

32. Key: Best Practices
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 32 ARTISANS OF OPEN SOURCE

33. Practice: Single Platform, Multi-channel
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 33 ARTISANS OF OPEN SOURCE

34. Practice: Markup matters
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 34 ARTISANS OF OPEN SOURCE

35. Practice: Define target resolutions ranges
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 35 ARTISANS OF OPEN SOURCE

36. Practice: Touch targets sizes
Targets designed for slipping fingers:
Drag and release inside the green
area and the target should activate.
Let go outside the green area and
the target should cancel.
If you hold the target, the target
should simply highlight.
Avoid hover pop-ups, they don t
work very well in the mobile
context.
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 36 ARTISANS OF OPEN SOURCE

37. Practice: Use HTML5
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 37 ARTISANS OF OPEN SOURCE

38. Practice: Use Sprites
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 38 ARTISANS OF OPEN SOURCE

39. Practice: Consolidate and Compress Code
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 39 ARTISANS OF OPEN SOURCE

40. Technical Readiness
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 40 ARTISANS OF OPEN SOURCE

41. Multi-Channel Authoring
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 41 ARTISANS OF OPEN SOURCE

42. Single Content, Many Templates
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 42 ARTISANS OF OPEN SOURCE

43. Multi-channel Review (Preview)
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 43 ARTISANS OF OPEN SOURCE

44. Multi-channel Publishing
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 44 ARTISANS OF OPEN SOURCE

45. WCM: Alfresco + Crafter rivet
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 45 ARTISANS OF OPEN SOURCE

46. High level Architecture
studio
delivery
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 46 ARTISANS OF OPEN SOURCE

47. Demo
DEMO
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 47 ARTISANS OF OPEN SOURCE

48. Learn More:
sales@rivetlogic.com
www.rivetlogic.com
www.crafterrivet.org
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 48 ARTISANS OF OPEN SOURCE

49. Source References
 http://www.facebook.com/press/info.php?statistics
 http://www.socialnomics.net/2010/05/05/social-media-revolution-2-refresh/
 http://bynd.com/wp-content/uploads/2011/05/social_loco_infographic_vSCREEN.png
 http://www.wsiwebsmart.com/_blog/Blog/post/Do_You_Have_a_Mobile_Marketing_Strategy
 http://blog.kissmetrics.com/loading-time/
 http://www.lukew.com/ff/entry.asp?933
 http://www.lukew.com/ff/entry.asp?1479
 http://websmx.com/dme/?Workshops:Web_Development:Mobile_Development_Primer
 http://www.abookapart.com/products/mobile-first
 http://www.email-marketing-reports.com/wireless-mobile/smartphone-statistics.htm#smartphones
 http://www.mobileadvertisingbook.com/mobile-advertising/how-many-smartphones-are-there-in-the-us
 http://mobithinking.com
 http://www.digitalbuzzblog.com
 http://tag.microsoft.com/home.aspx
 http://www.onlinemarketing-trends.com/2011/07/yelp-celebrates-20-million-reviews.html
 http://money.cnn.com/2010/03/16/technology/facebook_most_visited/
 http://liesdamnedliesstatistics.com/2010/09/social-network-advertising-to-hit-4-2-billion-next-year.html
 http://www.socialmediadd.com/Articles.asp?ID=247
 Data noted from comscore and hitwise
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 49 ARTISANS OF OPEN SOURCE

50. Photo References
Foundational Shifts
iStock_000006018710XSmall.jpg
http://www.istockphoto.com/stock-photo-6018710-seismograph-machine-room-angle-view.php?st=585022d
Social
iStock_000013182843XSmall.jpg
http://www.istockphoto.com/stock-photo-13182843-teamwork-communication.php?st=58b6ac2
iStock_000000536442XSmall.jpg
http://www.istockphoto.com/stock-photo-536442-technology.php?st=cfbf01c
Local
iStock_000011944524XSmall.jpg
http://www.istockphoto.com/stock-photo-11944524-business-people.php?st=2924205
Stock_000018624861XSmall.jpg
http://www.istockphoto.com/stock-photo-18624861-my-location-app-on-iphone-4.php?st=53e44de
Mobile
iStock_000018500151XSmall.jpg
http://www.istockphoto.com/stock-photo-18500151-apple-ipad-and-iphone-4.php?st=d899090
Re-enforcing Trends
Original, Rivet Logic
The Tipping Point
http://4.bp.blogspot.com/-OFj9BGCasIY/TmLQt6qmJDI/AAAAAAAAArc/YLHC4CtaS6g/s1600/tipping+point+illustration.jpg
http://baroneenglish.blogspot.com/2011/09/what-if-we-could-be-tipping-point.html
Slide 10:Begin Adapting Today
iStock_000013010529XSmall.jpg
http://www.istockphoto.com/stock-photo-13010529-monarch-butterfly-emerging-from-it-s-chrysalis.php?st=a624be5
Social Trends
Source: http://blog.kissmetrics.com/social-media-statistics/, http://www.socialnomics.net/2011/09/01/social-media-growth-infographic/
Social Trends
unknown
Local Trends
iStock_000005167835XSmall.jpg
http://www.istockphoto.com/stock-photo-5167835-surfing-in-the-rain.php?st=767dc94
Local Trends
http://bynd.com/wp-content/uploads/2011/05/social_loco_infographic_vSCREEN.png
Mobile Trends
http://www.wsiwebsmart.com/_blog/Blog/post/Do_You_Have_a_Mobile_Marketing_Strategy/
Mobile Trends
Unknown
Putting the pieces together
iStock_000017955906XSmall.jpg
http://www.istockphoto.com/stock-photo-17955906-last-puzzle-piece.php?st=a254387
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 50 ARTISANS OF OPEN SOURCE
Keys to going Mobile
http://www.istockphoto.com/stock-photo-17273059-apple-ipad-amp-iphone-apps.php?st=0659ec3
Take a “Mobile First” Strategy
iStock_000017362545XSmall.jpg
http://www.istockphoto.com/stock-photo-17362545-mile-one.php?st=c71a80b

51. Backup Demo Slides
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 51 ARTISANS OF OPEN SOURCE

52. Alfresco Share
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 52 ARTISANS OF OPEN SOURCE

53. Dashboard
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 53 ARTISANS OF OPEN SOURCE

54. Author Content
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 54 ARTISANS OF OPEN SOURCE

55. View as iPhone
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 55 ARTISANS OF OPEN SOURCE

56. In context preivew
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 56 ARTISANS OF OPEN SOURCE

57. Backup Slides
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 57 ARTISANS OF OPEN SOURCE

58. Copyright © 2011. Rivet Logic Corporation. All rights reserved. 58 ARTISANS OF OPEN SOURCE

59. Copyright © 2011. Rivet Logic Corporation. All rights reserved. 59 ARTISANS OF OPEN SOURCE

60. Social Trends
Social is now the #1 internet activity
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 60 ARTISANS OF OPEN SOURCE

61. Social Trends
96% of people between 18 and 30
years old have joined a social network
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 61 ARTISANS OF OPEN SOURCE

62. Social Trends
Facebook handles more traffic in a
week than Google
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 62 ARTISANS OF OPEN SOURCE

63. Local Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 63 ARTISANS OF OPEN SOURCE

64. Mobile Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 64 ARTISANS OF OPEN SOURCE

65. Mobile Trends
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 65 ARTISANS OF OPEN SOURCE

66. Location Services
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 66 ARTISANS OF OPEN SOURCE

67. Video
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 67 ARTISANS OF OPEN SOURCE

68. Gestures
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 68 ARTISANS OF OPEN SOURCE

69. Camera
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 69 ARTISANS OF OPEN SOURCE

70. Microphone
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 70 ARTISANS OF OPEN SOURCE

71. Touch Targets
Touch target size should be:
Generally: 35px by 35px or 9mm
Minimum: 26px of 7mm
Spacing between targets
Minimum: 8px or 2 mm
Visual targets should be no less than 60%
of the target size
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 71 ARTISANS OF OPEN SOURCE

72. Pixels are not Pixels are not Pixels
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 72 ARTISANS OF OPEN SOURCE

73. HTML5
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 73 ARTISANS OF OPEN SOURCE

74. CDN
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 74 ARTISANS OF OPEN SOURCE

75. Look like your homepage?
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 75 ARTISANS OF OPEN SOURCE

76. Performance is Critical
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 76 ARTISANS OF OPEN SOURCE