The FutureFriendly CampusDave Olsen, @dmolsenWest Virginia University
introduction about me
From 30,000 ft.30,000 ft
The WhyWhyof Future Friendly
The What      Whatof Future Friendly
HowThe How   Howof Future Friendly
The WhyWhyof Future Friendly
A History LessonHistory Lesson
The FutureFriendlyWhy  Campus    In the beginning...
We Had Print
We Had Print       Strong Layout Constraintsdefined container
We Had Print      Strong Layout Constraints       Content & Layout Aredefined Tightly Coupled       container
We Had Print      Strong Layout Constraints       Content & Layout Aredefined Tightly Coupled       container      Primaril...
The FutureFriendlyWhy times...            Campus  In more recent
Computers
Internet
InternetFlexible Layouts
InternetFlexible LayoutsContent & Layout Can StartTo Be Decoupled
InternetFlexible LayoutsContent & Layout Can StartTo Be DecoupledHas Turned Into “Talk With”
Which lead too a...False Sense of Security         Why
Fixed Access24-7 access, two way
Limited Resolutions24-7 access, two way
Content Silos24-7 access, two way
The FutureFriendlyWhy day...            Campus    The present
Mobile24-7 access, two way
MobileHighly Constrained Layouts
MobileHighly Constrained LayoutsRapidly Evolving Ecosystem
MobileHighly Constrained LayoutsRapidly Evolving EcosystemAllows True “Anywhere,Anytime” Access
Yes, Anywhere75% of men admit to using theirmobile on the toilet.Source: http://www.11mark.com/IT-in-the-Toilet
And Anytime 83% of young people sleep next to their phones.Source:http://www.prdaily.com/Main/Articles/Infographic_83_perc...
The Wave is Coming 34% of high school students report owning an iPhone.http://www.macrumors.com/2012/04/03/one-third-of-u-...
We’re entering...The Hyper-Connected      SocietySo what does it mean?
Building New Content Silos?24-7 access, two way
Learning New Skills?24-7 access, two way
Trying to Keep Up?
The Future      And then there’s...FriendlyWhyCampus    The near future...
A Small Taste
WVU’s Solutions          standalone      responsive designs          mobile sitesnative apps          mobile templates    ...
Our Future?
It’s Scary!Scary
It’s Overwhelming!
You’ll Want To Hide
A Ray of Hope
The What      Whatof Future Friendly
who founded it
Twitter Handles  @brad_frost      @scottjenson   @adactio         @scottjehl     @grigs          @lukew @bryanrieger      ...
futurefriend.ly
WhatThe Truths       What aka “Our Reality”
The TruthsDisruption will only        Text    accelerate.
The Truths Our existing standards,           Textworkflows, & infrastructure     won’t hold up.
The TruthsProprietaryText            solutions will   dominate at first.
The TruthsThe standards process will be             Text       painfully slow.
What HopeThere is     What   Rejoice!
A New HopeAcknowledge & embrace         Text   unpredictability.
A New HopeThink & behave in a         Textfuture-friendly way.
A New Hope          TextHelp others do the same.
Summing It Up“Future Friendly is more theoutcome of a ConstitutionalConvention than it is a practicalset of laws. A “when ...
HowThe How   Howof Future Friendly
How Do We Get There?There Here
Future Friendly Tenet   Acknowledge & embrace          Text#1   unpredictability.
Don’t Overreact
The Shiny
Tech Isn’t Always Besttechnology doesn’t solve all ills (pencil photo)
Be Friendly!
Why not?    70% of prospective students     are happy to browse your                Text     current websites on their    ...
So Breathe & Relax... A Little
Future Friendly Tenet   Think &Text            behave in a#2   future-friendly way.
Next StepsDon’t worry about being known,              Text  worry about being useful.
Boo, Politics!
The University Home PageContent Delivery vs. Tangible Utility
Mobile First              mobile first“Mobile devices require software developmentteams to focus on only the most important...
The Age of the Sensor
Next StepsData & content should be           Text        set free.
APIs: The Plumbing                API First  APIs are the infrastructure for your    Future Friendly initiatives...Create ...
PRT API ExampleUpdate once. Publishes to:  iOS App,   Mobile Website,    Student Portal,     Transportation Website, &    ...
Recombinable ContentAPI highway slide
Afternoon TalkCreating APIs for Mobile          Text           - Nick DeNardis             @nickdenardis
Next StepsStructure & store data with the              Text       future in mind.
Structured & Self-Aware Contentstructured & self-aware content
Next Steps Give your existing content a             Textchance to adapt to the future.
responsive web design...
Discoverydiscovery + communication plan
Discovery“Not every mobile device will haveyour app on it but every mobile      stat about browser usagedevice will have a...
77% of smartphone users use search.   Most visited type of website.    from Google’s “The Mobile Movement” report, April 2...
Existing Indexed Content
Discovery“Links don’t open apps.             - Jason Grigsby     stat about@grigs                 browser usage
55% of users with an internet-enabledphone use it to check personal email.  from Merkle’s “View from the Digital Inbox” re...
Social MediaGetting social?
Print Pieces
Got the Skills to Pay the Bills
Summing It Up           links       + skills       + searchresponsive web    design first
Evolution of RWD                 RESSResponsive Web Design + Server Side Components
ress.dmolsen.com
Future Friendly Tenet           Text#3 Help others do the same.
It’s a Starting Point
Resources  Resources
futurefriend.ly
mobilewebbestpractices.comTwitter & Stuff
twitter.com/dmolsen/ffly
dmolsen.com
Many thanks to Mr. Robertson   for the snazzy device &progressive strategy graphics.
Thanks,Tattoo by tantek                          FF Group by lyzadangerCommunicate by pagedooley                 Hamster b...
The End
The Future Friendly Campus
The Future Friendly Campus
Upcoming SlideShare
Loading in...5
×

