Mobile IS Mainstream             Bryan House             VP Marketing             Acquia             @bryanhouse
Agenda• Context• Content for interactive experiences• Approaches to mobile content delivery• Summary                      ...
Context          Desktop                    © 2011 Acquia, Inc. All rights reserved.
Context          Mobile Apps                        © 2011 Acquia, Inc. All rights reserved.
Context          Smart phone browsers                                 © 2011 Acquia, Inc. All rights reserved.
Context          Mobile device browsers                                   © 2011 Acquia, Inc. All rights reserved.
Context          Tablet Apps                        © 2011 Acquia, Inc. All rights reserved.
Context          Tablet Browsers                            © 2011 Acquia, Inc. All rights reserved.
Drupal is uniquely capable ofaddressing a broad range ofcontent needs across multiplemobile device platforms              ...
Content for Interactive, Mobile Experiences                                       © 2011 Acquia, Inc. All rights reserved.
Content for Interactive, Mobile Experiences                                             Ad banners  Breaking  News Story  ...
Content for Interactive, Mobile Experiences                                             Ad banners                        ...
BreakingNews Story               Ad banners               Upcoming                Events“What’s Hot”                   Soc...
Content TypesBreakingNews Story  Content Type   Fields                 • Title    Article      • Author                 • ...
Nodes & Content Types                 Breaking                 News StoryContent Type   Fields           Nodes   Views    ...
How Drupal Manages Users  Administrator         Authenticated                    Anonymous                            User...
© 2011 Acquia, Inc. All rights reserved.
© 2011 Acquia, Inc. All rights reserved.
© 2011 Acquia, Inc. All rights reserved.
Services-based CMS Can Power It All                                      © 2011 Acquia, Inc. All rights reserved.
What’s the Best Approach to Mobile?• What are your user experience needs?• How fast do you need to deploy mobile sites?• W...
ns     Architecture Options                             CMS                            Database                           ...
ns     Architecture Options                     Reverse Proxy      Responsive Design     Separate Themes                  ...
ns     Architecture Options         Applications   Reverse Proxy      Responsive Design     Separate Themes               ...
Reverse Proxy OptionsPros• Fastest solution: launch quickly.• Rapid development and iteration.• Independent and non-disrup...
Reverse Proxy OptionsRecommended use cases• Delivering the same content, just redesigned  and trimmed-down.• Rapid deploym...
Mobify: Case studyWired            Desktop   iPhone                      © 2011 Acquia, Inc. All rights reserved.
Mobify: Case studyThreadless             Desktop   iPhone                       © 2011 Acquia, Inc. All rights reserved.
Mobify: Case studyThe New Yorker             Desktop   iPhone                       © 2011 Acquia, Inc. All rights reserved.
Responsive designPros• Flexible.• Greatly reuse same work repeatedly.• Relatively quick to setup and deploy.  Not too many...
Responsive designRecommended use cases• Blogs, marketing, event sites.• Targeting wide variety of devices with the  same c...
Responsive design: Case studyFour Kitchens                    Desktop                                © 2011 Acquia, Inc. A...
Responsive design: Case studyFour Kitchens            iPad                iPhone                                     © 201...
Responsive design: Case studyLaunchKit                    Desktop                                © 2011 Acquia, Inc. All r...
Responsive design: Case studyLaunchKit            iPad                iPhone                                     © 2011 Ac...
Mobile ToolsPros• Relatively low learning curve• Use familiar technology and workflows• Flexible device detection and redir...
Mobile ToolsRecommended use cases• Targeted, uniquely mobile experience across a  wide variety of devices, using existing ...
Mobile Tools: Case studyGreen Map             Desktop       iPhone                           © 2011 Acquia, Inc. All right...
Mobile Tools: Case study7x7SF             Desktop       iPhone                           © 2011 Acquia, Inc. All rights re...
Mobile Tools: Case studyNew Hope 360               Desktop     iPhone                           © 2011 Acquia, Inc. All ri...
Mobile Tools: Case studyATT Mobile                     iPhone                              © 2011 Acquia, Inc. All rights ...
AppsPros• Fast, light-weight, controlled user experience.• Some solid tools for development on both sides  (app and Drupal...
AppsRecommended use cases• Experience targeted at specific device capabilities.• Context requiring deeper access to device ...
Apps: Case studyDrupalCon Chicago                    © 2011 Acquia, Inc. All rights reserved.
Apps: Case studyFringeFest                   © 2011 Acquia, Inc. All rights reserved.
Apps: Case studyBeerCloud                   © 2011 Acquia, Inc. All rights reserved.
ToolsMobile Tools• Mobile Tools module• WURFL module - Integrates with Mobile Tools. Helps in detecting the  device capabi...
ToolsApps• Titanium Appcelerator - A platform for developing mobile and  desktop applications using web technologies.• Ser...
Summary• One-size does not fit all• Understand your business requirements• Match an approach to your user experience needs•...
Acquia Partners                  © 2011 Acquia, Inc. All rights reserved.
Thank You                  Contact:Bryan House | bryan@acquia.com | @bryanhouse                                   © 2011 A...
Upcoming SlideShare
Loading in …5
×

Mobile IS Mainstream

16,412 views

Published on

Did you know? 80% of Twitter usage is on a mobile device. 35% of books on Amazon are for the Kindle. 25% of Americans in the past month said they have watched a short video on their phone. Mobile is driving the way we communicate, consume and connect; Drupal provides a superior mobile content delivery system. Why Drupal? Drupal’s node based platform allows site builders to easily repurpose content for consumption on smart phones, tablets and other mobile devices. Drupal’s tremendous flexibility to reformat content for delivery on mobile devices is built into the core, by separating presentation from content at the atomic level, site builders pick and choose which elements on a page they want to include on a mobile device, e.g. headline, teaser, text, demos and images. This session will showcase Drupal’s tremendous content flexibility and what it means for mobile devices and mobile application development.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
16,412
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile IS Mainstream

  1. 1. Mobile IS Mainstream Bryan House VP Marketing Acquia @bryanhouse
  2. 2. Agenda• Context• Content for interactive experiences• Approaches to mobile content delivery• Summary © 2011 Acquia, Inc. All rights reserved.
  3. 3. Context Desktop © 2011 Acquia, Inc. All rights reserved.
  4. 4. Context Mobile Apps © 2011 Acquia, Inc. All rights reserved.
  5. 5. Context Smart phone browsers © 2011 Acquia, Inc. All rights reserved.
  6. 6. Context Mobile device browsers © 2011 Acquia, Inc. All rights reserved.
  7. 7. Context Tablet Apps © 2011 Acquia, Inc. All rights reserved.
  8. 8. Context Tablet Browsers © 2011 Acquia, Inc. All rights reserved.
  9. 9. Drupal is uniquely capable ofaddressing a broad range ofcontent needs across multiplemobile device platforms © 2011 Acquia, Inc. All rights reserved.
  10. 10. Content for Interactive, Mobile Experiences © 2011 Acquia, Inc. All rights reserved.
  11. 11. Content for Interactive, Mobile Experiences Ad banners Breaking News Story Upcoming Events Social “What’s Hot” “Pulse” © 2011 Acquia, Inc. All rights reserved.
  12. 12. Content for Interactive, Mobile Experiences Ad banners • Images • URLs • Tracking • Multivariate testing Breaking News Story Upcoming • Article Events • Image • Calendar • Taxonomy / tagging • Event information • Related Stories • Location data Social “What’s Hot” “Pulse” • Article • Blog posts • Video • Twitter posts • Ratings • Facebook info • User comments • Opinion poll © 2011 Acquia, Inc. All rights reserved.
  13. 13. BreakingNews Story Ad banners Upcoming Events“What’s Hot” Social “Pulse” © 2011 Acquia, Inc. All rights reserved.
  14. 14. Content TypesBreakingNews Story Content Type Fields • Title Article • Author • Published • Image Title Image • Description • Rights Owner Related • Title • Author Stories • Link © 2011 Acquia, Inc. All rights reserved.
  15. 15. Nodes & Content Types Breaking News StoryContent Type Fields Nodes Views • Title • Author Article • Published • Image Title Image • Description • Rights Owner Related • Title • Author Stories • Link © 2011 Acquia, Inc. All rights reserved.
  16. 16. How Drupal Manages Users Administrator Authenticated Anonymous Users Users Roles authors editors Groups of like users Unlimited Permissions Create Page Edit Page custom roles, Operations allowed by role permissions & views Views My Posts All Posts Determined by permissions © 2011 Acquia, Inc. All rights reserved.
  17. 17. © 2011 Acquia, Inc. All rights reserved.
  18. 18. © 2011 Acquia, Inc. All rights reserved.
  19. 19. © 2011 Acquia, Inc. All rights reserved.
  20. 20. Services-based CMS Can Power It All © 2011 Acquia, Inc. All rights reserved.
  21. 21. What’s the Best Approach to Mobile?• What are your user experience needs?• How fast do you need to deploy mobile sites?• What’s your tolerance for complexity?• Can your mobile content strategy drive your existing website design and content?• Are you ready for mobile app development? © 2011 Acquia, Inc. All rights reserved.
  22. 22. ns Architecture Options CMS Database © 2011 Acquia, Inc. All rights reserved.
  23. 23. ns Architecture Options Reverse Proxy Responsive Design Separate Themes Reverse Proxy Mobile / Desktop Desktop Theme Desktop Mobile Theme Templates CMS Database © 2011 Acquia, Inc. All rights reserved.
  24. 24. ns Architecture Options Applications Reverse Proxy Responsive Design Separate Themes Reverse Proxy Mobile / Desktop Desktop Theme Desktop Mobile Theme APIs Templates CMS Database © 2011 Acquia, Inc. All rights reserved.
  25. 25. Reverse Proxy OptionsPros• Fastest solution: launch quickly.• Rapid development and iteration.• Independent and non-disruptive solution.• Great for testing, iterating, and experimenting with potential solutions.Cons• Limited -- can’t truly tailor your user experience to mobile. More about making your current site work well on mobile.• Lack of device-dependent response• May not handle richer elements to satisfaction © 2011 Acquia, Inc. All rights reserved.
  26. 26. Reverse Proxy OptionsRecommended use cases• Delivering the same content, just redesigned and trimmed-down.• Rapid deployment, iterative testing and experimentation.• Targeted delivery to smartphone browsers.Not recommended for• Uniquely mobile experiences.• App development. © 2011 Acquia, Inc. All rights reserved.
  27. 27. Mobify: Case studyWired Desktop iPhone © 2011 Acquia, Inc. All rights reserved.
  28. 28. Mobify: Case studyThreadless Desktop iPhone © 2011 Acquia, Inc. All rights reserved.
  29. 29. Mobify: Case studyThe New Yorker Desktop iPhone © 2011 Acquia, Inc. All rights reserved.
  30. 30. Responsive designPros• Flexible.• Greatly reuse same work repeatedly.• Relatively quick to setup and deploy. Not too many new technologies to learn.Cons• Requires re-thinking content and presentation. Still deliver everything to the browser. May mean starting over on theme.• No truly mobile experience.• Demands attention to detail across all targeted devices during development. © 2011 Acquia, Inc. All rights reserved.
  31. 31. Responsive designRecommended use cases• Blogs, marketing, event sites.• Targeting wide variety of devices with the same content and assets. Best for desktop and tablets.• Accommodate the widest variety of contexts.• Able to redesign site from ground-up.Not recommended for• Sites with many “regions” or “blocks” of content.• Very low-bandwidth delivery requirements.• App development. © 2011 Acquia, Inc. All rights reserved.
  32. 32. Responsive design: Case studyFour Kitchens Desktop © 2011 Acquia, Inc. All rights reserved.
  33. 33. Responsive design: Case studyFour Kitchens iPad iPhone © 2011 Acquia, Inc. All rights reserved.
  34. 34. Responsive design: Case studyLaunchKit Desktop © 2011 Acquia, Inc. All rights reserved.
  35. 35. Responsive design: Case studyLaunchKit iPad iPhone © 2011 Acquia, Inc. All rights reserved.
  36. 36. Mobile ToolsPros• Relatively low learning curve• Use familiar technology and workflows• Flexible device detection and redirection• High-level of control over device-specific displays• Strong community support, integration with several modules.Cons• Time consuming to create and manage full themes• Requires contextual use of the block engine (different block settings, order, etc. per theme)• Requires a lot of testing. Several gotchas when it comes to browser redirection, persisting mobile vs. desktop selection, etc. © 2011 Acquia, Inc. All rights reserved.
  37. 37. Mobile ToolsRecommended use cases• Targeted, uniquely mobile experience across a wide variety of devices, using existing site content.• Experience unique to device type (e.g. smartphone vs. tablet vs. mobile device).• Managing entire web platform using Drupal-based tools.Not recommended for• Rapid deployment and iteration• App development © 2011 Acquia, Inc. All rights reserved.
  38. 38. Mobile Tools: Case studyGreen Map Desktop iPhone © 2011 Acquia, Inc. All rights reserved.
  39. 39. Mobile Tools: Case study7x7SF Desktop iPhone © 2011 Acquia, Inc. All rights reserved.
  40. 40. Mobile Tools: Case studyNew Hope 360 Desktop iPhone © 2011 Acquia, Inc. All rights reserved.
  41. 41. Mobile Tools: Case studyATT Mobile iPhone © 2011 Acquia, Inc. All rights reserved.
  42. 42. AppsPros• Fast, light-weight, controlled user experience.• Some solid tools for development on both sides (app and Drupal).• Access to more of the native device capabilities.Cons• Longer time to market.• Steep learning curve.• Complex ramp-up for integration (web services).• Difficult to iterate and rapidly respond (e.g. add new functionality). © 2011 Acquia, Inc. All rights reserved.
  43. 43. AppsRecommended use cases• Experience targeted at specific device capabilities.• Context requiring deeper access to device capabilities, e.g. camera, video.• Contexts that require off-line portability.• Quick, responsive, refined applications.Not recommended for• Rapid deployment and iteration.• Low-cost and low-overhead.• Delivery to a wide range of devices. © 2011 Acquia, Inc. All rights reserved.
  44. 44. Apps: Case studyDrupalCon Chicago © 2011 Acquia, Inc. All rights reserved.
  45. 45. Apps: Case studyFringeFest © 2011 Acquia, Inc. All rights reserved.
  46. 46. Apps: Case studyBeerCloud © 2011 Acquia, Inc. All rights reserved.
  47. 47. ToolsMobile Tools• Mobile Tools module• WURFL module - Integrates with Mobile Tools. Helps in detecting the device capabilities of the mobile device visiting the website.• Context - Integrates with Mobile Tools to provide Mobile context (turn blocks on/off, etc. based on mobile device). Probably wouldn’t work well with tools like VarnishThemes• Fusion mobile - Fusion sub-theme targeted at mobile delivery.• Mobile jQuery - Built on the jQuery Mobile platform. © 2011 Acquia, Inc. All rights reserved.
  48. 48. ToolsApps• Titanium Appcelerator - A platform for developing mobile and desktop applications using web technologies.• Services module - A standardized solution of integrating external applications with Drupal.• Views Datasource - A set of plugins for Drupal Views for rendering node content in a number of shareable, reusable formats based on XML, JSON and XHTML © 2011 Acquia, Inc. All rights reserved.
  49. 49. Summary• One-size does not fit all• Understand your business requirements• Match an approach to your user experience needs• Experiment, test and iterate © 2011 Acquia, Inc. All rights reserved.
  50. 50. Acquia Partners © 2011 Acquia, Inc. All rights reserved.
  51. 51. Thank You Contact:Bryan House | bryan@acquia.com | @bryanhouse © 2011 Acquia, Inc. All rights reserved.

×