V1.01 Embracing the Mobile Frontier and Reaching the Digital Natives Jonathan

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

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

& ONLINE COURSE CATALOG APPLICATION PROFILE EVENT CALENDAR TASK LISTS

EKTRON IN HIGHER EDUCATION

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

8 Born Deceased… ???

AcerDellLenovoHPiPad 9.8m 11.9m 13m 15.1m 15.4m WELCOME TO THE POST PC ERA

MOBILE TRENDS

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

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

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

NATIVE APPS VS MOBILE WEB Responsive Web Mobile Web Mobile App Ektron & Ellucian Mobile Easy to update content Accessible to all, no installation required No need to download new version to upgrade Content discoverable through search User experience similar on different mobile platforms Lower cost/time to develop Full website content providers Only need to update one site Offline use Uses device capabilities – camera, accelerometer

Visit duration Mobile traffic Bounce rate 1/3 20% 150%

Tips and best practices for mobile at your school

1: AVOID WEBSITE BY COMMITTEE

2: UNDERSTAND YOUR VISITORS VISITORS BY STATE VISITORS BY CITY

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

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

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

6: MOBILE FRIENDLY DESIGN Use large buttons and touch targets Vertical navigation for smaller screen sizes Clear Home buttons

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

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

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

WHERE TO START 1.Start with your strategy 2.Prioritize 3.Start small

Jonathan