Workshop session A6: Building a Low Cost Mobile Web Presence
 

Workshop session A6: Building a Low Cost Mobile Web Presence

on

  • 1,653 views

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 ...

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

Statistics

Views

Total Views
1,653
Views on SlideShare
1,563
Embed Views
90

Actions

Likes
1
Downloads
1
Comments
0

3 Embeds 90

http://iwmw.ukoln.ac.uk 41
http://lanyrd.com 25
http://eventifier.co 24

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Workshop session A6: Building a Low Cost Mobile Web Presence Workshop session A6: Building a Low Cost Mobile Web Presence Presentation Transcript

    • 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
    • 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
    • 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
    • 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
    • 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
    • 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 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
    • Approaches • One Responsive Site • Separate Live Mobile Site • Mobile App: Native • Mobile App: Non NativeTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 10
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • E.g.: Queens University Belfast • Webteam Developed • Uses Jquery mobileTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 19
    • E.g.: Specsavers mobile • Mobile Site as opposed to app • Integrates with location servicesTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 20
    • E.g.: oMbiel CampusM integration • Integrated app sync from Site ManagerTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 21
    • E.g.: Blackboard Mobile Integration • Sync of separate XML and RSS channelsTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 22
    • E.g.: Gedling Borough Council • Main site structure reflected in mobile navigationTERMINALFOUR IWMW12: Building a Low Cost Mobile Presence 23
    • 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
    • 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? • 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
    • 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
    • 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