mobile best practices

29
Mobile Best Practices Danny Williams Web Marketing Manager Technology Credit Union @echodanny Nicole Rogers Product Marketing Manager Ektron @nicolekrogers #synergymobile

Upload: nicole-rogers

Post on 30-Jul-2015

101 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Mobile Best Practices

Mobile Best PracticesDanny WilliamsWeb Marketing ManagerTechnology Credit Union@echodanny

Nicole RogersProduct Marketing ManagerEktron@nicolekrogers

#synergymobile

Page 2: Mobile Best Practices
Page 3: Mobile Best Practices

Worldwide Smartphones: 1.08 billion

Page 4: Mobile Best Practices

• Nearly 18 million tablets were sold worldwide in 2010

• 28% use their tablet as their primary PC; 43% spend more time each day on their tablet than their desktop

• 54.7 million tablets to be sold in 2011

Page 5: Mobile Best Practices
Page 6: Mobile Best Practices

Mobileis the next big area

of marketing innovation

and opportunity

Page 7: Mobile Best Practices

Leveraging Mobile: HOW TO

Page 8: Mobile Best Practices

Create a Mobile Strategy: POST

People

Objectives

Strategy

Technology

Page 9: Mobile Best Practices

Understand the Mobile Behavior of Your Target Audience

1) People

Page 10: Mobile Best Practices

Determine Your Company’s Mobile Business Objectives

2) Objectives

Page 11: Mobile Best Practices

Mobile Web Page Visits

Contact UsLocationMobile AppsPromotional PagesCareersABA #Product Pages

Page 12: Mobile Best Practices

Build a Strategy in Order to Meet Your Objectives

3) Strategy

Page 13: Mobile Best Practices

Choose the Right Technology to Implement Your Strategy

4) Technology

Page 14: Mobile Best Practices

Ektron Mobile Maturity Model

Page 15: Mobile Best Practices

Mobile Failure

Gomez. Why Web Performance Matters: Is Your Site Driving Customers Away.

Page 16: Mobile Best Practices

Mobile Focus

Page 17: Mobile Best Practices
Page 18: Mobile Best Practices

www.natgeo.com

Page 19: Mobile Best Practices

Content needs to be accessible with minimum number of

Experience- Segment devices by screen size and features- Optimize files and assets for the mobile web- Leverage device capabilities (AJAX, HTML5,

jQuery, video, click to call, geo-location)

Layout- Take advantage of every pixel of real estate- Single column layout- Mobile templates to be elastic and not fixed

Mobile Friendly

Page 20: Mobile Best Practices

Design- Similar theme on mobile version of site- Site visitors can quickly move to the area that meets

their needs

Development- Use valid markup- Option to switch between mobile and standard

version of website

Mobile Friendly cont…

Page 21: Mobile Best Practices

Mobile First Forced to focus … Prioritize

Site is designed for visitor in mind

Less is More

Page 22: Mobile Best Practices

www.techcu.com

Key Design Elements

Branding

Color

Style

Page 23: Mobile Best Practices

www.techcu.com/Mobile

Key Design Elements

Branding

Color

Style

Page 24: Mobile Best Practices

www.techcu.com/Mobile

Technology Stack

XHTML

CSS

Ektron Master Page Desk and Mobile

Ektron ASPX Files Desk and Mobile

jQuery Mobile

Page 25: Mobile Best Practices

www.techcu.com/Mobile

Alternative Stack

HTML5

CSS - Responsive

Ektron Master Page One File

Ektron ASPX Files One File

Page 26: Mobile Best Practices

http://jquerymobile.com

Page 27: Mobile Best Practices

www.html5rocks.com

Page 28: Mobile Best Practices

www.css-tricks.com

Page 29: Mobile Best Practices

Danny WilliamsWeb Marketing Manager, Technology Credit Union@[email protected]

Nicole RogersProduct Marketing Manager, [email protected]@ektron.com

Q&A

#synergymobile