Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Future Friendly Campus

The Future Friendly Campus

Social media and mobile devices have combined to help create the always-with-us, always-on, always-connected campus. Not just student-to-student but, importantly, institution/faculty/staff-to-student as well as staff-to-staff. We need to look beyond the silo-ed, one-way web sites of the past towards more personal, two-way applications that take advantage of this sea change on campus. The ways in which our users will want to interact with us, the types of tasks they’ll want to complete, and the types of devices we’ll want to deliver to will just continue to proliferate.

Now is the time to reevaluate.

Using lessons learned at a large land-grant institution we’ll look at what the future friendly campus might look like, ways to plant the seed of that change and tips on how to accomplish it.

Dave Olsen

April 11, 2012
Tweet

More Decks by Dave Olsen

Other Decks in Technology

Transcript

  1. The Future
    Friendly Campus
    Dave Olsen, @dmolsen
    West Virginia University

    View full-size slide

  2. introduction about me

    View full-size slide

  3. 30,000 ft
    From 30,000 ft.

    View full-size slide

  4. Why
    The Why
    of Future Friendly

    View full-size slide

  5. What
    The What
    of Future Friendly

    View full-size slide

  6. How
    How
    The How
    of Future Friendly

    View full-size slide

  7. Why
    The Why
    of Future Friendly

    View full-size slide

  8. History Lesson
    A History Lesson

    View full-size slide

  9. Why
    The Future
    Friendly Campus
    In the beginning...

    View full-size slide

  10. We Had Print

    View full-size slide

  11. defined container
    Strong Layout Constraints
    We Had Print

    View full-size slide

  12. defined container
    Strong Layout Constraints
    Content & Layout Are
    Tightly Coupled
    We Had Print

    View full-size slide

  13. defined container
    Strong Layout Constraints
    Content & Layout Are
    Tightly Coupled
    Primarily “Talk At”
    We Had Print

    View full-size slide

  14. Why
    The Future
    Friendly Campus
    In more recent times...

    View full-size slide

  15. Internet
    Flexible Layouts

    View full-size slide

  16. Internet
    Flexible Layouts
    Content & Layout Can Start
    To Be Decoupled

    View full-size slide

  17. Flexible Layouts
    Content & Layout Can Start
    To Be Decoupled
    Has Turned Into “Talk With”
    Internet

    View full-size slide

  18. Why
    False Sense of Security
    Which lead too a...

    View full-size slide

  19. 24-7 access, two way
    Fixed Access

    View full-size slide

  20. 24-7 access, two way
    Limited Resolutions

    View full-size slide

  21. 24-7 access, two way
    Content Silos

    View full-size slide

  22. Why
    The Future
    Friendly Campus
    The present day...

    View full-size slide

  23. 24-7 access, two way
    Mobile

    View full-size slide

  24. Highly Constrained Layouts
    Mobile

    View full-size slide

  25. Highly Constrained Layouts
    Rapidly Evolving Ecosystem
    Mobile

    View full-size slide

  26. Highly Constrained Layouts
    Rapidly Evolving Ecosystem
    Allows True “Anywhere,
    Anytime” Access
    Mobile

    View full-size slide

  27. Yes, Anywhere
    75% of men admit to using their
    mobile on the toilet.
    Source: http://www.11mark.com/IT-in-the-Toilet

    View full-size slide

  28. And Anytime
    83% of young people sleep next
    to their phones.
    Source:http://www.prdaily.com/Main/Articles/Infographic_83_percent_of_young_people_sleep_next_9391.aspx

    View full-size slide

  29. The Wave is Coming
    http://www.macrumors.com/2012/04/03/one-third-of-u-s-high-school-students-now-own-an-iphone/
    34% of high school students
    report owning an iPhone.

    View full-size slide

  30. The Hyper-Connected
    Society
    We’re entering...
    So what does it mean?

    View full-size slide

  31. 24-7 access, two way
    Building New Content Silos?

    View full-size slide

  32. 24-7 access, two way
    Learning New Skills?

    View full-size slide

  33. Trying to Keep Up?

    View full-size slide

  34. Why
    The Future
    Friendly Campus
    The near future...
    And then there’s...

    View full-size slide

  35. A Small Taste

    View full-size slide

  36. native apps
    standalone
    mobile sites
    mobile templates
    responsive designs
    APIs
    WVU’s Solutions

    View full-size slide

  37. Scary
    It’s Scary!

    View full-size slide

  38. It’s Overwhelming!

    View full-size slide

  39. You’ll Want To Hide

    View full-size slide

  40. A Ray of Hope

    View full-size slide

  41. What
    The What
    of Future Friendly

    View full-size slide

  42. who founded it

    View full-size slide

  43. @grigs
    @adactio
    @brad_frost
    @lyzadanger
    @scottjehl
    @bryanrieger
    @stephanierieger @globalmoxie
    @lukew
    @scottjenson
    Twitter Handles

    View full-size slide

  44. futurefriend.ly

    View full-size slide

  45. What
    What
    The Truths
    aka “Our Reality”

    View full-size slide

  46. Text
    The Truths
    Disruption will only
    accelerate.

    View full-size slide

  47. Text
    The Truths
    Our existing standards,
    workflows, & infrastructure
    won’t hold up.

    View full-size slide

  48. Text
    The Truths
    Proprietary solutions will
    dominate at first.

    View full-size slide

  49. Text
    The Truths
    The standards process will be
    painfully slow.

    View full-size slide

  50. What
    What
    There is Hope
    Rejoice!

    View full-size slide

  51. Text
    A New Hope
    Acknowledge & embrace
    unpredictability.

    View full-size slide

  52. Text
    A New Hope
    Think & behave in a
    future-friendly way.

    View full-size slide

  53. Text
    A New Hope
    Help others do the same.

    View full-size slide


  54. Future Friendly is more the
    outcome of a Constitutional
    Convention than it is a practical
    set of laws. A “when you do
    stuff, do it with this in mind”
    mode of thinking.
    - Dave Mulder
    @muldster
    Summing It Up

    View full-size slide

  55. How
    How
    The How
    of Future Friendly

    View full-size slide

  56. Here
    There
    How Do We Get There?

    View full-size slide

  57. Text
    Future Friendly Tenet
    Acknowledge & embrace
    unpredictability.
    #1

    View full-size slide

  58. Don’t Overreact

    View full-size slide

  59. technology doesn’t solve all ills (pencil photo)
    Tech Isn’t Always Best

    View full-size slide

  60. Be Friendly!

    View full-size slide

  61. Text
    Why not?
    70% of prospective students
    are happy to browse your
    current websites on their
    mobile device.
    Source: https://www.noellevitz.com/papers-research-higher-education/2012/2012-mobile-expectations-report

    View full-size slide

  62. So Breathe & Relax... A Little

    View full-size slide

  63. Text
    Future Friendly Tenet
    Think & behave in a
    future-friendly way.
    #2

    View full-size slide

  64. Text
    Next Steps
    Don’t worry about being known,
    worry about being useful.

    View full-size slide

  65. Boo, Politics!

    View full-size slide

  66. The University Home Page
    Content Delivery vs. Tangible Utility

    View full-size slide

  67. mobile first

    Mobile devices require software development
    teams to focus on only the most important
    data and actions in an application.
    Mobile First
    - Luke Wroblewski
    @lukew

    View full-size slide

  68. The Age of the Sensor

    View full-size slide

  69. Text
    Next Steps
    Data & content should be
    set free.

    View full-size slide

  70. API First
    APIs: The Plumbing
    Create Once, Publish Everywhere
    APIs are the infrastructure for your
    Future Friendly initiatives...

    View full-size slide

  71. Update once. Publishes to:
    iOS App,
    Mobile Website,
    Student Portal,
    Transportation Website, &
    Twitter
    PRT API Example

    View full-size slide

  72. API highway slide
    Recombinable Content

    View full-size slide

  73. Text
    Afternoon Talk
    Creating APIs for Mobile
    - Nick DeNardis
    @nickdenardis

    View full-size slide

  74. Text
    Next Steps
    Structure & store data with the
    future in mind.

    View full-size slide

  75. structured & self-aware content
    Structured & Self-Aware Content

    View full-size slide

  76. Text
    Next Steps
    Give your existing content a
    chance to adapt to the future.

    View full-size slide

  77. responsive web design...

    View full-size slide

  78. discovery + communication plan
    Discovery

    View full-size slide

  79. stat about browser usage
    “Not every mobile device will have
    your app on it but every mobile
    device will have a browser.
    - Jason Grigsby
    @grigs
    Discovery

    View full-size slide

  80. 77% of smartphone users use search.
    Most visited type of website.
    from Google’s “The Mobile Movement” report, April 2011

    View full-size slide

  81. Existing Indexed Content

    View full-size slide

  82. stat about browser usage
    “Links don’t open apps.
    - Jason Grigsby
    @grigs
    Discovery

    View full-size slide

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

    View full-size slide

  84. Getting
    social?
    Social Media

    View full-size slide

  85. Print Pieces

    View full-size slide

  86. Got the Skills to Pay the Bills

    View full-size slide

  87. links
    + skills
    + search
    responsive web
    design first
    Summing It Up

    View full-size slide

  88. Evolution of RWD
    RESS
    Responsive Web Design + Server Side Components

    View full-size slide

  89. ress.dmolsen.com

    View full-size slide

  90. Text
    Future Friendly Tenet
    Help others do the same.
    #3

    View full-size slide

  91. It’s a Starting Point

    View full-size slide

  92. Resources
    Resources

    View full-size slide

  93. futurefriend.ly

    View full-size slide

  94. Twitter & Stuff
    mobilewebbestpractices.com

    View full-size slide

  95. twitter.com/dmolsen/ffly

    View full-size slide

  96. Many thanks to Mr. Robertson
    for the snazzy device &
    progressive strategy graphics.

    View full-size slide

  97. Thanks,
    Star Trek by jdhancock
    Student Recording Video by U. of Denver
    Silo by dawn_perry
    Road to Ribblesdale by Luc B
    Cat by pagedooley
    Toilet by beatkueng
    Highway Lights by Spreng Ben
    Ray by shutterrunner
    Bed by chaparral
    Wave by mikebaird
    Flickr by dsevilla
    Clouds by Francisco Martins
    Monitor by benadamson
    Google by manfrys
    Cyber Cafe by larskflem
    Lego Discovery by dunechaser
    Computer by x-ray_delta_one
    History Lesson by kalexanderson
    Beach by nattu
    Overwhelmed by pagedooley Jewels by pinksherbet
    Scary by jon_ovington
    Overreach by kwl
    Capitol by wbeem
    Pencil by ??? Dog by hippolytephotography
    Sensor by juanpg RWD by chasingdaisy
    Communicate by pagedooley Hamster by zebrapares
    FF Group by lyzadanger
    Tattoo by tantek

    View full-size slide