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.

Transcript

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

   View Slide

2. introduction about me
   

   View Slide

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

   View Slide

4. Why
   The Why
   of Future Friendly
   

   View Slide

5. What
   The What
   of Future Friendly
   

   View Slide

6. How
   How
   The How
   of Future Friendly
   

   View Slide

7. Why
   The Why
   of Future Friendly
   

   View Slide

8. History Lesson
   A History Lesson
   

   View Slide

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

   View Slide

10. We Had Print
    

    View Slide

11. defined container
    Strong Layout Constraints
    We Had Print
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

15. Computers
    

    View Slide

16. Internet
    

    View Slide

17. Internet
    Flexible Layouts
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

21. 24-7 access, two way
    Fixed Access
    

    View Slide

22. 24-7 access, two way
    Limited Resolutions
    

    View Slide

23. 24-7 access, two way
    Content Silos
    

    View Slide

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

    View Slide

25. 24-7 access, two way
    Mobile
    

    View Slide

26. Highly Constrained Layouts
    Mobile
    

    View Slide

27. Highly Constrained Layouts
    Rapidly Evolving Ecosystem
    Mobile
    

    View Slide

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

    View Slide

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

    View Slide

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

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

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

    View Slide

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

    View Slide

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

    View Slide

35. Trying to Keep Up?
    

    View Slide

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

    View Slide

37. A Small Taste
    

    View Slide

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

    View Slide

39. Our Future?
    

    View Slide

40. Scary
    It’s Scary!
    

    View Slide

41. It’s Overwhelming!
    

    View Slide

42. You’ll Want To Hide
    

    View Slide

43. A Ray of Hope
    

    View Slide

44. View Slide

45. What
    The What
    of Future Friendly
    

    View Slide

46. who founded it
    

    View Slide

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

    View Slide

48. futurefriend.ly
    

    View Slide

49. What
    What
    The Truths
    aka “Our Reality”
    

    View Slide

50. Text
    The Truths
    Disruption will only
    accelerate.
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

54. What
    What
    There is Hope
    Rejoice!
    

    View Slide

55. Text
    A New Hope
    Acknowledge & embrace
    unpredictability.
    

    View Slide

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

    View Slide

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

    View Slide

58. “
    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 Slide

59. How
    How
    The How
    of Future Friendly
    

    View Slide

60. Here
    There
    How Do We Get There?
    

    View Slide

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

    View Slide

62. Don’t Overreact
    

    View Slide

63. The Shiny
    

    View Slide

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

    View Slide

65. Be Friendly!
    

    View Slide

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

67. So Breathe & Relax... A Little
    

    View Slide

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

    View Slide

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

    View Slide

70. Boo, Politics!
    

    View Slide

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

    View Slide

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

73. The Age of the Sensor
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

77. API highway slide
    Recombinable Content
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

82. responsive web design...
    

    View Slide

83. discovery + communication plan
    Discovery
    

    View Slide

84. View Slide

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

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

    View Slide

87. Existing Indexed Content
    

    View Slide

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

    View Slide

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

90. Getting
    social?
    Social Media
    

    View Slide

91. Print Pieces
    

    View Slide

92. Got the Skills to Pay the Bills
    

    View Slide

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

    View Slide

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

    View Slide

95. ress.dmolsen.com
    

    View Slide

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

    View Slide

97. It’s a Starting Point
    

    View Slide

98. Resources
    Resources
    

    View Slide

99. futurefriend.ly
    

    View Slide

100. Twitter & Stuff
     mobilewebbestpractices.com
     

     View Slide

101. twitter.com/dmolsen/ffly
     

     View Slide

102. dmolsen.com
     

     View Slide

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

     View Slide

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

105. The End
     

     View Slide