SitePoint Sponsor

User Tag List

Results 1 to 12 of 12

Thread: Mobile phones

  1. #1
    SitePoint Zealot
    Join Date
    Mar 2003
    Location
    scarborough
    Posts
    138
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mobile phones

    I have noticed that I have got lots of hits from mobile phones. I wonder if anyone has got advice for using these types of devices. There are different types of mobile devices and some are much bigger than the others. Should I redirect to another website just for mobile devices.

    What sort of scripts should I use to detect mobile devices?

    Should I create a menu just for mobile devices?

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,059
    Mentioned
    253 Post(s)
    Tagged
    5 Thread(s)
    The W3C have a "Mobile Web Best Practices" document, which is not too heavy going and should provide you with plenty of food for thought. They also have a "Mobile OK Checker". You can run your site through that, and it will let you know roughly how usable it is for mobile devices.

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    There are problems with redirecting mobiles to a different version of the site:

    For a start, if you're doing it by the User-Agent string, you've got to have a huge long list and constantly update it, in order to keep on top of the changing mobile market.

    For a second, you'll need some way to allow mobile users to 'opt-out' and use the regular site.

    For a third, you then have increased your workload by having two sites running in parallel.

    That isn't to say you shouldn't do it, but they are things to be careful of before you go down that route. There are other options, such as mobile stylesheets. If you're doing that, the most recent thought seems to be that a good strategy is to design for a low-function mobile first, then use media queries to progressively add better graphics, layout and larger display for larger viewports right up to desktop size – you would probably then want to use conditional comments to specifically target IE6-8, which doesn't recognise media queries.

    The advantage of using stylesheets in this way is that you're only maintaining one site, so once you've got the extra layouts set up there's no real extra workload; you don't have to worry about keeping an up-to-date list of mobile User-Agents, and you don't have to worry about how to signpost the different sites. The disadvantage is that because you're only changing the styling, and not the code, you can't optimise the site as fully as you can with a completely separate site.

  4. #4
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,135
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by Stevie D
    The advantage of using stylesheets in this way is that you're only maintaining one site, so once you've got the extra layouts set up there's no real extra workload; you don't have to worry about keeping an up-to-date list of mobile User-Agents, and you don't have to worry about how to signpost the different sites. The disadvantage is that because you're only changing the styling, and not the code, you can't optimise the site as fully as you can with a completely separate site.
    Most larger sites that tend to need this approach use some type of template which the pages content is injected. So in the ideal world one could develop a site using a mobile first approach than switch out the main wrapper for site based on page detection. It seems like most of the performance implications always lies with all masthead, footer and rails anyway. Ditch rending those server-side and everything else can be changed with CSS. In theory…
    The only code I hate more than my own is everyone else's.

  5. #5
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,266
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by stevieD
    For a start, if you're doing it by the User-Agent string, you've got to have a huge long list and constantly update it, in order to keep on top of the changing mobile market.
    There are servers out there who do just this: maintain a long list and keep it updated. Stephanie Rieger mentions it in one of her slides.
    http://www.slideshare.net/yiibu/adap...-on-the-server
    starting with slide 83, she shows asking another server in "teh cloud" for more info about the device.

    Of course, when the other vendors change their UA strings to all say "Apple webkit something something" we'll all be screwed anyway and we'll find some other insidious way to find out who's requesting one of our pages. <rubs hands together evilly/> yesss, yesss...

  6. #6
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    The most recent podcast was on this exact topic. Check out the author of the Mobile First book, Luke Woblxsomethingorother. Link

    Maybe you'll be interested in reading his book.

    ~TehYoyo

  7. #7
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,266
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    I just call him Luke W, and lots of other people do too, for that reason : )

  8. #8
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Meh...I'm not familiar with him.

    Is he a pretty big dev/designer?

    ~TehYoyo

  9. #9
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,266
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    He's kinda big about responsive whatnot and especially user interaction with HTML forms. He has a whole book somewhere about "Don't make people fill in a bunch of crap before letting them try something out" and hates those sites that make people register for no good reason (usually the company or site just wants your info but it's not necessary for things like trying out a demo etc).

  10. #10
    SitePoint Enthusiast carlhenson's Avatar
    Join Date
    Feb 2012
    Location
    Dreamstate
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Instead of user-agent, you can adjust your site based on the screen resolution. Tablets and mobile phones differ in screen resolution.

  11. #11
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,266
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    But screen size/resolution doesn't correlate 1:1 with bandwidth, CPU, or capabilities regarding things like Javascript. An iThing is about as capable as a laptop like mine, except it is running on a battery. A Blackberry however may have similar screen size to an iPhone but less CSS and JS ability. Some mobiles have separate keyboards. Some have only on-screen keyboards. And wi-fi... I have my computer sitting now connected to wi-fi in my house, and it's pretty fast. I bring this same laptop to some coffee place with 30 other users and suddenly the same websites take three times as long to load.

  12. #12
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Norcross, GA 30092
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you see a big trafic to your website from mobile devices then your site needs a mobile version. Your website is unlikely mobile-friendly and that causes many difficulties to your clients. Here are some additional reasons why you need it http://www.in.gov/visitindiana/techc...ite-right-now/


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •