Your SlideShare is downloading. ×
0
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Next gen mobile aug 2013 scotland

422

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
422
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. going mobile Presented by: Sandra Luther, Solutions Manager – Blackbaud Europe @sandraluther Sandra.Luther@Blackbaud.co.uk
  • 2. the rise of mobile…
  • 3. should you bother? Would you be willing to use a smartphone to make a donation through a browser? Gen Y 36.4% Gen X 25.3% Boomer 6.1% Mature 2.9%
  • 4. By 2015 mobile will outpace desktops as the #1 method for accessing the web - Source: Morgan Stanley
  • 5. UNDERSTANDING THE MOBILE USER
  • 6. meet mr. multi-tasker • 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)
  • 7. 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)
  • 8. 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)
  • 9. CONTENT PRIMARY SEARCH LINK1 LINK2 LINK3 LINK4 LINK5 LINK6 FEATURED CONTENT FOOTER CONTENT SECONDARY PROMOPROMOPROMOPROMO LOGO LINK1 LINK2 LINK3 LINK4 LINK4 LINK5 LINK6 LINK5 FEATURED CONTENT usability Easy to Reach Stretch • 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
  • 10. mobile website design considerations • Landscape • App vs. website • Microsite vs. full site • Responsive Design • Portrait • Javascript vs. Flash • Flicking vs. scrolling • Tap vs. :hover • Finger vs. cursor
  • 11. VARIETY OF APPROACHES TO MOBILE
  • 12. 3 main approaches to mobile Designated Mobile Site Full Site Mobile Replication Responsive Design Increasing Complexity & Costs
  • 13. responsive - Infographic Source: www.monetate.com
  • 14. designated mobile site • Helps you make the most of mobile quickly • Adapts to a smaller screen size • Puts a priority on specific content • Minimise input requirements on web forms to keep it user friendly • Minimises load time – maximising web speed • All of this leads to an increase in conversions
  • 15. designated mobile sites: single page just the basics microsite
  • 16. HOW DO I KNOW IF I NEED A MOBILE OPTIMISED WEBSITE?
  • 17. ask google! Click Advanced Segments
  • 18. google analytics Choose “All Traffic” and “Mobile Traffic” and click Apply
  • 19. measure mobile traffic “All” vs. “Mobile” traffic is now included everywhere. In this case 6.27% of total visits come from mobile.
  • 20. what about your supporters? “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?
  • 21. 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
  • 22. 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
  • 23. mobile site best practices • Keep it quick as users are on the move • Simplify navigation • Design for visibility • Make it friendly and easy to use • Make your content relevant for mobile users • Make the brand seamless • Use mobile site redirects for device detection And most importantly: Test, Listen, Learn and Modify
  • 24. FOR TIPS ON MOBILE OPTIMISATION http://mobilewebbestpractices.com/

×