A6: Building a Low Cost  Mobile Web PresenceLaura Murphy, Head of Client Relations & Support        laura.murphy@terminalf...
Workshop Summary   1. Introductions   2. General Trends & Industry Standards   3. Approaches with examples   4. Participan...
Introductions   1.     Who you are   2.     Where you work   3.     Your role / skill-sets   4.     How far advanced is yo...
TERMINALFOUR in a nutshell               We make it really easy for              organisations to deliver and             ...
Company Overview   • Trading since 1996, product company since 2001   • TERMINALFOUR Site Manager: our flagship Web Conten...
A selection of TERMINALFOUR clientsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence   66
General Trends & Industry StandardsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence   7
Mobile web bigger than                 Desktop by 2015TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence   8
US HE: Data points & Projections                                                               • Jan 2010, total mobile tr...
Approaches      •    One Responsive Site      •    Separate Live Mobile Site      •    Mobile App: Native      •    Mobile...
Approaches: 1. One Responsive Site      •Your site works at any width (use css media-queries      to target widths).      ...
Approaches: 2. Separate Mobile Site      •Mobile Site/Domain: Tailored to mobile user, but      requires a separate versio...
Approaches: 2. Separate Mobile Site      •Time to develop a new solution.      •User Experience is not as slick as an app....
Approaches: 3. Mobile App: Native      •Native App for each Mobile Platform.      •Allows content to be viewed offline.   ...
Approaches: 4. Mobile App: Non Native      •Write once, deploy to each.      •Use of Mobile Frameworks such as Phonegap.  ...
Approaches: 3 & 4. Mobile Apps      •Admin overhead for each of the App Stores      •SEO/application to update apps in eac...
E.g.: T4 Client Mobile Work•   Met. State College of Denver (m.mscd.edu)•   University of Illinois at Chicago (m.uic.edu)•...
E.g.:T4 Sample Site• Sample jquery mobile site  data in product & Extranet• Very simple to setup     TERMINALFOUR IWMW12: ...
E.g.: Queens University Belfast   • Webteam Developed   • Uses Jquery mobileTERMINALFOUR IWMW12: Building a Low Cost Mobil...
E.g.: Specsavers mobile   • Mobile Site as opposed to     app   • Integrates with location     servicesTERMINALFOUR IWMW12...
E.g.: oMbiel CampusM integration   • Integrated     app sync     from Site     ManagerTERMINALFOUR IWMW12: Building a Low ...
E.g.: Blackboard Mobile Integration   • Sync of     separate     XML and     RSS     channelsTERMINALFOUR IWMW12: Building...
E.g.: Gedling Borough Council   • Main site structure     reflected in mobile     navigationTERMINALFOUR IWMW12: Building ...
Example Sites http://bostonglobe.com/ http://www.stpaulsschool.org.uk/ http://asuonline.asu.edu/ http://www.law.gmu.edu/ h...
Participant DemosShow us what you are doing or wouldlike to doTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence   25
Preparation & Decisions   • Think Mobile first!     • Who are your mobile users?     • What devices are they using?     • ...
Preparation & Decisions cont..   • What platforms do you wish to support?      – Target demographic      – Target geograph...
Round up & ConclusionsDefine your Strategy...Start small... Measure...Revise frequently... Keep up to datehttp://www.surve...
Upcoming SlideShare
Loading in...5
×

Workshop session A6: Building a Low Cost Mobile Web Presence

1,087

Published on

