Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
April 9-10, Breckenridge, Colorado
Phones, Tablets & Desktops, Oh My!
Navigating The Cross-Device (Mobile) Dilemma
SearchCon, Breckenridge
April 10, 2015
Tod...
Google Says The Age of
Mobile Is Here
“Starting April 21, we will be expanding our use of
mobile-friendliness as a ranking...
Mobile Affects Conversion Rates (A LOT)
Obsessive & Compulsive
Behavior
Some studies show that people check their phones over 500x per day!
Conversion Concepts
Your Website Is a Conversation
“Let’s talk about what problems you want to solve.“
vs.
"Let me show you what I have to sell you.”
Conduct Visitor-Centric...
Sell The Action of Clicking & Tapping
How We View Web Pages
Page Elements That Get Attention
Motion
Images (not banners)
Large Font (headlines)
Numbered/Bulleted Lists
Bolded Font
Eye Tracking Patterns
Fold Fold
F-Pattern
Source: Neilsen Norman Group (useit.com/eyetracking)
F-Pattern
Source: blog.inf.ed.ac.uk
Mobile Strategy – Where to Start
Spend time thinking about the users’ environments and mindsets.
Where does mobile fit int...
External Distractions
Different Goals
Highly Task Oriented
Passive vs. Active Browsing
Active vs.
Passive
Browsing
Example
Example
Example
Example
Mobile Usability Checklist
Basic Mobile-Friendliness
At the very least, don’t make them pinch! Image source: Google Developers
Optimize For Touch
There is no such thing as hover on a
touch screen device.
Use tap function to keep menu open.
Optimize For Touch
Maintain General Style Across Devices
Maintain General Style Across Devices
Search skin care, beauty supplies & more…
Menu Cart
But Ensure to Maintain
Good Usab...
Responsive Frameworks
Responsive Strategy
Responsive Transitions at Common Resolutions
Always Test on Real Devices
Emulator Actual iPhone
Mobile Optimization Guidance
Make it Easy
“Simplicity is the ultimate sophistication.” –Leonardo Da Vinci
Create Great Exp...
More Resources
• ConversionIQ / Inflow
– http://www.goinflow.com/mobile-optimization/
– http://www.conversioniq.com/how-to...
Contact Info / Q&A
Todd@ConversionIQ.com
@ToddBarrs
ToddBarrs
TBarrs
+ToddBarrs
ConversionIQ.com
SearchCon 2015 | Navigating the Cross Device (Mobile) Dilemma with Todd Barrs
SearchCon 2015 | Navigating the Cross Device (Mobile) Dilemma with Todd Barrs
SearchCon 2015 | Navigating the Cross Device (Mobile) Dilemma with Todd Barrs
Próxima SlideShare
Cargando en…5
×

SearchCon 2015 | Navigating the Cross Device (Mobile) Dilemma with Todd Barrs

Todd Barrs discusses the cross-device dilemma

  • Sé el primero en comentar

SearchCon 2015 | Navigating the Cross Device (Mobile) Dilemma with Todd Barrs

  1. 1. April 9-10, Breckenridge, Colorado
  2. 2. Phones, Tablets & Desktops, Oh My! Navigating The Cross-Device (Mobile) Dilemma SearchCon, Breckenridge April 10, 2015 Todd Barrs Director of Product Development ConversionIQ.com
  3. 3. Google Says The Age of Mobile Is Here “Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results.” http://googlewebmastercentral.blogspot.com/2015/02/finding-more-mobile-friendly-search.html
  4. 4. Mobile Affects Conversion Rates (A LOT)
  5. 5. Obsessive & Compulsive Behavior Some studies show that people check their phones over 500x per day!
  6. 6. Conversion Concepts
  7. 7. Your Website Is a Conversation
  8. 8. “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
  9. 9. Sell The Action of Clicking & Tapping
  10. 10. How We View Web Pages
  11. 11. Page Elements That Get Attention Motion Images (not banners) Large Font (headlines) Numbered/Bulleted Lists Bolded Font
  12. 12. Eye Tracking Patterns Fold Fold
  13. 13. F-Pattern Source: Neilsen Norman Group (useit.com/eyetracking)
  14. 14. F-Pattern Source: blog.inf.ed.ac.uk
  15. 15. Mobile Strategy – Where to Start Spend time thinking about the users’ environments and mindsets. Where does mobile fit into the research (sales) process?
  16. 16. External Distractions
  17. 17. Different Goals
  18. 18. Highly Task Oriented
  19. 19. Passive vs. Active Browsing
  20. 20. Active vs. Passive Browsing
  21. 21. Example
  22. 22. Example
  23. 23. Example
  24. 24. Example
  25. 25. Mobile Usability Checklist
  26. 26. Basic Mobile-Friendliness At the very least, don’t make them pinch! Image source: Google Developers
  27. 27. Optimize For Touch There is no such thing as hover on a touch screen device. Use tap function to keep menu open.
  28. 28. Optimize For Touch
  29. 29. Maintain General Style Across Devices
  30. 30. Maintain General Style Across Devices Search skin care, beauty supplies & more… Menu Cart But Ensure to Maintain Good Usability
  31. 31. Responsive Frameworks
  32. 32. Responsive Strategy
  33. 33. Responsive Transitions at Common Resolutions
  34. 34. Always Test on Real Devices Emulator Actual iPhone
  35. 35. 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
  36. 36. 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)
  37. 37. Contact Info / Q&A Todd@ConversionIQ.com @ToddBarrs ToddBarrs TBarrs +ToddBarrs ConversionIQ.com

×