SlideShare a Scribd company logo
Developing a
Progressive
Mobile Strategy
dave olsen, @dmolsen
wvu university relations - web
slideshare.net/dmolsenwvu
programmer
9 years at wvu
wvu has 30,000 students
from 30,000 feet and...
...2 years in
the making.
What I’ll Talk About
 •Glossary of Terms
 •Why Mobile
 •Developing a Strategy
 •Tools & Resources
Glossary of Terms
def. Native Apps
   an application developed to run natively on the
   targeted device. usually written in a device
   specific language like Objective-C or Java.
   delivered through app stores (for the most part).
app store image
def. Mobile Web
   mobile web refers to browser-based access
   to the internet from mobile devices.
Is the mobile web different than
        the desktop web?
TABLET WEB   DESKTOP WEB
                           It’s All One Web




MOBILE WEB
def. WebKit
   a layout engine that powers a number of
   popular mobile browsers including Mobile
   Safari. not all WebKit-based browsers are equal!
So
why
52% of prospective
students looked at a
campus website on a
   mobile device.




        from Noel Levitz’s “Mobile Expectations Report,” Feb. 2012
48% of prospects who
visited a school with a
   mobile site were
 positively affected.




      from Noel Levitz’s “Mobile Expectations Report,” Feb. 2012
50% of the US population is
  now using a smartphone.




from Asymco, December 2010
59% of schools currently provide some
        sort of mobile solution.




      from Karine Joly’s “State of the Mobile web”, Feb. 2012
74% plan to implement a solution with
9 out of 10 of those planning to implement a
       prospective student solution.
         from Karine Joly’s “State of the Mobile web”, Feb. 2012
Strategy
that iPhone app you want?
it’s not a mobile strategy...
an iPhone app...       ...a mobile website




                   +
again, they’re not a mobile strategy...




                  +
A mobile strategy involves more than
  just the platform you’re targeting.

   It involves understanding your
        audience & their needs.
Does your school have just one
website that is the be-all-end-all for
implementing your web strategy?

Then why only one mobile solution?
Our users expect access to all of
this content on their mobile device.
WVU’s Mobile Presence




     Aug. 2009
   iWVU & m.wvu.edu
WVU’s Mobile Presence




            Aug. 2010
          wvutoday.wvu.edu
WVU’s Mobile Presence




                 Mar. 2011
              tournaments.wvu.edu
WVU’s Mobile Presence




                       Apr. 2011
                 studentaffairs.wvu.edu
m.wvu.edu Traffic by Semester

11000

                                                                650%+
                                                               increase
 8250                                                           in avg.
                                                                 traffic



 5500



 2750



    0
        Fall 2009 Spring 2010 Fall 2010 Spring 2011 Fall 2011 Sping 2012

                        Average page views per day
these are just some of the options...


          standalone      responsive designs
          mobile sites
native apps          mobile templates




              APIs
There




  Here
Progressive Mobile Strategy
Developing a Progressive Mobile Strategy (J. Boye edition)
Iterate
Be Platform Neutral


                Being Platform Neutral
        fo rm
  lat
P
It’s about realistically prioritizing
 mobile solutions for your organization.
Then working one-by-one through them.
IT ES
       L B
  AL
SM
a
Progressive Mobile Strategy
        has three parts....
Audience Strategy
Developing a Progressive Mobile Strategy (J. Boye edition)
Platform Strategy
Progressive Mobile Strategy
Audience Strategy
Developing a Progressive Mobile Strategy (J. Boye edition)
Developing a Progressive Mobile Strategy (J. Boye edition)
Let’s constrain these audiences based
on what we know about mobile users.




Note: not users that are mobile, users that are using mobile devices.
Google’s Mobile User Groups
Google’s Mobile User Groups


      Repetitive Now
Google’s Mobile User Groups


      Repetitive Now

        Bored Now
Google’s Mobile User Groups


      Repetitive Now

        Bored Now

       Urgent Now
Urgent Now
current student...
Urgent Now
I have a meeting. Where’s Allen Hall?

I need to call my professor about a late
              assignment...
           current student...
        Urgent Now
 How do I reset my WiFi password?

     When does the bus get here?
Local Users
95% of smartphone users have
  searched for local content.




 from Google’s “The Mobile Movement” report, April 2011
Short Timeframe
88% of smartphone users took action
  on a search result within a day




    from Google’s “The Mobile Movement” report, April 2011
Making Calls
  61% of smartphone users ended up
calling a business based on their search.




  Tip: make your phone numbers clickable with tel:

       from Google’s “The Mobile Movement” report, April 2011
Don’t Focus on “On the Go”
   30% of smartphone users used the
   mobile internet from their couch.
       90% used it from home.




      from Google’s “The Mobile Movement” report, April 2011
Yes, Anywhere




75% of men admit to using their
mobile on the toilet.
Source: http://www.11mark.com/IT-in-the-Toilet
Audience Strategy Review
Audience Strategy Review


 Those with Urgent Needs
Audience Strategy Review


 Those with Urgent Needs
   Local Constituencies
Audience Strategy Review


 Those with Urgent Needs
   Local Constituencies
    Short Timeframes
Audience Strategy Review


 Those with Urgent Needs
   Local Constituencies
    Short Timeframes
Don’t Focus on “On the Go”
Developing a Progressive Mobile Strategy (J. Boye edition)
Content Delivery is Secondary
     to Tangible Utility
Make sure your content is useful, damn it!
Which is better?




Content Delivery       or   Tangible Utility
         from XKCD, http://xkcd.com/773/
