1 / 28

V1.01

Embracing the Mobile Frontier and Reaching the Digital Natives Jonathan Wall Jonathan.wall@ektron.com @ jwall. V1.01. WHAT YOU WILL LEARN:. Mobile trends: How prospective and current students use mobile today How to create a mobile strategy Native apps vs. mobile web: Which is better?

varsha
Download Presentation

V1.01

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Embracing the Mobile Frontier and Reaching the Digital Natives Jonathan Wall Jonathan.wall@ektron.com @jwall V1.01

  2. WHAT YOU WILL LEARN: • Mobile trends: How prospective and current students use mobile today • How to create a mobile strategy • Native apps vs. mobile web: Which is better? • Case study: Hendrix College – Mobile in 3 months • Tips and best practices • Where to start

  3. & Colleague Recruiter Banner Luminis CONNECTORS Marketing Optimization Content targeting | SEO Multi-variate testing WEB ANALYTICS SHAREPOINT MARKETING AUTOMATION Content Authoring and Management Editing | Workflow | Templates Multi-channel | Site search SEARCH SOCIAL VIDEO

  4. & • APPLICATION PROFILE • EVENT CALENDAR • TASK LISTS ONLINE COURSE CATALOG

  5. EKTRON IN HIGHER EDUCATION

  6. By the end of 2014, the installed base of devices based on mobile operating systems like Apple iOS, Google Android and Microsoft Windows 8 will exceed the total installed base of all PC based systems. Source: Gartner

  7. Born 1976 - Deceased… ??? 8

  8. WELCOME TO THE POST PC ERA 15.4m 15.1m 13m 11.9m 9.8m Acer Dell Lenovo HP iPad

  9. MOBILE TRENDS

  10. MOBILE STRATEGY? HTML5? Native app? Mobile site? Admissions? Templates? m.site.edu?Responsive Web? Current Students? Faculty and Staff? Smartphones? Tablets? Alumni? Device capabilities?

  11. RESPONSIVE WEB DESIGN “A website that responds to the device that accesses it and delivers the appropriate output.” Ethan Marcotte

  12. MOBILE MATURITY MODEL 4. MOBIILE FIRST Think mobile first 3. FRIENDLY Site-wide mobile experience 2. FOCUS 1. FORGET IT Subset of high value pages, render, limited device support • Mobile strategy and vision • Extensive use of HTML 5 • Leverage device capabilities like location, orientation, cameras, • Touch-centric- user interactions – DRAG CLICK PRESS Stay stagnant • Optimized for speed • Fluid, not fixed design • Mobile enabled site applications • Segment devices by screen size and features • Support popular devices & screen sizes • Simplified navigation for mobile pages • Flash • Fixed Page Layout • Slow page loads • Complex Nav TARGETED, RELEVANT CONTENT

  13. NATIVE APPS VS MOBILE WEB http://gomobile.tamu.edu/Texas_A_M_Mobile_Strategy/index.php

  14. 1/3 150% 20% Bounce rate Visit duration Mobile traffic http://www.ektron.com/Case-Studies/Education/Hendrix-College/

  15. Tips and best practices for mobile at your school

  16. 1: AVOID WEBSITE BY COMMITTEE

  17. 2: UNDERSTAND YOUR VISITORS VISITORS BY STATE VISITORS BY CITY

  18. 3: HAVE MOBILE FRIENDLY CONTENT FORMATS System Requirements You will need a computer with a soundcard and Adobe Flash Player

  19. 4: MAKE LAYOUTS FLEXIBLE • Detect devices and screen size • Set breakpoints for common screen sizes

  20. 5: OPTIMIZE FOR SPEED 700px • Adaptive image resizing • Automatically resize • Perform resizing on the server side • Minimize large chunks of content • Reduce # of form fields 320px

  21. 6: MOBILE FRIENDLY DESIGN • Use large buttons and touch targets • Vertical navigation for smaller screen sizes • Clear “Home”buttons

  22. 7: DEVELOP WITH CONTENT IN MIND • Use real content • Design for web, smartphone and tablet at the same time • Separate content from presentation

  23. 8: TARGET CONTENT • Know your visitors • Design your site to provide relevant, targeted content • Create simple targeting rules • “If from your_school.edu show class registration info” • If from other_state, show ‘how to apply’” Student type

  24. 9: ENRICH THE STUDENT EXPERIENCE • Use geolocation to surface events • Send Text messages to accepted students • Use the camera and social apps • Make your course catalog mobile friendly

  25. WHERE TO START • Start with your strategy • Prioritize • Start small http://j.mp/mmmedu http://j.mp/emsmash

  26. Jonathan Wall Jonathan.wall@ektron.com @jwall

More Related