1. Mobile on Campus
and Beyond
Brad Leege, UW–Madison
Nick Weaver, UW–Madison
Michael Hostad, UW–Milwaukee

2. The Evolution of Mobile at UW–Madison

3. 2009: Big Shiny Object Syndrome

4. Why do we
need one?
?

5. Market trends / cultural trends

6. Students expect mobile
50% own smart phones

7. Meet our audiences
where they are
UW–Madison Our audiences

8. Early 2010
Our first mobile goal:
a native app for the iPhone

9. ?
What do we do?
What can we do?
What should we do?

10. Collaborate...
...over coffee!

11. Mobile has fostered a
new entrepreneurial
spirit among developers

12. To vendor or not to vendor...

13. Benefits of building
our own app
Full control over:
• the app design
• user experience
• analytics
Development of in-house skills

14. Mobile UW 1.0 for iPhone
Defining requirements.
Included features that:
• added value in a mobile context
• had existing, production-deployed,
open data services
• provided a mix of value across our
target audiences

15. Mobile UW 1.0 for iPhone
Campus Directory

16. Mobile UW 1.0 for iPhone
Campus Map

17. Mobile UW 1.0 for iPhone
Campus Safety

18. Mobile UW 1.0 for iPhone
News

19. Mobile UW 1.0 for iPhone
Events

20. Mobile UW 1.0 for iPhone
Athletics

21. Mobile UW 1.0 for iPhone
Video

22. Mobile UW 1.0 for iPhone
Buses

23. Mobile UW—Native apps
Development history
• Mobile UW 1.0 for iOS: Dec. 2010
• Mobile UW 1.0 for Android: July 2011
• Mobile UW 1.1: September 2011
• Mobile UW 1.2: Any day now ...

24. Mobile UW—Native apps
Usage:
• Downloads: 31,000+
• Of Rose Bowls and snow storms
• Global Badgers
• From Superior to Kenosha

25. Mobile UW—Statewide usage

26. The Mobile Web
Bringing Mobile UW to all devices!

27. Why I ♥ the Mobile Web
• It’s the Web!
• One Web
• Typo, schmypo!
• Update?! What update?
• No barriers to access
• Web developers are easier to find than
Objective-C developers
• One code base for all devices

28. Mobile browser market share
January 2011: 3.8%
January 2012: 7.7%

29. Mobile browser market share

30. m.wisc.edu
• Launched December 2011
• Built on the Kurogo framework
• 24,000 unique visitors to date
• Lessons learned:
• People do crazy things with their phones
• Mobile web is different than native apps

31. The Mobile Web
• Responsive Web Design
• CSS Media Queries
• Progressive Enhancement
• Add functionality based on device
• Mobile First
• Content First

32. The Mobile Web: Some Examples

33. So then.
Away with native?

34. Well, no.
Think ‘Hybrid’
• Hybrid mobile strategy
• Hybrid apps