Don’t Convert, Create
Look for new ways to combine content.
Break Out of Silos
 Don’t follow org charts when
 developing mobile solutions.
Content Strategy Review
  Be able to answer, “What value will the
targeted audiences get from this content?”
Platform Strategy
an iPhone app...     ...a mobile website




                   vs.
an iPhone app...     ...a mobile website




                   vs.
The question is no longer, “Which do we
develop for, native or mobile web?” but...
“How do we develop solutions to handle
 both mobile web & native now as well
     as the devices of the future?”
these are just some of the options...


          standalone      responsive designs
          mobile sites
native apps          mobile templates




              APIs
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
APIs are the infrastructure for your mobile initiatives...




       Create Once, Publish Everywhere
PRT API
Update once. Publishes to:
  iOS App,
   Mobile Website,
   Student Portal,
    Transportation Website, &
     Twitter
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
Mobile Web-Optimized Solutions
standalone       mobile       responsive
mobile sites   templates        designs
standalone
mobile sites •Standalone websites can serve as
                “mobile experiences” for your
                visitors.
               •Content & functionality are highly
                optimized.
               •Can be another silo of content that
                needs to be maintained & advertised.


                WVU Example: http://m.wvu.edu
mobile
templates
            •Mobile templates deliver optimized
             layouts based on browser classes.

            •Requires server-side technology.
            •Must keep classification up-to-date
             with newest & latest browsers.

             WVU Example: http://wvutoday.wvu.edu
responsive
  designs
              •RWD allows a developer to deliver one
               set of mark-up & content to all
               browsers.
              •Can be difficult to optimize media &
               third party widgets.
              •Older browsers are not supported.

             WVU Example: http://happyholidays.wvu.edu
Give your existing content a
             Text
chance to adapt to the future.
The Future
             •Responsive Web Design with Server Side
              Components (RESS) is a hybrid of RWD &
              Mobile Templates.

             •Flexible layout of RWD but finely tunes
              media & assets on the server.

             •Requires server-side logic & device
              detection.

              WVU Example: Coming Soon
ress.dmolsen.com
A poor representation of the ideal
       platform strategy...




          Native Apps

                 Standalone sites
  Mobile Web      Mobile Templates
                   Responsive Designs


              APIs
Native apps will be driven by vendors.
Native apps
should be transformative.
Platform Strategy Review

Start working on your infrastructure. Now.

  There is a lot of content already out
   there & users expect access to it.

   There isn’t one mobile solution for
      your organization or client.
Making the case for mobile web first.
Discovery



 Discovery
Developing a Progressive Mobile Strategy (J. Boye edition)
“
Not every mobile device will have
your app on it but every mobile
      stat about browser usage
device will have a browser.
                - Jason Grigsby
                  @grigs
77% of smartphone users use search.
   Most visited type of website.




    from Google’s “The Mobile Movement” report, April 2011
Existing Indexed Content
the just in time internet



                           The
                 Just In Time
                      Internet
“
Links don’t open apps.
             - Jason Grigsby
     stat about@grigs
                 browser usage
55% of users with an internet-enabled
phone use it to check personal email.




  from Merkle’s “View from the Digital Inbox” report, January 2011
Getting
 social?
Developing a Progressive Mobile Strategy (J. Boye edition)
Developing a Progressive Mobile Strategy (J. Boye edition)
links
       + skills
       + search
mobile web first
70% of prospective students
     are happy to browse your
                Text
     current websites on their
          mobile device.

Source: https://www.noellevitz.com/papers-research-higher-education/2012/2012-mobile-expectations-report
Wrapping
it all up...
#1
Identify the audience.
#2
Identify the content for that audience.
#3
Implement platform solutions.
#4
Lather, rinse, & repeat.
Audience

On-campus

 Admits

Prospects

 Alumni
Audience     Content

On-campus   Contact Info

 Admits        Map

Prospects   Emergency

 Alumni      Calendar
Audience     Content       Platform

On-campus   Contact Info   Mobile Portal

 Admits        Map         Native Apps

                           Responsive
Prospects   Emergency
                             Design
 Alumni      Calendar
Don’t get stuck
  on platform.
Focus on your targeted
  audiences & content.
Resources

Blog & Higher Ed Mobile Directory
          dmolsen.com

         I’m on Twitter...
           @dmolsen
Resources

Higher Ed Mobile Frameworks

       kurogo.org
    mollyproject.org
     mwf.ucla.edu
  www.jasig.org/umobile
Many thanks to Mr. Robertson
   for the snazzy device &
progressive strategy graphics
Thanks,


Priorities by redvers                     Road to Ribblesdale by Luc B
Swiss Flag by strupler                    Audience by batmoo
Lego Discovery by dunechaser              Drupalcon by Mike Gifford
Grasshopper by trekman                    Highway Lights by Spreng Ben
Guitarist by postlife1976                 Tunnel by Éole
Bullhorn by aisipos                       Christmas Present by kevindooley
Girl on Stoop by ollipitkanen             Clouds by Francisco Martins
Student Recording Video by U. of Denver   Calendars by Duane Mendoza
Student in Classroom by Bill Erickson     Bananas by sis
Mud by neilspicys                         Target by ???
Flickr by dsevilla                        Movie Theater by ari
Headstone by nouspique
The End

More Related Content

PDF
Progressive Mobile Strategy Redux: The Future Friendly Enterprise
Dave Olsen
 
KEY
Developing a Progressive Mobile Strategy (M3 Conf version)
Dave Olsen
 
