Importance of Mobile Optimisation
Upcoming SlideShare
Loading in...5
×
 

Importance of Mobile Optimisation

on

  • 270 views

Mobile devices are changing the way donors and prospective donors are accessing your website. Are you ready?

Mobile devices are changing the way donors and prospective donors are accessing your website. Are you ready?

Statistics

Views

Total Views
270
Views on SlideShare
270
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Importance of Mobile Optimisation Importance of Mobile Optimisation Presentation Transcript

  • GOING MOBILE Sandra Luther Internet Solutions Manager, Blackbaud Europe @sandraluther Sandra.Luther@blackbaud.co.uk
  • AGENDA • Facts & Figures • How Do I Know if I Need a Mobile Optimised Website? • Design Considerations • Going Forward
  • YOUR SUPPORTERS ARE… On the go Impulse driven Have a shorter attention span Increasingly use social networks More demanding Want more personalisation Want more visibility Want more more more...
  • YOUR SUPPORTERS ARE… YOUR ORGANISATION… On the go Impulse driven Have a shorter attention span Increasingly use social networks More demanding Want more personalisation Want more visibility Want more more more... Must be accessible from new channels Must catch people in the moment Needs impactful messages and collateral Needs to go where they are Needs to adapt to new demands and utilise new tools
  • FA C T S & F I G U R E S
  • This year, i.e. !2013! Mobile will outpace desktops as the #1 method for accessing the web
  • AND IT DOESN’T STOP AT YOUR WEBSITE Email is increasingly becoming more popular for email reading Source: Litmus –”Email Analytics” (Jan 2013)
  • MAIN DEVICE USAGE – MOBILE PHONES AND TABLETS December 2012
  • MOBILE USAGE IS INCREASING YEAR ON YEAR • 64% of mobile users have a smartphone • 82% of new phones acquired in December 2012 were smartphones • 8 million people in the UK access the Internet from their smartphone every day – source: comScore, Sept 2011 • 1/3 of all UK page views is now from mobiles and tablets
  • HOW DO I KNOW IF I NEED A MOBILE OPTIMISED WEBSITE?
  • ASK GOOGLE! Click Advanced Segments
  • GOOGLE ANALYTICS Choose “All Traffic” and “Mobile Traffic” and click Apply
  • MEASURE MOBILE TRAFFIC “All” vs. “Mobile” traffic is now included everywhere. 6.27% mobile
  • ARE YOUR SUPPORTERS USING MOBILE DEVICES? “Returning” visitors are your supporters - they keep coming back to your website. How many of your supporters are using a mobile device to access your site?
  • D E S I G N C O N S I D E R AT I O N S
  • UNDERSTANDING THE MOBILE USER • Views the website in a different context on mobile devices vs. desktop • Has different needs and goals - The primary task for an airline desktop site is to book flights, whereas the primary task for the mobile site is to check flight status. • Knows what they want and want it quickly - Maps and directions, contact information (81% of users) - Social Networking (76% of users) - Finding local information (73% of users)
  • UNDERSTANDING MOBILE DESIGN • • • • • Portrait Javascript vs. Flash Flicking vs. scrolling Tap vs. :hover Finger vs. cursor • • • • Landscape App vs. website Microsite vs. full site Responsive Design
  • OPTIMISING PRESENTATION • A design that works well for a desktop is not optimised for mobile browsing • Desktop resolutions are on the increase (1990 = 800x600 pixels; 2000 = 1024x768 • Mobile device resolutions are smaller (iPhone = 480x320)
  • OPTIMISING PRESENTATION • A design that works well for a desktop is not optimised for mobile browsing • Desktop resolutions are on the increase (1990 = 800x600 pixels; 2000 = 1024x768 • Mobile device resolutions are smaller (iPhone = 480x320)
  • THE HITCHHIKER’S GUIDE TO MOBILE DESIGN SEARCH LOGO 11 LINK2 2 LINK3 LINK4 LINK LINK LINK LINK3 Stretch LINK LINK LINK LINK44 LINK5 5 LINK6 6 CONTENT FEATURED CONTENT PRIMARY LINK5 FEATURED CONTENT CONTENT SECONDARY Easy to Reach PROMO FOOTER • Know your sweet spots • Recognise the space • 85% of people are right handed Easily within a thumb’s reach Stretch to get thumb here Within reach, but can be awkward
  • WHAT TO PRESENT YOUR MOBILE WEBSITE USERS? Single Page Just the Basics Microsite
  • G O I N G F O RWA R D
  • WHAT HAPPENS IF YOU DON’T GO MOBILE? • In a recent survey of mobile web users: - 48% of users say they feel frustrated & annoyed when they get to a site that’s not mobile-friendly - 52% said that a bad mobile experience made them less likely to engage - 50% of people said even if they like a business, they will use them less often if the website isn’t mobile-friendly - 34% said they’d likely visit a competitor’s mobile site instead Source: GoogleThink Research, What Users Want from Mobile, September 2012
  • HOWEVER, DOING IT RIGHT... • A site optimised for mobiles is able to generate almost twice the average traffic per user than sites which haven’t • On average, visitors are 51% more likely to actually do business with an online retailer if it has a mobile site Source: KISS Metrics
  • SOME BASIC MOBILE SITE BEST PRACTICES • Keep it quick • Make it accessible • Simplify navigation • Make it easy to convert • Be thumb-friendly • Make it seamless • Design for visibility • Use mobile site redirects And most importantly: Listen, Learn and Iterate
  • QUESTIONS? For more information on how Blackbaud Europe can help you mobilise your website please contact: solutions@blackbaud.co.uk 0845 658 8590 Watch a short video about Mobile Optimisation in BBNC: https://www.youtube.com/watch?v=FjLirCEDw6c Check out tips @ http://mobilewebbestpractices.com/