Make it Mobile

t44u 2011
Mobile in 2011
   • Aer Lingus Application (FeedHenry)
   • t44u Application (oMbiel)
   • INTO Congress Application (oMbiel)
   • Met. State College of Denver (m.mscd.edu)
   • University of Illinois at Chicago (m.uic.edu) –
     designed by mStoner
   • Sample Data
   • York College Pennsylvania (not yet live)
t44u 2011             Make it Mobile                   2
Mobile Site
   • Mobile CSS: Cross browser / device can be an
     issue
   • Adaptive / Responsive Design: More complex
     than CSS, but allows future proofing for new
     mobile devices and screen sizes
   • Mobile Site/Domain: Tailored to mobile user,
     but requires a separate version of the website


t44u 2011            Make it Mobile                   3
Site v App
            Mobile Site                                 App
             Our
            •Experienceby any
              Can be used                               • Requires Smart Phone
            mobile device
                                                        • Different app for each
            • Uses mobile web                           phone type (e.g. Android,
            browser                                     Apple, Blackberry)

            • One off development to                    • Interact with phone
            re-skin existing site                       technology (e.g. camera)

            • Less development                          • Allows content to be
            required than App                           viewed offline

            • User Experience is not                    • Provides specific piece
            as slick as an app                          of functionality
t44u 2011                              Make it Mobile                               4

TERMINALFOUR t44u 2011- Make it mobile, an introduction

  • 1.
  • 2.
    Mobile in 2011 • Aer Lingus Application (FeedHenry) • t44u Application (oMbiel) • INTO Congress Application (oMbiel) • Met. State College of Denver (m.mscd.edu) • University of Illinois at Chicago (m.uic.edu) – designed by mStoner • Sample Data • York College Pennsylvania (not yet live) t44u 2011 Make it Mobile 2
  • 3.
    Mobile Site • Mobile CSS: Cross browser / device can be an issue • Adaptive / Responsive Design: More complex than CSS, but allows future proofing for new mobile devices and screen sizes • Mobile Site/Domain: Tailored to mobile user, but requires a separate version of the website t44u 2011 Make it Mobile 3
  • 4.
    Site v App Mobile Site App Our •Experienceby any Can be used • Requires Smart Phone mobile device • Different app for each • Uses mobile web phone type (e.g. Android, browser Apple, Blackberry) • One off development to • Interact with phone re-skin existing site technology (e.g. camera) • Less development • Allows content to be required than App viewed offline • User Experience is not • Provides specific piece as slick as an app of functionality t44u 2011 Make it Mobile 4