KEY
Developing a Progressive Mobile Strategy
Dave Olsen
 
KEY
Developing a Progressive Mobile Strategy (BDConf Version)
Dave Olsen
 
PDF
Why "mobile first" isn't enough - Developing a better user experience
Kevin Powell
 
PPT
Mobile is the new Godzilla July 2011 FCIP
RZasadzinski
 
PDF
Mobile Means Business
Tack Mobile
 
PDF
Going mobile edu web presentation - 2011
Nathan Gerber
 
Progressive Mobile Strategy Redux: The Future Friendly Enterprise
Dave Olsen
 
Developing a Progressive Mobile Strategy (M3 Conf version)
Dave Olsen
 
Developing a Progressive Mobile Strategy
Dave Olsen
 
Developing a Progressive Mobile Strategy (BDConf Version)
Dave Olsen
 
Why "mobile first" isn't enough - Developing a better user experience
Kevin Powell
 
Mobile is the new Godzilla July 2011 FCIP
RZasadzinski
 
Mobile Means Business
Tack Mobile
 
Going mobile edu web presentation - 2011
Nathan Gerber
 

What's hot (20)

PDF
#MobileInAction - iRecruitExpo June 2013, Amsterdam
Dave Martin
 
PDF
Going Mobile First: a future-friendly approach to digital product design
Ezekiel Binion
 
PDF
Go Mobile With WordPress (2012)
BraveNewCode Inc.
 
PDF
Your Mobile Strategy Can't Be HTML5
Theresa Neil
 
PPTX
Mobile Breakfast Briefing June 2012
User Vision
 
PDF
The future of media queries?
yiibu
 
PDF
Conversational Intelligence and Better Customer Conversations
InsightNG Solutions Limited
 
PDF
Designing for conversation
yiibu
 
PDF
Dnx Mobile Marketing Golden Rules
Adam Troman
 
PDF
Mobile career apps
ATTBmobile
 
PPT
Mobile email - chasing context
Anna Yeaman
 
PDF
Distimo Mobile World Congress 2010 Presentation - Mobile Application Stores S...
Distimo
 
PDF
How to market your app
Ouriel Ohayon
 
PPTX
Modular email templates
Anna Yeaman
 
PDF
Why Progressive Web Apps will transform your website
Jason Grigsby
 
PPTX
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Lee Roberson
 
PPTX
Responsive Email Design
Anna Yeaman
 
PDF
App Publishing for Museums - iPhone, iPad and beyond
Cogapp
 
PDF
Why node.js for real time application development is a sage decision
Katy Slemon
 
PDF
Optimizing Data Caching for iPhone Application Responsiveness
John Wilker
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
Dave Martin
 
Going Mobile First: a future-friendly approach to digital product design
Ezekiel Binion
 
Go Mobile With WordPress (2012)
BraveNewCode Inc.
 
Your Mobile Strategy Can't Be HTML5
Theresa Neil
 
Mobile Breakfast Briefing June 2012
User Vision
 
The future of media queries?
yiibu
 
Conversational Intelligence and Better Customer Conversations
InsightNG Solutions Limited
 
Designing for conversation
yiibu
 
Dnx Mobile Marketing Golden Rules
Adam Troman
 
Mobile career apps
ATTBmobile
 
Mobile email - chasing context
Anna Yeaman
 
Distimo Mobile World Congress 2010 Presentation - Mobile Application Stores S...
Distimo
 
How to market your app
Ouriel Ohayon
 
Modular email templates
Anna Yeaman
 
Why Progressive Web Apps will transform your website
Jason Grigsby
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Lee Roberson
 
Responsive Email Design
Anna Yeaman
 
App Publishing for Museums - iPhone, iPad and beyond
Cogapp
 
Why node.js for real time application development is a sage decision
Katy Slemon
 
Optimizing Data Caching for iPhone Application Responsiveness
John Wilker
 
Ad

Viewers also liked (20)

DOCX
Mini guía ciudad de barcelona
madriderasmus.es
 
PPTX
Cult of Maria Lionza
aclucca
 
PDF
+Q9meses nº19 trapitos y nudos
Masquenuevemeses MaternidadHoy
 
PDF
What You Can Do to Keep Your Email, Bank Accounts and Business Safe from Cybe...
nexxtep
 
PPT
Frase francisco cajiao es urgente volver a pensar la escuela
pastoraledu
 
PPT
Design calibration en (1)
Ruchi Tiwari
 
PPT
Embriología, anatomia y semiologia (urologia)
secretaria de salud
 
PPTX
3. Discrimination & Harassment Laws
paulwhite1983
 
PDF
Mobile Day - Tendencias y estrategias de desarrollo movil empresarial
Software Guru
 
PDF
Especies tortugas marinas del mundo
Michael Castillo
 
PPTX
Ciencia y Religión: Nikola Tesla
Daniel Lamana
 
PPTX
Literatura prehispánica
Marco Reyes
 
PPT
Middle face fracture
Ehab Napih
 
PPS
Circunferencia y Funciones Trigonométricas
Estela
 
PDF
Netzwerk "Gesunder Kindergarten" ein Überblick
gesgemkinderagarten
 
PDF
Cuadernos de la carcel de Antonio Gramsci T2
Dario Augusto
 
PPTX
Manzana S3 C 30
Marco Antonio Rodriguez Angulo
 
PPTX
Final Digital Strategy: PepsiCo Kickstart
MacKenzie Walters
 
PPT
PepsiCo Careers Mobile Possibilities
kerrysnow
 
