Design for Mobile - BrightonSEO
Upcoming SlideShare
Loading in...5
×
 

Design for Mobile - BrightonSEO

on

  • 3,803 views

It's no secret, the rapid growth of mobile has made site owners sit up and pay attention, as a result responsive and adaptive have become the buzzwords of the moment. Avoid the common pitfalls of ...

It's no secret, the rapid growth of mobile has made site owners sit up and pay attention, as a result responsive and adaptive have become the buzzwords of the moment. Avoid the common pitfalls of building mobile optimised websites and rediscover the lost art of building sites for users. Read more: http://snipi.co/l/0:1lZAlbCDaYEE

Statistics

Views

Total Views
3,803
Views on SlideShare
1,976
Embed Views
1,827

Actions

Likes
3
Downloads
33
Comments
0

8 Embeds 1,827

http://www.dimmockwebmarketing.co.uk 1259
http://www.scoop.it 326
http://www.creare.co.uk 185
https://twitter.com 47
http://www.agenciamestre.com 3
http://plus.url.google.com 3
https://www.creare.co.uk 3
https://hoot.weisuite.com 1
More...

Accessibility

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

Design for Mobile - BrightonSEO Design for Mobile - BrightonSEO Presentation Transcript

  • Justin Taylor - Managing Director @JustinGraphitas design for mobile responsive or adaptive who cares?
  • @JustinGraphitas responsive or adaptive
  • @JustinGraphitas responsive
  • @JustinGraphitas adaptive
  • @JustinGraphitas so which is best?
  • @JustinGraphitas mobile stats
  • @JustinGraphitas 2012201120102009 mobile internet usage
  • @JustinGraphitas mobile search with local intent almost half
  • @JustinGraphitas of online sales for mothers day from mobileSource: Westminister eForum 2012 - The future of mobile
  • @JustinGraphitas £13billionmobile sales in 2013 Source: Bloomberg – http://graphit.as/13billion
  • @JustinGraphitas and thats just
  • @JustinGraphitas ever fastest mobile isthe growing platform
  • @JustinGraphitas what we know about mobile users
  • @JustinGraphitas users browse with intent users are less tolerant can’t find what they are looking for they’re off!
  • @JustinGraphitas responsive or adaptive who cares?
  • @JustinGraphitas users don’t care about technology
  • @JustinGraphitas users care about finding info quickly and easily
  • @JustinGraphitas nhsdirect.nhs.uk
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas click to call not enabled
  • @JustinGraphitas <a href="tel:111“>Call 111</a>
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas
  • @JustinGraphitas <?php require_once '../Mobile_Detect.php'; $detect = new Mobile_Detect; if($detect->isMobile() ) {   //redirect to mobile site   header ('HTTP/1.1 301 Moved Permanently');   header ('Location: http://m.mobilesite.co.uk/'); }else{   //load site normally } ?> https://code.google.com/p/php-mobile-detect/ http://detectmobilebrowsers.com/
  • @JustinGraphitas www.skinnyties.com www.worldwildlife.org www.bbc.co.uk www.tb-groupe.fr www.subway.co.uk www.graphitas.co.uk :)
  • @JustinGraphitas 5 tips in 5 mins
  • @JustinGraphitas design from a consumers perspective tip 1
  • @JustinGraphitas establish users intent cut the clutter circumstances of user viewing site required outcome
  • @JustinGraphitas target your most popular devices tip 2 HT: Aleyda Solis @alyeda
  • @JustinGraphitas analytics > audience > mobile > devices
  • @JustinGraphitas analytics > audience > mobile > devices
  • @JustinGraphitas Opera Mobile Emulator http://www.opera.com/developer/mobile-emulator
  • @JustinGraphitas enhance UX with mobile specific html tip 3 <meta name= ”format-detection” content= ”telephone=no”><input autocapitalize=
  • @JustinGraphitas click to call view desktop site click to sms disable auto correct on name fields disable automatic detection of numbers location services use relevant keyboard
  • @JustinGraphitas put usability first 3 1 2 tip 4
  • @JustinGraphitas put consumers requirements first THEN worry about these things responsive dynamic servingparallel serving adaptiveSEO
  • @JustinGraphitas tip 5 think like a consumer HT: Dave Trott @davetrott
  • @JustinGraphitas think like a consumer ...NOT like the client
  • Justin Taylor @JustinGraphitas thank you www.graphitas.co.uk www.slideshare.net/JustinGraphitas