SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

40
April 9-10, Breckenridge, Colorado

Transcript of SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Page 1: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

April 9-10, Breckenridge, Colorado

Page 2: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Phones, Tablets & Desktops, Oh My! Navigating The Cross-Device (Mobile) Dilemma

SearchCon, Breckenridge April 10, 2015

Todd Barrs Director of Product Development

ConversionIQ.com

Page 4: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Mobile Affects Conversion Rates (A LOT)

Page 5: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Obsessive & Compulsive Behavior

Some studies show that people check their phones over 500x per day!

Page 6: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Conversion Concepts

Page 7: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Your Website Is a Conversation

Page 8: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

“Let’s talk about what problems you want to solve.“

vs.

"Let me show you what I have to sell you.”

Conduct Visitor-Centric Conversations

Page 9: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Sell The Action of Clicking & Tapping

Page 10: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

How We View Web Pages

Page 11: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Page Elements That Get Attention

Motion

Images (not banners)

Large Font (headlines)

Numbered/Bulleted Lists

Bolded Font

Page 12: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Eye Tracking Patterns

Fold Fold

Page 13: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

F-Pattern

Source: Neilsen Norman Group (useit.com/eyetracking)

Page 14: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

F-Pattern

Source: blog.inf.ed.ac.uk

Page 15: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma
Page 16: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma
Page 17: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma
Page 18: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Mobile Strategy – Where to Start

Spend time thinking about the users’ environments and mindsets.

Where does mobile fit into the research (sales) process?

Page 19: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

External Distractions

Page 20: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Different Goals

Page 21: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Highly Task Oriented

Page 22: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Passive vs. Active Browsing

Page 23: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Active vs. Passive

Browsing

Page 24: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Example

Page 25: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Example

Page 26: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Example

Page 27: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Example

Page 28: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Mobile Usability Checklist

Page 29: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Basic Mobile-Friendliness

At the very least, don’t make them pinch! Image source: Google Developers

Page 30: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Optimize For Touch

There is no such thing as hover on a touch screen device.

Use tap function to keep menu open.

Page 31: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Optimize For Touch

Page 32: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Maintain General Style Across Devices

Page 33: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Maintain General Style Across Devices

Search skin care, beauty supplies & more…

Menu Cart

But Ensure to Maintain Good Usability

Page 34: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Responsive Frameworks

Page 35: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Responsive Strategy

Page 36: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Responsive Transitions at Common Resolutions

Page 37: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Always Test on Real Devices

Emulator Actual iPhone

Page 38: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Mobile Optimization Guidance

Make it Easy

“Simplicity is the ultimate sophistication.” –Leonardo Da Vinci

Create Great Experiences

“People may not remember exactly what you did, or what you said, but,

they will always remember how you made them feel.” - Maya Angelou

Page 39: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

More Resources

• ConversionIQ / Inflow – http://www.goinflow.com/mobile-optimization/

– http://www.conversioniq.com/how-to-calculate-conversion-rate

– http://www.conversioniq.com/right-ecommerce-conversion-rate

• VisitorCentric.com (Tools & Resources, Case Studies, News Feeds)

Page 40: SearchCon 2015-Navigating the Cross Device (Mobile) Dilemma

Contact Info / Q&A

[email protected]

@ToddBarrs

ToddBarrs

TBarrs

+ToddBarrs

ConversionIQ.com