Mini guía ciudad de barcelona
madriderasmus.es
 
Cult of Maria Lionza
aclucca
 
+Q9meses nº19 trapitos y nudos
Masquenuevemeses MaternidadHoy
 
What You Can Do to Keep Your Email, Bank Accounts and Business Safe from Cybe...
nexxtep
 
Frase francisco cajiao es urgente volver a pensar la escuela
pastoraledu
 
Design calibration en (1)
Ruchi Tiwari
 
Embriología, anatomia y semiologia (urologia)
secretaria de salud
 
3. Discrimination & Harassment Laws
paulwhite1983
 
Mobile Day - Tendencias y estrategias de desarrollo movil empresarial
Software Guru
 
Especies tortugas marinas del mundo
Michael Castillo
 
Ciencia y Religión: Nikola Tesla
Daniel Lamana
 
Literatura prehispánica
Marco Reyes
 
Middle face fracture
Ehab Napih
 
Circunferencia y Funciones Trigonométricas
Estela
 
Netzwerk "Gesunder Kindergarten" ein Überblick
gesgemkinderagarten
 
Cuadernos de la carcel de Antonio Gramsci T2
Dario Augusto
 
Final Digital Strategy: PepsiCo Kickstart
MacKenzie Walters
 
PepsiCo Careers Mobile Possibilities
kerrysnow
 
Ad

Similar to Developing a Progressive Mobile Strategy (J. Boye edition) (20)

KEY
Beyond the iPhone: Delivering Mobile Content & Services
Dave Olsen
 
PDF
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Hubbard One
 
PPTX
Mobile Design for Instructional Designers
Brandon Carson
 
PDF
Considerations for Your Mobile Library
Rachel Vacek
 
PDF
Mobile Web: A Crash Course
Marqui CMS
 
PDF
On your mark, get set, mobile
Tiffany Beker
 
PDF
Future:apps&mobile - mobile landscape and development platforms
Jurgis Kirsakmens
 
PPTX
Workshop session A6: Building a Low Cost Mobile Web Presence
Terminalfour
 
KEY
Mobile WordPress: Dale Mugford of BraveNewCode
BraveNewCode Inc.
 
PDF
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Jack Zheng
 
PPT
Mobile Media Strategy for your PR Objectives by Brian DeLong
PRSAWDC
 
PDF
Mobile Web Development with MWF
Student Information Systems & Technology at UCSB
 
PDF
The mobile ecosystem & technological strategies
Ivano Malavolta
 
PPT
Mobile Web Development
Tracy Annicchiarico
 
PPT
Mobile Web Development
Tracy Annicchiarico
 
PPSX
Creating Large-Scale Responsive Websites
Keith Doyle
 
PDF
Mobile Web Development - Best Practices and Common Mistakes
Paskill Stapleton & Lord
 
PPTX
Embracing the mobile frontier and reaching the digital natives
Ektron
 
PDF
Producing a mobile presence. Timeline: Yesterday...
Nick DeNardis
 
PPTX
Understanding the Complex Mobile Landscape
R2integrated
 
Beyond the iPhone: Delivering Mobile Content & Services
Dave Olsen
 
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Hubbard One
 
Mobile Design for Instructional Designers
Brandon Carson
 
Considerations for Your Mobile Library
Rachel Vacek
 
Mobile Web: A Crash Course
Marqui CMS
 
On your mark, get set, mobile
Tiffany Beker
 
Future:apps&mobile - mobile landscape and development platforms
Jurgis Kirsakmens
 
Workshop session A6: Building a Low Cost Mobile Web Presence
Terminalfour
 
Mobile WordPress: Dale Mugford of BraveNewCode
BraveNewCode Inc.
 
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Jack Zheng
 
Mobile Media Strategy for your PR Objectives by Brian DeLong
PRSAWDC
 
Mobile Web Development with MWF
Student Information Systems & Technology at UCSB
 
The mobile ecosystem & technological strategies
Ivano Malavolta
 
Mobile Web Development
Tracy Annicchiarico
 
Mobile Web Development
Tracy Annicchiarico
 
Creating Large-Scale Responsive Websites
Keith Doyle
 
Mobile Web Development - Best Practices and Common Mistakes
Paskill Stapleton & Lord
 
Embracing the mobile frontier and reaching the digital natives
Ektron
 
Producing a mobile presence. Timeline: Yesterday...
Nick DeNardis
 
Understanding the Complex Mobile Landscape
R2integrated
 

More from Dave Olsen (20)

PDF
Taking Your HTML Email Communications from "Ew" to "Wow"
Dave Olsen
 
PDF
The Google Marketing Workflow Workshop
Dave Olsen
 
PDF
Building an Academic Program Database and API with Contentful and Amazon Web ...
Dave Olsen
 
PDF
Reimagining Your Website: What are prospective students looking for and how a...
Dave Olsen
 
PDF
Case Study: Rebuilding an Admissions Web Presence
Dave Olsen
 
PDF
Admissions Brain Dump
Dave Olsen
 
PDF
Implementing Brand Patterns
Dave Olsen
 
PDF
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)
Dave Olsen
 
PDF
Case Study: Automating Outage Monitoring & Communication
Dave Olsen
 
PDF
The Death of Lorem Ipsum & Pixel Perfect Content
Dave Olsen
 
PDF
Optimizing web performance (Fronteers edition)
Dave Olsen
 
PDF
The Why and What of Pattern Lab
Dave Olsen
 
PDF
The Squishy Future of Content - HEEMAC Edition
Dave Olsen
 
