Website Design for Success - Why Mobile Matters

Presentation at GoogleFest 2016 in Charleston, South Carolina. The event was held at Trident Technical College

Transcript

1. WEBSITE DESIGN FOR SUCCESS WHY MOBILE MATTERS GoogleFest 2016 Karl Hudson Phillips // @khudsonphillips // bluekeyinc.com
2. WHAT IS SUCCESS? The accomplishment of an aim or purpose 2
3. WHAT IS WEBSITE DESIGN? The conscious effort to render meaningful intent on the web 3
4. SUCCESSFUL WEBSITE DESIGN Today, your website or marketing strategy needs to address the use of mobile devices 4
5. 4 REASONS WHY MOBILE MATTERS NOW MORE THAN EVER
6. MORE INTERNET USE HAPPENS ON MOBILE DEVICES vs DESKTOP
7. MOBILE IMPRESSIONS BY REGION 7 Source: https://goo.gl/Bw9PSp
8. MOBILE MAKES LOCAL POSSIBLE Mobile has made location-specific information available on-the-go 8
9. MOBILE IS CONVENIENT It’s become part of our lifestyle, and offers more flexibility 9
10. MOBILE IS CONVENIENT 10
11. MOBILE IS CONVENIENT 11
12. MOBILE IS CONVENIENT 12
13. MOBILE IS NOW STANDARD The attention of your customers is on mobile devices - You need to be there too! 13
14. MORE EMAILS ARE OPENED ON MOBILE DEVICES
15. MOBILE EMAIL CONSUMPTION 15 Source: http://goo.gl/PG6hzH (2013)
16. SEARCH RESULTS FAVOR MOBILE-FRIENDLY SITES
17. SEARCH RESULTS FAVOR MOBILE • April 2015 - Google Updated Search Algorithm 17
18. SEARCH RESULTS FAVOR MOBILE • April 2015 - Google Updated Search Algorithm • Dropped rankings for non-mobile-friendly sites 18
19. SEARCH RESULTS FAVOR MOBILE • April 2015 - Google Updated Search Algorithm • Dropped rankings for non-mobile-friendly sites • Other search engines will follow 19
20. SEARCH RESULTS FAVOR MOBILE 20
21. BAD MOBILE SITES DRIVE CUSTOMERS AWAY
22. SEARCH RESULTS FAVOR MOBILE 22 Source: http://goo.gl/Gat9ye
23. HOW TO BECOME MORE MOBILE- FRIENDLY
24. BECOMING MORE MOBILE-FRIENDLY 1. Create a separate mobile site 24
25. BECOMING MORE MOBILE-FRIENDLY 1. Create a separate mobile site 2. Create a native mobile app 25
26. BECOMING MORE MOBILE-FRIENDLY 1. Create a separate mobile site 2. Create a native mobile app 3. Create a responsively-designed website 26
27. TEST HOW MOBILE-FRIENDLY YOUR SITE IS
28. GOOGLE’S TOOLS • Resizer - g.co/design/resizer 28
29. GOOGLE’S TOOLS • Resizer - g.co/design/resizer • Testmysite.thinkwithgoogle.com 29
30. GOOGLE’S TOOLS • Resizer - g.co/design/resizer • Testmysite.thinkwithgoogle.com • Google Analytics - google.com/analytics 30
31. ADDITIONAL CONSIDERATIONS Mobile-Friendly vs. Mobile-First 31
32. DON’T FALL BEHIND! Providing your users with a mobile-friendly experience can be the difference between keeping their attention or losing their business 32
33. QUESTIONS & ANSWERS
34. CONTACT INFORMATION karl@bluekeyinc.com 803-619-3723 linkedin.com/in/karlhudsonphillips twitter.com/khudsonphillips www.bluekeyinc.com 34