Going mobile edu web presentation - 2011


Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Going mobile edu web presentation - 2011

  1. 1. Nathan GerberDirector, Web Development ServicesUtah Valley University
  2. 2. Nathan GerberDirector, Web Development ServicesUtah Valley University
  3. 3. Nathan Gerber @nathangerber  16 years Web IA experience  Director, Web Development Services  Noel-Levitz Associate Consultant, Web Strategy Services TeamUtah Valley University  Largest state university in Utah (almost…one more student)  32,000+ students  28,000+ public pages
  4. 4.  Why mobile is important  If you are still wondering after this conference, we need to talk. The questions we answered and why  You’ve heard most of these already. Tools we found to be keys to success  This, you might find interesting New mobile concepts…make you think…  Possible shifts in the way we approach design, development
  5. 5. Can you find my son in this picture?
  6. 6.  Blah, Blah, Blah Yeah, we all know (now that we attended eduWeb 2011) mobile is sky rocketing! But how big of a “shift” is it?
  7. 7. Dial-up Mainframe  PC BroadbandMOBILE
  8. 8. 1.37 Billion mobile phones sold in 2010In context: 1.2 Billion total PC in world 1.6 Billion televisions
  9. 9. 42%Percentage of teens in the U.S. can send a text message blindfolded. (They can type faster on a phone than a QUERTY keyboard)
  10. 10. “What is your favorite way to communicate?” ▪ Text Messaging – 68% ▪ Voice (mobile call) – 9.2% ▪ Facebook – 8.8% ▪ Instant Messaging – 2.8% ▪ E-mail – 0.2%
  11. 11. Mobile is huge! It is coming like a tsunami!It will impact us beyond just building another website!
  12. 12. “Mobilize, don’t miniaturize”… anon. - Anonymous“… the mobile context is so different from the desktop one it deserves direct consideration vs. just mangling down a full-size site.” - Drew Stevenson, University of Minnesota, 2010“The user IS mobile, not just holding one.” - Justin Gatewood, Victor Valley Community College
  13. 13. “It is not about making our site work on a mobile device, it is about what our users need when they’re mobile” - Mobile Web Team, Utah Valley University
  14. 14. Know the problem you are trying to solve“If you don’t know where you are going, any old ticket will do”
  15. 15. AUDIENCE? Who are we building for?Current Students PURPOSE?To provide top for? What are we doing it info and services
  16. 16.  It is a matter of available skill sets and/or resources for your mobile project Recommendation: Do what you can to get resources and skill sets to do both To be mobile, you will eventually do both!
  17. 17. Web team resources Mobile web project
  18. 18. What devices do we build iPhonefor and support? +126% iPhone Android Android iPad +349%Why? iPad Because our users have them +332% (and so do our Administrators) Resources Windows Blackberry
  19. 19. Use campus-wide web team  Input/buy-inPresent a strategy to Admin  Information itemUse current campus resources  IT, marketing, tech. students
  20. 20. 1. Mobile Web Site for key content/services  Resources and time2. Make your current site presentable  Clean up CSS and layout3. Mobile Apps – where needed  Use frameworks for ROI 4. Responsive/Adaptive design restructure  Learn and implement5. Bring it all together  One system, one site
  21. 21. http://www.dmolsen.com/mobile-in-higher-ed/
  22. 22. How big do we make our first attempt? Start with info for students Choose top content Don’t try to publish everything* Baby steps, Bob, Be willing to make mistakes* baby steps Be flexible* Design and redesign* Add apps where needed*from TAMUmobile – HighEd Web 2010
  23. 23.  One code set – multiple mobile platforms Research ERP Vendor solutions  Banner, PeopleSoft, Datatel Focus on mobile web, apps only where needed Many different frameworks available
  24. 24.  http://colly.com/ - simple movement of columns http://garretkeizer.com/ - fluid layout, flexible images and text http://citycrawlers.eu/berlin/ - slideshow drops out at small resolution
  25. 25.  W3C Mobile Initiave  http://www.w3.org/Mobile/ Several Mobile Approaches  http://www.smashingmagazine.com/2011/07/11/ picking-a-mobile-support-strategy-for-your- website/ HTML 5 Boilerplate  http://html5boilerplate.com/
  26. 26.  One of our most important mobile tools OmniUpdate Evaluate your CMS for mobile  Content reuse?  Mobile templates?  Multi-format publish?  Mobile tagging?  Republish RSS feeds from other systems?
  27. 27. Where Is The Content How To Use In MobileExisting web page Publish through XSL – CSS to present in  mobile formatPiece of existing web page Special DIV, publish through XSL– CSS   to present in mobile formatContent specific for mobile, relevant to  Special DIV, publish through XSL – CSS existing web page to present in mobile formatContent from other systems Use OU RSS features – CSS to present  in mobile format
  28. 28.  Remember, it is about the content contributors – ownership Do not split out mobile CMS unless necessary If needed, look for ways to migrate to appropriate CMS tools over time
  29. 29. Mobile WebSource: http://xkcd.com
  30. 30.  OmniUpdate QR codes Browser sniffer Analytics HTML 5 Lots of devices Some Emulators * Other High Ed mobile sites * http://mobiforge.com/emulators/page/mobile-emulators
  31. 31. 4,449%How much the use of QR codes has risen in the past year. For mobile use only Use a QR service with a URL shortener Consider QR codes an asset
  32. 32.  Creating a launch panel for other UVU apps Create app functionality where needed Integration of OmniUpdate and other systems data sets Continual migration of public site and mobile together  Responsive/Adaptive design
  33. 33.  Mobile is changing the way we view/consume content and services Research, decide, modify as you go Choose what works for your institution Keep Administration informed CMS is a key tool – XML, RSS Get on board! Higher Ed is already behind Be a mobile user yourself, best evaluator
  34. 34. - Mobile Web Team, Utah Valley University
  35. 35. Nathan GerberNathan.Gerber@uvu.edu@nathangerber