PDF
The What & Why of Pattern Lab
Dave Olsen
 
PDF
The Squishy Future of Content - Key Communicators Edition
Dave Olsen
 
PDF
The Squishy Future of Content - Penn State Edition
Dave Olsen
 
PDF
The Squishy Future of Content
Dave Olsen
 
PDF
The Server Side of Responsive Web Design
Dave Olsen
 
PDF
Measuring Web Performance - HighEdWeb Edition
Dave Olsen
 
PDF
Web Performance & You - HighEdWeb Arkansas Version
Dave Olsen
 
Taking Your HTML Email Communications from "Ew" to "Wow"
Dave Olsen
 
The Google Marketing Workflow Workshop
Dave Olsen
 
Building an Academic Program Database and API with Contentful and Amazon Web ...
Dave Olsen
 
Reimagining Your Website: What are prospective students looking for and how a...
Dave Olsen
 
Case Study: Rebuilding an Admissions Web Presence
Dave Olsen
 
Admissions Brain Dump
Dave Olsen
 
Implementing Brand Patterns
Dave Olsen
 
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)
Dave Olsen
 
Case Study: Automating Outage Monitoring & Communication
Dave Olsen
 
The Death of Lorem Ipsum & Pixel Perfect Content
Dave Olsen
 
Optimizing web performance (Fronteers edition)
Dave Olsen
 
The Why and What of Pattern Lab
Dave Olsen
 
The Squishy Future of Content - HEEMAC Edition
Dave Olsen
 
The What & Why of Pattern Lab
Dave Olsen
 
The Squishy Future of Content - Key Communicators Edition
Dave Olsen
 
The Squishy Future of Content - Penn State Edition
Dave Olsen
 
The Squishy Future of Content
Dave Olsen
 
The Server Side of Responsive Web Design
Dave Olsen
 
Measuring Web Performance - HighEdWeb Edition
Dave Olsen
 
Web Performance & You - HighEdWeb Arkansas Version
Dave Olsen
 

Recently uploaded (20)

PDF
Peak of Data & AI Encore - Real-Time Insights & Scalable Editing with ArcGIS
Safe Software
 
PPTX
Simple and concise overview about Quantum computing..pptx
mughal641
 
PDF
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
PPTX
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
PPTX
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
PPTX
AI in Daily Life: How Artificial Intelligence Helps Us Every Day
vanshrpatil7
 
PDF
Doc9.....................................
SofiaCollazos
 
PDF
Get More from Fiori Automation - What’s New, What Works, and What’s Next.pdf
Precisely
 
PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PPTX
Agile Chennai 18-19 July 2025 Ideathon | AI Powered Microfinance Literacy Gui...
AgileNetwork
 
PPTX
The Future of AI & Machine Learning.pptx
pritsen4700
 
PDF
Structs to JSON: How Go Powers REST APIs
Emily Achieng
 
PPTX
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
PDF
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
PDF
The Future of Artificial Intelligence (AI)
Mukul
 
PDF
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
PDF
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
PDF
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
PDF
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
PPTX
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
Peak of Data & AI Encore - Real-Time Insights & Scalable Editing with ArcGIS
Safe Software
 
Simple and concise overview about Quantum computing..pptx
mughal641
 
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
AI in Daily Life: How Artificial Intelligence Helps Us Every Day
vanshrpatil7
 
Doc9.....................................
SofiaCollazos
 
Get More from Fiori Automation - What’s New, What Works, and What’s Next.pdf
Precisely
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
Agile Chennai 18-19 July 2025 Ideathon | AI Powered Microfinance Literacy Gui...
AgileNetwork
 
The Future of AI & Machine Learning.pptx
pritsen4700
 
Structs to JSON: How Go Powers REST APIs
Emily Achieng
 
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
The Future of Artificial Intelligence (AI)
Mukul
 
Trying to figure out MCP by actually building an app from scratch with open s...
Julien SIMON
 
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 

Developing a Progressive Mobile Strategy (J. Boye edition)

