optimizing for the mobile web

20
1:45 Tuesday, October 5 Optimizing For the Mobile Web

Upload: jonathan-mendez

Post on 07-Jul-2015

2.621 views

Category:

Business


3 download

DESCRIPTION

Presentation at Conversion Conference West San Jose May, 2010

TRANSCRIPT

Page 1: Optimizing for the Mobile Web

1:45Tuesday, October 5

Optimizing For the Mobile Web

Page 2: Optimizing for the Mobile Web

Hello, I’m Jonathan Mendez, Founder & CEO of Yieldbot

Twitter: @jonathanmendez

Blog: Optimize & Prophesize (search “jonathan mendez”)

Company: Yieldbot (www.yieldbot.com)

Location: New York City

2006-2008 2008-2010+

Page 3: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Mobile Analytics

Page 4: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Mobile Agencies

Page 5: Optimizing for the Mobile Web

Keynote Systems

2009 M-Commerce Report

Amazon.com

Barnes &Noble

Best Buy

Costco

Dell

Foot Locker

Musician’s Friend

Sears

Target

Wal-Mart

Measurements taken in New York and San Francisco using

AT&T, Sprint, T-Mobile and Verizon

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Page 6: Optimizing for the Mobile Web

Speed

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

4.5 seconds to 37.9 seconds to view Search

results pages

5.7 seconds to 26.8 seconds for Product pages

8.3 seconds to 34.4 seconds for Homepage

Page 7: Optimizing for the Mobile Web

UPTIME

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Consumers who connect to the Internet via

a computer expect 99.5% or better

availability

Between 97.6% and 74.7%

Page 8: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Performance

Circa 1996!

Page 9: Optimizing for the Mobile Web

Start Mobile

Optimization with the

Basics

•Page Load Time

•Site Uptime

Then move to UI/UX…

Page 10: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

search: most people land with a goal

icons + text: people process images faster than copy

Targeting! (+CRM & UX)

Best Selling = Most Relevant

Categories Peek Above Fold

Radical Simplicity

Page 11: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

The ColorsProvideCues

Page 12: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Visual Messaging

Page 13: Optimizing for the Mobile Web

Mobile is fast

becoming the

primary

design

consideration

Page 14: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Small ScreenChanges Everything

Page 15: Optimizing for the Mobile Web

The (Death Magnetic) image was created to be recognizable, even on a cell phone screen. David Turner, a partner at Turner Duckworth, said: "It's not just about sleeve art anymore, it's about creating icons that work across media.”

http://www.brandrepublic.com/News/845945/Metallica-uses-Coca-Colas-design-agency-new-album/

Page 16: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Mobile Landing Page Contest

vs.

Page 17: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Page 18: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

Page 19: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

1. Page Load Time & Uptime Matter Most

2. Radically Simple Screens

3. Use Color Palette to Improve User Recognition

4. Messaging is Visual as Much or More than Txt

5. Allow Mobile to Drive Design Considerations

Take Five

Page 20: Optimizing for the Mobile Web

Conversion East 2010 © Yieldbot Inc. NYC :: Boston

My Blog

http://delivr.com/qr-code-generator