The Future Friendly Campus

35,656

Published on

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.

This presentation was given at the 2012 .eduGuru Summit on April 11, 2012.

Published in: Technology
4 Comments
20 Likes
Statistics
Notes
No Downloads
Views
Total Views
35,656
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
177
Comments
4
Likes
20
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • thanks\n
  • The Future Friendly Campus

    1. 1. The FutureFriendly CampusDave Olsen, @dmolsenWest Virginia University
    2. 2. introduction about me
    3. 3. From 30,000 ft.30,000 ft
    4. 4. The WhyWhyof Future Friendly
    5. 5. The What Whatof Future Friendly
    6. 6. HowThe How Howof Future Friendly
    7. 7. The WhyWhyof Future Friendly
    8. 8. A History LessonHistory Lesson
    9. 9. The FutureFriendlyWhy Campus In the beginning...
    10. 10. We Had Print
    11. 11. We Had Print Strong Layout Constraintsdefined container
    12. 12. We Had Print Strong Layout Constraints Content & Layout Aredefined Tightly Coupled container
    13. 13. We Had Print Strong Layout Constraints Content & Layout Aredefined Tightly Coupled container Primarily “Talk At”
    14. 14. The FutureFriendlyWhy times... Campus In more recent
    15. 15. Computers
    16. 16. Internet
    17. 17. InternetFlexible Layouts
    18. 18. InternetFlexible LayoutsContent & Layout Can StartTo Be Decoupled
    19. 19. InternetFlexible LayoutsContent & Layout Can StartTo Be DecoupledHas Turned Into “Talk With”
    20. 20. Which lead too a...False Sense of Security Why
    21. 21. Fixed Access24-7 access, two way
    22. 22. Limited Resolutions24-7 access, two way
    23. 23. Content Silos24-7 access, two way
    24. 24. The FutureFriendlyWhy day... Campus The present
    25. 25. Mobile24-7 access, two way
    26. 26. MobileHighly Constrained Layouts
    27. 27. MobileHighly Constrained LayoutsRapidly Evolving Ecosystem
    28. 28. MobileHighly Constrained LayoutsRapidly Evolving EcosystemAllows True “Anywhere,Anytime” Access
    29. 29. Yes, Anywhere75% of men admit to using theirmobile on the toilet.Source: http://www.11mark.com/IT-in-the-Toilet
    30. 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
    31. 31. The Wave is Coming 34% of high school students report owning an iPhone.http://www.macrumors.com/2012/04/03/one-third-of-u-s-high-school-students-now-own-an-iphone/
    32. 32. We’re entering...The Hyper-Connected SocietySo what does it mean?
    33. 33. Building New Content Silos?24-7 access, two way
    34. 34. Learning New Skills?24-7 access, two way
    35. 35. Trying to Keep Up?
    36. 36. The Future And then there’s...FriendlyWhyCampus The near future...
    37. 37. A Small Taste
    38. 38. WVU’s Solutions standalone responsive designs mobile sitesnative apps mobile templates APIs
    39. 39. Our Future?
    40. 40. It’s Scary!Scary
    41. 41. It’s Overwhelming!
    42. 42. You’ll Want To Hide
    43. 43. A Ray of Hope
    44. 44. The What Whatof Future Friendly
    45. 45. who founded it
    46. 46. Twitter Handles @brad_frost @scottjenson @adactio @scottjehl @grigs @lukew @bryanrieger @lyzadanger@stephanierieger @globalmoxie
    47. 47. futurefriend.ly
    48. 48. WhatThe Truths What aka “Our Reality”
    49. 49. The TruthsDisruption will only Text accelerate.
    50. 50. The Truths Our existing standards, Textworkflows, & infrastructure won’t hold up.
    51. 51. The TruthsProprietaryText solutions will dominate at first.
    52. 52. The TruthsThe standards process will be Text painfully slow.
    53. 53. What HopeThere is What Rejoice!
    54. 54. A New HopeAcknowledge & embrace Text unpredictability.
    55. 55. A New HopeThink & behave in a Textfuture-friendly way.
    56. 56. A New Hope TextHelp others do the same.
    57. 57. Summing It Up“Future Friendly is more theoutcome of a ConstitutionalConvention than it is a practicalset of laws. A “when you dostuff, do it with this in mind”mode of thinking. - Dave Mulder @muldster
    58. 58. HowThe How Howof Future Friendly
    59. 59. How Do We Get There?There Here
    60. 60. Future Friendly Tenet Acknowledge & embrace Text#1 unpredictability.
    61. 61. Don’t Overreact
    62. 62. The Shiny
    63. 63. Tech Isn’t Always Besttechnology doesn’t solve all ills (pencil photo)
    64. 64. Be Friendly!
    65. 65. Why not? 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
    66. 66. So Breathe & Relax... A Little
    67. 67. Future Friendly Tenet Think &Text behave in a#2 future-friendly way.
    68. 68. Next StepsDon’t worry about being known, Text worry about being useful.
    69. 69. Boo, Politics!
    70. 70. The University Home PageContent Delivery vs. Tangible Utility
    71. 71. Mobile First mobile first“Mobile devices require software developmentteams to focus on only the most importantdata and actions in an application. - Luke Wroblewski @lukew
    72. 72. The Age of the Sensor
    73. 73. Next StepsData & content should be Text set free.
    74. 74. APIs: The Plumbing API First APIs are the infrastructure for your Future Friendly initiatives...Create Once, Publish Everywhere
    75. 75. PRT API ExampleUpdate once. Publishes to: iOS App, Mobile Website, Student Portal, Transportation Website, & Twitter
    76. 76. Recombinable ContentAPI highway slide
    77. 77. Afternoon TalkCreating APIs for Mobile Text - Nick DeNardis @nickdenardis
    78. 78. Next StepsStructure & store data with the Text future in mind.
    79. 79. Structured & Self-Aware Contentstructured & self-aware content
    80. 80. Next Steps Give your existing content a Textchance to adapt to the future.
    81. 81. responsive web design...
    82. 82. Discoverydiscovery + communication plan
    83. 83. Discovery“Not every mobile device will haveyour app on it but every mobile stat about browser usagedevice will have a browser. - Jason Grigsby @grigs
    84. 84. 77% of smartphone users use search. Most visited type of website. from Google’s “The Mobile Movement” report, April 2011
    85. 85. Existing Indexed Content
    86. 86. Discovery“Links don’t open apps. - Jason Grigsby stat about@grigs browser usage
    87. 87. 55% of users with an internet-enabledphone use it to check personal email. from Merkle’s “View from the Digital Inbox” report, January 2011
    88. 88. Social MediaGetting social?
    89. 89. Print Pieces
    90. 90. Got the Skills to Pay the Bills
    91. 91. Summing It Up links + skills + searchresponsive web design first
    92. 92. Evolution of RWD RESSResponsive Web Design + Server Side Components
    93. 93. ress.dmolsen.com
    94. 94. Future Friendly Tenet Text#3 Help others do the same.
    95. 95. It’s a Starting Point
    96. 96. Resources Resources
    97. 97. futurefriend.ly
    98. 98. mobilewebbestpractices.comTwitter & Stuff
    99. 99. twitter.com/dmolsen/ffly
    100. 100. dmolsen.com
    101. 101. Many thanks to Mr. Robertson for the snazzy device &progressive strategy graphics.
    102. 102. Thanks,Tattoo by tantek FF Group by lyzadangerCommunicate by pagedooley Hamster by zebraparesSensor by juanpg RWD by chasingdaisyPencil by ??? Dog by hippolytephotographyHistory Lesson by kalexanderson Road to Ribblesdale by Luc BComputer by x-ray_delta_one Cat by pagedooleyLego Discovery by dunechaser Toilet by beatkuengCyber Cafe by larskflem Highway Lights by Spreng BenGoogle by manfrys Ray by shutterrunnerMonitor by benadamson Bed by chaparralStar Trek by jdhancock Clouds by Francisco MartinsStudent Recording Video by U. of Denver Wave by mikebairdSilo by dawn_perry Beach by nattuOverwhelmed by pagedooley Jewels by pinksherbetFlickr by dsevilla Overreach by kwlScary by jon_ovington Capitol by wbeem
    103. 103. The End
    1. A particular slide catching your eye?

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

    ×