Editor's Notes

  • #2: \n
  • #3: This presentation is already available on SlideShare at the address shown here. My entire script for the talk is included as notes for each slide. So all the numbers and anything else I mention is on slideshare.\n
  • #4: Again, my name is Dave Olsen and for the last eight and a half years I've worked at West Virginia University as a programmer and sometimes project manager. I work in the web unit of University Relations. So that's a technical unit within our marketing and communications group. I've been working on mobile websites for the last two years and those include not only our main site m.wvu.edu but quite a few marketing focused mobile websites. For scale to compare against your institution WVU is a land grand university with 32,0000 students.\n
  • #5: I want to be clear, this is a talk about strategy and as such it’s coming from a very 30,000 foot level…\n\n
  • #6: …and I’m distilling two years of experience watching mobile grow on our campus. So I won’t be diving too much into implementation details but if you have questions feel free to interrupt me.\n
  • #7: So what will I be talking about today... I’m going to start off by reviewing some terms I use in the presentation that folks might not be familiar with, then some reasons why you would want to think about pursuing a mobile strategy for your institution, followed by the meat of the presentation where we'll discuss how I think you should lay out your strategy, and then, lastly, some tools you can use to pursue that strategy.\n
  • #8: So the glossary of terms…\n
  • #9: “Native apps” tends to be the most confusing term that I use with clients. Everyone wants one and they don’t necessarily see the difference between an app and a mobile website. A native app is an application developed to run natively on the targeted device. Usually written in a device specific language like Objective-C or Java. The simplest way to think about it is if you can go to the iTunes store or the Android Marketplace and download an application from there it’s a native app.\n
  • #10: \n
  • #11: Mobile web refers to browser-based access to the internet from mobile devices. It may be more correct to refer to it as the mobile-optimized web. And the desktop web is just my way of referring to non-mobile-friendly sites. \n
  • #12: \n
  • #13: \n
  • #14: a layout engine that powers a number of popular mobile browsers including Mobile Safari. In the same way that we have different versions of internet explorer there are different versions of WebKit. They’re not all created equal.\n
  • #15: With the definitions out of the way let's look at why you'd want to pursue a mobile strategy for your campus. \n
  • #16: According to the Pew Internet and American Life Project, in May 2010, 65% of mobile users in the 18-29 demographic, part of the demographic we target, reported that they had used the mobile internet. \n
  • #17: According to the E-Expectations report from Noel Levitz that came out in July of last year, 23% of prospects had searched a college site from a mobile device. I’m not positive how much stock I put in that number since I don’t know how they were classifying mobile devices but it’s still pretty staggering.\n
  • #18: And, finally, according to Comscore roughly 30% of Americans owned smartphones at the end of October 2010. That’s up from 18% the year previous. The kicker, by the start of 2012, 6 short months away, half of the US population is forecasted to be using smartphones.\n
  • #19: \n
  • #20: \n
  • #21: The very first thing I stress? That there’s a difference between a strategy and a tactic and that what they’re looking for is really a strategy to deal with mobile.\n
  • #22: So that app you want? \n\n
  • #23: Yeah, not a strategy. Possibly a tactic but definitely not a strategy.\n
  • #24: Ok, so how ‘bout we add a mobile website to the mix. We’ll have all devices mostly covered with the website and then we have the slick iphone app. So that's a strategy, right? \n\n
  • #25: Unfortunately, no. You can see that coming, right? You’re a smart bunch.\n
  • #26: \n
  • #27: \n
  • #28: And remember all that content that we already have out there that Google and the other search engines have already indexed for us to give to that user when they search to get the answer to their urgent need? And the user probably already knows it’s out there?\n\nSo that’s reason #1.\n
  • #29: So how has mobile grown on our campus and what kind of technologies have we implemented. Well, it started in August 2009 with the launch of a student-developed iPhone app, iWVU, as well as our mobile portal built with the original MIT mobile framework. Both offer central services like campus calendar, campus map, and directory. \n
  • #30: …from there we added device detection & mobile template support to our in-house CMS,\n
  • #31: we’ve rolled out marketing efforts, like our Big East tournaments projects, that include mobile components and have been great test-beds for pushing our technical expertise. \n
  • #32: And, finally, our designers are starting to also use responsive design for departmental websites. \n\nSo with all that experience, our very public embrace of mobile for our campus, and a modicum of success we’re hearing from more and more groups on our campus who are interested in mobile. And the following sums up our initial interactions…\n
  • #33: Here is the semester-to-semester growth in traffic. I've left out summer just because it's an obvious lagging metric and I don't have another summer semester to compare against. It’s pretty obvious from these numbers that more and more users are accessing our content with mobile devices. To me, more page views equals more devices. \n
  • #34: There are a lot of options out there. Maybe an app or mobile website does fit. Maybe more than one solution fits. Just look at our school, we already have a lot out there and we’re barely scratching the surface. \n
  • #35: So if that’s what we, as institutions, will grow into or become how do we get there, with all that stuff, from here, where we’re basically starting at nothing. So with that it’s time to introduce…\n
  • #36: …a progressive mobile strategy. And I think their are three words that sort of sum up what a progressive mobile strategy means and helps get our clients on board.\n
  • #37: The first is prioritize. There may be a lot of things that they want to accomplish, and we can work towards that, but we want them to understand what mobile really means and make sure we’re tackling the correct problems first.\n
  • #38: The second is iterate. Again, we can implement, evaluate, and either clean up what we had previously, change the next priority or move onto the next priority.\n
  • #39: And third, like the swiss, we should try to stay neutral. And what that means is we shouldn’t let tech be our focus.\n
  • #40: Summing it up...\n
  • #41: And to bludgeon this point to death. We want to approach mobile with small bites. Focus on one topic/task/site whatever, implement that, and go after the next topic/task/site. Small bites and iteration are very important. There’s a ton to learn.\n
  • #42: So a progressive mobile strategy consists of three parts.\n
  • #43: First, an audience strategy, meaning which audiences you’ll focus on first, what we know about them and their use cases. So the audience then, in turn, helps define and inform…\n
  • #44: …a content strategy. Basically, which bits of content will you focus on first to deliver to that audience based on the use cases. And once those two things are out of the way we’ll look at…\n
  • #45: …a platform strategy, which focuses on the underlying technology and tactics, e.g. mobile web and native apps, to properly deliver the content that you’ve selected for your audience.\n
  • #46: This is probably a decent way to think of the strategy from a graphic perspective.\n
  • #47: Ok, so the first thing we have to understand as we develop our strategy is our audience. Or audiences.\n\n
  • #48: Now in higher ed we seem to have some pretty well-defined audiences. \n
  • #49: Now in higher ed we seem to have some pretty well-defined audiences. \n
  • #50: Now those audiences definitely exist in mobile but we can flesh them out a little bit more based on what we know about mobile-device using users. And that’s an important distinction to make. \n
  • #51: When Google evaluates a new mobile application one of the first things they evaluate it against are these three classes of users and tries to see how it fits in.\n
  • #52: The "repetitive now" user is someone checking for the same piece of information over and over again, like checking the same stock quotes or weather. \n
  • #53: The "bored now" are users who have time on their hands. People on trains or waiting in airports or sitting in cafes. Mobile users in this behavior group look a lot more like casual Web surfers without much user input since mobile devices still suck at that. \n
  • #54: And The "urgent now" is a request to find something specific fast, like the location of a bakery or directions to the airport.\n
  • #55: I would argue, without almost any supporting evidence, that most of our users or rather the main users we should be catering to in higher ed fall into the "urgent now" category. Or, rather, that as we use our tradition audiences we should stick “with an urgent need” after it. \n
  • #56: For example, “current student… urgent.” That’s what I mean about constraining users.\n\nWhy only urgent? The only content we have that fits into "bored now" content are press releases and someone has to be very bored to read those. News & YouTube are some of our worst performing sections. Actually, they are. And we don't have a ton of repetitive content. \n
  • #57: this sums up just some of the questions a current student may have “in the moment” and attempt to address from their mobile device.\n
  • #58: Along with those activities our users are likely to take we can actually think about location with mobile when defining them. According to Google's report "The Mobile Movement," released in April of this year, 95% of users who were using Google search were looking for local content. So, beyond need, this notion of needing content for my general vicinity becomes a constraint. So if you’re thinking alumni think visiting alumni. \n
  • #59: In the same report 88% of smartphone users reported that they took action on their internet searches within a day. Actually, the same day of the search. So there is this compressed timeframe that people have when looking for content. These audiences are trying to do tasks that make sense in the short term. I guess this sort of reinforces that “urgent now” constraint.\n
  • #60: And a quick, interesting point that I found. 61% of folks made a phone call. This is one of those easy, go back to the office and make a quick change to make your content more mobile friendly and useful. Add that telephone numbers clickable with tel:.\n
  • #61: And lastly, the sort of standard comment about context and mobile audiences is that they’re out and about and it turns out that that isn’t the true. 30% surf from their couch while watching TV and the vast majority of users have at least used it from the home. Mobile isn’t so much about on-the-go as it is about physical limitations in the device size, network limitations, and “access whenever you need it.”\n
  • #62: \n
  • #63: So to quickly review, when identifying and prioritizing your audiences…\n
  • #64: focus on those with urgent needs like those I mentioned earlier. \n
  • #65: Focus on your local constituencies before external audiences with one exception that I’ll get to in a little bit. \n
  • #66: focus on needs that address really short-term activities.\n
  • #67: and, finally, don’t fall into the trap of thinking your audience has to be out and about or even will be out and about when accessing content. It helps but it’s not required.\n
  • #68: The next part of developing a progressive mobile strategy is the content strategy. Now that we know who we might engage with and what they might be looking for based on their circumstances or those constraints we reviewed we can figure out what they want access too…\n
  • #69: Users have a specific task they want to accomplish, and frankly I think this view bleeds over to your regular website, and your mobile tools and tech has to reflect those tasks a user wants to accomplish. Finding a departments phone number easily totally outweighs reading the message from the dean. Make your content match those questions.\n
  • #70: This is a nice representation of content delivery, which i might think of more as bullshit content delivery, versus content that is actually useful to users. Hat tip to Steve Lewis for the suggestion on the inclusion of this graphic for properly showing the difference.\n
  • #71: Use this as an opportunity to create rather than just simply converting. Developing a mobile solution isn’t about just converting your home page with all of its politically dictated myriad of links or, say, your president’s message and making that available to mobile users in some slimmed down method. It’s really about creating a whole new organization and interface for services that make sense for mobile use. Even in a smaller form factor there are a lot of opportunities that will open for you.\n
  • #72: The best mobile solutions are going to be the ones that stress user needs above those of the org (within reason). Combining data and services should be done in a way that makes sense to the user as opposed to how they fit into the org.\n
  • #73: be able to answer the question, “What value will they gain from your content & services?“ I think that’s always the hope with any type of content be it mobile- or desktop-focused.\n
  • #74: So now we’re hitting the part where everyone, including me frankly, wants to start. But once you got the other two parts done, well, once you have them done in an ideal world, you can then match up platform strategy to properly implement what your audience needs and what your content supplies.\n
  • #75: So now we’re down to it, which comes first? Native or mobile web?\n\n
  • #76: The unfortunate thing for you is that issue is already dead. \n
  • #77: The question is no longer “Which, between mobile web or native, do we develop for?” \n
  • #78: It’s “How do we develop solutions to handle both mobile web and native now and of the future that deliver the content our users are expecting?” I think we’re already headed into the second phase of mobile development in higher ed. Maybe we’ll call it mobile dev 2.0. It’s the acceptance of the fact that there are going to be a lot of different solutions.\n
  • #79: There are a lot of options out there. Maybe an app or mobile website does fit. Maybe more than one solution fits. Just look at our school, we already have a lot out there and we’re barely scratching the surface. \n
  • #80: In an absolute ideal world your implementation of your campus' mobile platform strategy would probably follow a trend like this. And, yes, I’m completely embarrassed by this graphic.\n
  • #81: \nWe'd start with the building blocks for a flexible strategy by developing APIs. \n\n\n
  • #82: Then we'd build our mobile web solutions on top of these APIs to deliver information to as many devices as possible using the tools & techniques that your staff are familiar with or, at the very least, their shouldn’t to terribly much of a learning curve.\n\nAnd note that there is even a progressive path through mobile web starting with adaptive design at the bottom through to… \n \n…mobile portals with lots of interactivity & content all designed specifically for a mobile device and using device detection to modify the look server-side making it really adaptable to the client requesting the site. \n\n
  • #83: Then we could focus on native solutions to refine and provide the best quality solutions on a per operating system basis. And native apps would leverage the API as well. \n
  • #84: So, in a nutshell, that's the ideal platform strategy for an institution in my opinion. Even if it’s a little ugly looking. So let’s start with the core and base part of the platform strategy, the APIs.\n\n
  • #85: APIs are the infrastructure we need to create, the plumbing or the highways as it were, that will not only handle mobile but any future content-delivery format needs we have. Say, TVs or digital signage for example? At the end of the day, APIs allow us to create once and publish everywhere. I can’t stress enough how important APIs will be to your institution in terms of delivering viable, maintainable, and useful mobile solutions.\n
  • #86: So a quick example of how we're using APIs at WVU for our PRT system. WVU is split into three campuses and to connect them we have this little tram system, the PRT, which students can take to get from one campus to another. It was built in the 60s and, unfortunately, it's showing it's age. It'll break down every now and then. Now, in the past, a student only learned that the PRT was down by going to the station. Based on a student idea we worked with the PRT folks to gather that data to display on our mobile website. So we created an API for it. Transportation folks update it in one spot and, via JSON & XML it gets published to all of these locations instantly. And if we need to bring in another site or digital signage we just point it at the JSON or XML feed and we’re good to go. \n\n
  • #87: Obviously that's the ideal and that's not going to be the way most schools work right from the get go. We certainly didn't. That being said, learn from our experience it's much tougher to retrofit APIs to these kind of things than it is to just know you have to do that from the start.\n\nOnce we move from APIs and look at the next step in our platform strategy, which, for me, is mobile web. I know I said earlier that a platform strategy wasn’t an either/or but you have to start somewhere. It just happens to start in the place that I happen to value, mobile web.\n
  • #88: As I noted earlier there is actually a progressive strategy for mobile web as well moving from adaptive designs to CMS-based mobile templates and finally to standalone mobile sites. \n
  • #89: As I noted earlier there is actually a progressive strategy for mobile web as well moving from adaptive designs to CMS-based mobile templates and finally to standalone mobile sites. \n
  • #90: As I noted earlier there is actually a progressive strategy for mobile web as well moving from adaptive designs to CMS-based mobile templates and finally to standalone mobile sites. \n
  • #91: As I noted earlier there is actually a progressive strategy for mobile web as well moving from adaptive designs to CMS-based mobile templates and finally to standalone mobile sites. \n
  • #92: \n
  • #93: As I noted earlier there is actually a progressive strategy for mobile web as well moving from adaptive designs to CMS-based mobile templates and finally to standalone mobile sites. \n
  • #94: \n
  • #95: So then the next step in a mobile platform are native apps. Again, these are the apps you’re going to download through the iTunes Store or Android Marketplace.\nI’m not naïve enough to think that mobile web can handle every need a school will have. \n
  • #96: Frankly, vendors for systems like your learning management system are going to be the ones to bring native apps to your school. Or at least the most likely avenue for that. You may also have an opportunity to bring this kind of work in-house but I have a feeling that vendors will drive native app adoption at schools. \n\n
  • #97: The other place I see native apps being leveraged more than mobile web are in the absolute, bleeding edge cases for transforming how business is done on campus. More revolutionary than evolutionary. A decent example of this might be replacing student Ids with mobile devices equipped with near field communications or NFC technology.\n\n
  • #98: So that’s our mobile platform strategy that’s a part of our larger progressive mobile strategy. Start working on or planning to work on your infrastructure now. So read that as APIs. We already have a lot of content that has been crawled by search engines and users will be looking for it. There is no right mobile solution platform-wise for higher ed. You’re going to end up using all of them.\n
  • #99: So I guess I should make the case for mobile web first and I think I have two pretty good reasons. And, again, this isn’t an argument for a standalone mobile website, this is an argument for anyone of the viable mobile web solutions I just reviewed.\n
  • #100: One thing that I think gets overlooked when developing mobile solutions is understanding how users actually discover our offerings and service and what drives them.\n
  • #101: \n
  • #102: \n
  • #103: \n
  • #104: \n
  • #105: \n
  • #106: \n
  • #107: \n
  • #108: \n
  • #109: \n
  • #110: \n
  • #111: \n
  • #112: \n
  • #113: Ok, so to wrap all of this up we’ll go through a quick example…\n
  • #114: \n
  • #115: \n
  • #116: \n
  • #117: \n
  • #118: I couldn’t come up with a decent way to lay this out but... the notion is to prioritize audiences you want to deliver to in the left column. Then the types of content that make sense to them based on what we learned about audience. And then, finally, figure out what type of platform best fits that content to maeks ure we propersly deliver it.\n
  • #119: I couldn’t come up with a decent way to lay this out but... the notion is to prioritize audiences you want to deliver to in the left column. Then the types of content that make sense to them based on what we learned about audience. And then, finally, figure out what type of platform best fits that content to maeks ure we propersly deliver it.\n
  • #120: I couldn’t come up with a decent way to lay this out but... the notion is to prioritize audiences you want to deliver to in the left column. Then the types of content that make sense to them based on what we learned about audience. And then, finally, figure out what type of platform best fits that content to maeks ure we propersly deliver it.\n
  • #121: \n
  • #122: \n
  • #123: \n
  • #124: \n
  • #125: \n
  • #126: \n
  • #127: thanks\n