Results 1 to 10 of 10

Thread: best website width for smart phones?

  1. #1
    MrToad is offline Newbie Net Builder
    Join Date
    Jul 2010
    Posts
    44
    Thanks
    2
    Thanked 5 Times in 4 Posts

    best website width for smart phones?

    I'm used to designing websites for old-school 4:3 monitors, and haven't really made the jump to the newer "wide screen monitors" yet.
    But now I'm thinking of redesigning my website and width to be more friendly to mobile / smart phones. Unfortunately, I don't have a "smart" cell phone, and still use a computer for internet browsing.
    Anyway, what are your opinions on what the best pixel width is for mobile / smart phone web design?
    Thanks!

  2. #2
    aayati is offline Newbie Net Builder
    Join Date
    Apr 2011
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    All smart phones seem to have different sizes, so may be better to design for one of the more popular ones with a smaller screen and set that as the template size but allow it to fill the screen 100% for larger screens.


  3. #3
    Loko's Avatar
    Loko is offline Super Moderator
    Join Date
    Dec 2008
    Location
    Europe
    Posts
    964
    Thanks
    351
    Thanked 347 Times in 241 Posts
    The smartphone i'm using (HTC Wildfire S) has a 480 x 320 resolution. I have no problem viewing website 1024 x 768 for example, it just depends on the design of the site;if there are not many graphics its easier to see.

  4. #4
    MrToad is offline Newbie Net Builder
    Join Date
    Jul 2010
    Posts
    44
    Thanks
    2
    Thanked 5 Times in 4 Posts
    Quote Originally Posted by Loko View Post
    The smartphone i'm using (HTC Wildfire S) has a 480 x 320 resolution. I have no problem viewing website 1024 x 768 for example, it just depends on the design of the site;if there are not many graphics its easier to see.
    hey loko,
    Thanks for the reply. I used a fixed width (instead of letting the website expand to fill the screen), so that I can sort of control how things work. I'm wondering if there's a good fixed width, like 800px, 900px, 1024px, or does a smart phone just scale any size to fit. I don't want it to be too small and unreadable, but I also don't want a user to have to scroll back and forth just to read each line. Does that make sense.
    i.e. Does it matter if I use 800px for instance, or is that a bad idea?
    Thanks!

  5. #5
    Loko's Avatar
    Loko is offline Super Moderator
    Join Date
    Dec 2008
    Location
    Europe
    Posts
    964
    Thanks
    351
    Thanked 347 Times in 241 Posts
    Have your tried a smart phone emulator? It looks like there are a few available.
    I'm not a usability or design export but if you like, you can send me the url of your site so i can have a look.

  6. #6
    TopDogger's Avatar
    TopDogger is offline Über Hund
    Join Date
    Jan 2009
    Location
    Hellfire, AZ
    Posts
    3,050
    Thanks
    345
    Thanked 909 Times in 694 Posts
    I've just started studying mobile web design. The problem is that there isn't any standard and almost every brand has multiple resolutions across their different models. Even the iPhones use different resolutions with different models.

    There are some PHP tools available that will determine the mobile phone resolution and redirect the user to the correct mobile web page or swap out the CSS file.
    "Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote." -- Benjamin Franklin


  7. #7
    robertflicks's Avatar
    robertflicks is offline Newbie Net Builder
    Join Date
    Jun 2012
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The use of mobile and most important the use of Internet on smart mobile phone increase a lot today. So, it is really very important to keep in mind to fix the perfect size of your website taking into consideration that which mobiles are most popular today in market.

  8. #8
    patricia007 is offline Unknown Net Builder
    Join Date
    Oct 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The smartphone i'm using (samsung galaxy note) has a 1280 x 800 resolution.it just depends on the design of the site;if there are many application its easier to see.

  9. #9
    ProSence is offline Newbie Net Builder
    Join Date
    Oct 2012
    Posts
    64
    Thanks
    0
    Thanked 1 Time in 1 Post
    Yes, it depends on the design of site and it should have lesser width compared to normal.

  10. #10
    BlackSheep's Avatar
    BlackSheep is offline Newbie Net Builder
    Join Date
    Jun 2013
    Posts
    35
    Thanks
    0
    Thanked 5 Times in 3 Posts
    Instead of making your current design "mobile friendly" I usually prefer to make a separate but basic mobile website specifically for smartphones. I always include a link somewhere for the full feature site of course but that way you can tailor something right for the mobile users.

Tags for this Thread

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
  •