Download - Web Engagement for the Mobile Era
![Page 1: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/1.jpg)
ARTISANS OF OPEN SOURCE
Web Engagement for the Mobile Era
Russ Danner, Sr. Architect
Rivet Logic Corporation 11410 Isaac Newton Square N. Suite 210 Reston, VA 20190 Ph: 703.955.3480 Fax: 703.234.7711
Presented By
Russ Danner Sr. Architect / Engagement Director Rivet Logic Corporation
![Page 2: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/2.jpg)
ARTISANS OF OPEN SOURCE
Rivet Logic
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 2
• Award-winning professional services focused on: o Web Experience Management o Enterprise Content Management o Collaboration and Social Communities
• Using Leading Open Source Software
![Page 3: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/3.jpg)
ARTISANS OF OPEN SOURCE
Agenda
• Driving factors • Keys for going mobile • Best practices • Technical Readiness • Demo • Questions
Copyright © 2011. Rivet Logic Corporation. All rights reserved. 3
![Page 4: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/4.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 4
Foundational Shifts
![Page 5: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/5.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 5
Social
![Page 6: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/6.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 6
Local
![Page 7: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/7.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 7
Mobile
![Page 8: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/8.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 8
Re-enforcing Trends
Mobile
Social Local
![Page 9: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/9.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 9
A new era is upon us
![Page 10: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/10.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 10
The Tipping Point
![Page 11: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/11.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 11
Begin Adapting Today
![Page 12: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/12.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 12
Social Trends
![Page 13: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/13.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 13
Social Trends
![Page 14: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/14.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 14
Local / Personal Trends
![Page 15: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/15.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 15
Local Trends
![Page 16: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/16.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 16
Mobile Trends
![Page 17: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/17.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 17
Mobile Trends
![Page 18: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/18.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 18
Putting the pieces together
![Page 19: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/19.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 19
Keys to going Mobile
![Page 20: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/20.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 20
Key: Take a “Mobile First” Strategy
![Page 21: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/21.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 21
What do your Analytics say?
![Page 22: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/22.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 22
View Constraints
![Page 23: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/23.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 23
View Constraints
![Page 24: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/24.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 24
Not optimized for Mobile
![Page 25: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/25.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 25
Optimized for Mobile
![Page 26: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/26.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 26
Premium on performance
![Page 27: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/27.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 27
Key: Get user focused
![Page 28: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/28.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 28
Key: Remember new use profile
![Page 29: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/29.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 29
Key: Leverage unique capabilities
![Page 30: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/30.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 30
Key: Commit to mobile
![Page 31: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/31.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 31
Key: Create New, don’t port
![Page 32: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/32.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 32
Key: Best Practices
![Page 33: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/33.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 33
Practice: Single Platform, Multi-channel
![Page 34: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/34.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 34
Practice: Markup matters
![Page 35: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/35.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 35
Practice: Define target resolutions ranges
![Page 36: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/36.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 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.
![Page 37: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/37.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 37
Practice: Use HTML5
![Page 38: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/38.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 38
Practice: Use Sprites
![Page 39: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/39.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 39
Practice: Consolidate and Compress Code
![Page 40: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/40.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 40
Technical Readiness
![Page 41: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/41.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 41
Multi-Channel Authoring
![Page 42: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/42.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 42
Single Content, Many Templates
![Page 43: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/43.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 43
Multi-channel Review (Preview)
![Page 44: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/44.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 44
Multi-channel Publishing
![Page 45: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/45.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 45
WCM: Alfresco + Crafter rivet
![Page 46: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/46.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 46
High level Architecture
delivery
studio
![Page 47: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/47.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 47
Demo
DEMO
![Page 48: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/48.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 48
Learn More:
www.rivetlogic.com
www.crafterrivet.org
![Page 49: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/49.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 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
![Page 50: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/50.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 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
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
What do your Analytics say?
![Page 51: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/51.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 51
Backup Demo Slides
![Page 52: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/52.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 52
Alfresco Share
![Page 53: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/53.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 53
Dashboard
![Page 54: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/54.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 54
Author Content
![Page 55: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/55.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 55
View as iPhone
![Page 56: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/56.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 56
In context preivew
![Page 57: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/57.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 57
Backup Slides
![Page 58: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/58.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 58
![Page 59: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/59.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 59
![Page 60: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/60.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 60
Social Trends
Social is now the #1 internet activity
![Page 61: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/61.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 61
Social Trends
96% of people between 18 and 30 years old have joined a social network
![Page 62: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/62.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 62
Social Trends
Facebook handles more traffic in a week than Google
![Page 63: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/63.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 63
Local Trends
![Page 64: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/64.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 64
Mobile Trends
![Page 65: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/65.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 65
Mobile Trends
![Page 66: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/66.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 66
Location Services
![Page 67: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/67.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 67
Video
![Page 68: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/68.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 68
Gestures
![Page 69: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/69.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 69
Camera
![Page 70: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/70.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 70
Microphone
![Page 71: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/71.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 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
![Page 72: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/72.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 72
“Pixels are not Pixels are not Pixels”
![Page 73: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/73.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 73
HTML5
![Page 74: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/74.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 74
CDN
![Page 75: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/75.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 75
Look like your homepage?
![Page 76: Web Engagement for the Mobile Era](https://reader030.vdocuments.site/reader030/viewer/2022032514/55d4f333bb61ebeb6b8b4664/html5/thumbnails/76.jpg)
ARTISANS OF OPEN SOURCE Copyright © 2011. Rivet Logic Corporation. All rights reserved. 76
Performance is Critical