There's no escaping it, mobile web will be bigger than desktop by 2015. If mobile isn't on your 2012 web strategy, it needs to be and soon. This vendor-independent presentation will provide practical advice on how to prepare for your organisation's shift to mobile and, importantly, how to build a mobile presence without 'breaking the bank'. It will cover approaches that organisations can adopt to enable personalised web experiences for mobile devices. The presentation will outline the delivery methods available to make this step: adding mobile to web presence; add a mobile app or develop a mobile site.
Facilitator, Laura Murphy, TERMINALFOUR

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,087
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Workshop session A6: Building a Low Cost Mobile Web Presence

  1. 1. A6: Building a Low Cost Mobile Web PresenceLaura Murphy, Head of Client Relations & Support laura.murphy@terminalfour.com twitter.com/terminalfour 18th June 2012, IWMW 2012, Edinburgh
  2. 2. Workshop Summary 1. Introductions 2. General Trends & Industry Standards 3. Approaches with examples 4. Participant demos – show us what you are doing or what you would like to do 5. Preparation & Decisions 6. Round up & ConclusionsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 2
  3. 3. Introductions 1. Who you are 2. Where you work 3. Your role / skill-sets 4. How far advanced is your Mobile Strategy 5. What you are hoping to get from todayTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 3
  4. 4. TERMINALFOUR in a nutshell We make it really easy for organisations to deliver and manage very large, highly devolved, multilingual MOBILE Websites, Intranets and Extranets This is a vendor neutral workshop so please feel free to interrupt if I get side trackedTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 4
  5. 5. Company Overview • Trading since 1996, product company since 2001 • TERMINALFOUR Site Manager: our flagship Web Content Management (WCM) Product • 300 clients; – Higher Education (over 110 Universities) – Commercial / Finance / Retail – Public Sector • Recognised – Top 30 in Content Management Companies (Real Story Group) – Gartner Magic Quadrant, Butler/Ovum etc. • Clients in UK, Ireland, Middle East, US & Canada • Offices in Ireland, UK , USA & AustraliaTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 5
  6. 6. A selection of TERMINALFOUR clientsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 66
  7. 7. General Trends & Industry StandardsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 7
  8. 8. Mobile web bigger than Desktop by 2015TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 8
  9. 9. US HE: Data points & Projections • Jan 2010, total mobile traffic was 1.5% • April 2010 peak – iPad launch • December 2010 peak – Christmas presents • June 2011, just under 5% Growth of 220% in 18 months • Projection April 2012 mobile traffic to be 9.3% • However SmartPhone/Tablets cheaper = Increased use: more likely to be 15% to 20% • Projection April 2013 might be as high as 40%Source: iFactory, TERMINALFOUR Partner TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 9
  10. 10. Approaches • One Responsive Site • Separate Live Mobile Site • Mobile App: Native • Mobile App: Non NativeTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 10
  11. 11. Approaches: 1. One Responsive Site •Your site works at any width (use css media-queries to target widths). •Can re-flow content/navigation depending on width to change user experience. •Single website, so a single place to update content/code etc. •Adaptive / Responsive Design: More complex than CSS, but allows future proofing for new mobile devices and screen sizes. •May require a substantial rewrite of existing site. •Can’t take full advantage of Smartphone features (like camera, accelerometer etc without the use of supporting 3rd party library code. •Support of legacy browsers such as IE6&7 is a challenge.TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 11
  12. 12. Approaches: 2. Separate Mobile Site •Mobile Site/Domain: Tailored to mobile user, but requires a separate version of the website •Layout and content designed specifically for browser on a mobile/tablet screen. •Helpful libraries to make layout/transitions more app such as jQueryMobile, Sencha Touch etc. •Can decouple mobile content from main site content, so a more customisable interface •Support for extra features tends to be included with libraries (need to fact check this 100%!) •Information Architecture (IA), Navigation & Content separate. •Less development required than App.TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 12
  13. 13. Approaches: 2. Separate Mobile Site •Time to develop a new solution. •User Experience is not as slick as an app. •Content creation. Although this can be easy if it is CMS based. •Possible content duplication. •Performance impact if lots of JavaScript is used.TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 13
  14. 14. Approaches: 3. Mobile App: Native •Native App for each Mobile Platform. •Allows content to be viewed offline. •Allows you to take full advantage of the Smartphone and all its built in APIs: –Really fast, responsive feel –Cool features like Accelerometer, Camera, GPS/Location, Address book etc –The skys the limit for what you can do! •You need to decide which platforms: WinMo7, Blackberry, IOS, Android •The more platforms, the higher the Cost ! –Design –Development –Test –Maintenance –PeopleTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 14
  15. 15. Approaches: 4. Mobile App: Non Native •Write once, deploy to each. •Use of Mobile Frameworks such as Phonegap. •Write apps once in HTML5/CSS and deploy to each app store as a native app. •Allows content to be viewed offline. •Its not fully native, so relying on abstractions to some API calls •May result in feature compromiseTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 15
  16. 16. Approaches: 3 & 4. Mobile Apps •Admin overhead for each of the App Stores •SEO/application to update apps in each store takes time •Developer Program costsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 16
  17. 17. E.g.: T4 Client Mobile Work• Met. State College of Denver (m.mscd.edu)• University of Illinois at Chicago (m.uic.edu)• Queens University Belfast (on their own)• York College Pennsylvania• Aer Lingus App (FeedHenry)• t44u App (oMbiel)• INTO Congress Application (oMbiel) TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 17
  18. 18. E.g.:T4 Sample Site• Sample jquery mobile site data in product & Extranet• Very simple to setup TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 18
  19. 19. E.g.: Queens University Belfast • Webteam Developed • Uses Jquery mobileTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 19
  20. 20. E.g.: Specsavers mobile • Mobile Site as opposed to app • Integrates with location servicesTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 20
  21. 21. E.g.: oMbiel CampusM integration • Integrated app sync from Site ManagerTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 21
  22. 22. E.g.: Blackboard Mobile Integration • Sync of separate XML and RSS channelsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 22
  23. 23. E.g.: Gedling Borough Council • Main site structure reflected in mobile navigationTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 23
  24. 24. Example Sites http://bostonglobe.com/ http://www.stpaulsschool.org.uk/ http://asuonline.asu.edu/ http://www.law.gmu.edu/ http://www.fhs.vic.edu.au/ http://www.lancs.ac.uk/ http://www.smashingmagazine.com/TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 24
  25. 25. Participant DemosShow us what you are doing or wouldlike to doTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 25
  26. 26. Preparation & Decisions • Think Mobile first! • Who are your mobile users? • What devices are they using? • What information are they looking for? • Are they getting that information? • What are other Institutions doing and how? • Be a user and visit competitive sites as well as non competitive sites. • Be selective & rank requirements. • Compare mobile to non mobile stats and use the results to develop your Strategy.TERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 26
  27. 27. Preparation & Decisions cont.. • What platforms do you wish to support? – Target demographic – Target geographies • Live Website or App – On-line or off-line content – System Integration required? (platforms such as CampusM or Nomad Mobile Guides) – Task driven requirements (maps, library check-ins etc) – Toolkit: phonegap, etc. Dedicated: Ombiel, Blackboard • Migrate to a CMS to enable faster deployment and content managementTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 27
  28. 28. Round up & ConclusionsDefine your Strategy...Start small... Measure...Revise frequently... Keep up to datehttp://www.surveymonkey.com/s/iwmwMobileTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 28
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×