Embed Size (px)
DESCRIPTION
Mobile Theatre - June 17th, 15:00-15:30 We live in a multi-screen world where 90% of us use several devices (tablets, smartphones, laptops, etc.) simultaneously. Learn 6 ways on how to optimise your visitors' experiences across these devices and improve the ROI of your organisation's website.
Citation preview
8 WAYS TO CAPITALIZE ON MOBILE
Bill Rogers, CEO, Ektron @bill_ektron
Copyright 2014 Ektron, Inc.
It’s a multiscreen world
Copyright 2014 Ektron, Inc.
18%
39%
55%
69%
81%
79%
65+
55-64
45-54
35-44
25-34
18-24
SMARTPHONE OWNERSHIP BY AGE 80%
of adults under the age of 34
have a smartphone
Copyright 2014 Ektron, Inc.
MOBILE DATA USAGE
2017 63% desktop
37% mobile
2 0 1 2
TIME SPENT ONLINE
Copyright 2014 Ektron, Inc.
Copyright 2014 Ektron, Inc.
Copyright 2014 Ektron, Inc.
8 ways to CAPITALIZE on
mobile
Copyright 2014 Ektron, Inc.
1. Responsive Web Design @media queries
Copyright 2014 Ektron, Inc.
RWD Frameworks • The Grid • Typography H1,
H2.. • Buttons • Forms • Menus
Skeleton
Foundation
Copyright 2014 Ektron, Inc.
Use Responsive + Server-Side (RESS)
Copyright 2014 Ektron, Inc.
RWD BENEFITS vs. M(DOT) • Thousands of Devices = Thousands of Sizes
• Google Preferred
• Social Sharing
• Easy to Update
• Designer Friendly
• Future Proof
Copyright 2014 Ektron, Inc.
http://www.ektron.com/Case-Studies/Education/Hendrix-College/
Visit duration
Mobile traffic
Bounce rate
1/3 20% 150%
Copyright 2014 Ektron, Inc.
2. Upload 1 image & automatically resize 2 MB - 3264 × 2448 pixels
480 px 67k
940 px 1210 px 768 px
Copyright 2014 Ektron, Inc.
3. Work faster and smarter by previewing content on mobile devices
Boost context by swapping images for different device types
Copyright 2014 Ektron, Inc.
4. Measure your mobile results
Copyright 2014 Ektron, Inc.
Mobile Visitor Flow
Copyright 2014 Ektron, Inc.
5. Compression & Aggregation
• CSS/Javascript Aggregation • HTTP Compression
• 10 x Faster
Copyright 2014 Ektron, Inc.
300% increase in mobile leads
6. Mobile Landing Pages
Copyright 2014 Ektron, Inc.
7. Single-Page Applications • A single HTML page and dynamically update that page as the user
interacts with the app
• SPAs use AJAX and HTML5 to create fluid and responsive Web apps, without constant page reloads.
Copyright 2014 Ektron, Inc.
7. Single-Page Applications • A single HTML page and dynamically update that page as the user interacts with the
app • SPAs use AJAX and HTML5 to create fluid and responsive Web apps, without constant
page reloads.
Copyright 2014 Ektron, Inc.
8. Geo-Location & Targeting
Empowers marketers to personalize content in the context of a visitor's location
Copyright 2014 Ektron, Inc.
BEST VISITOR EXPERIENCE
