Mobile Web Design: Tips and Best Practices

February 9th, 2010

Last year, more than 63 million people in the United States accessed the Internet from a mobile device. It’s forecast that by 2013 there will be more than 1.7 billion mobile Internet users worldwide. With those kinds of numbers, it’s imperative that web designers and developers learn optimal development and design practices for mobile devices.

For the most part you won’t need to learn any new technologies for mobile site design. But you will need to look at site design in a new way, one that is decidedly more restrictive than design for standard browsers. To work around the issues that mobile site design presents, and to get a result that is as user-friendly and useful as your standard site, some creative problem-solving skills are required.

You may want to check out the following related article as well:

Familiarize Yourself with the Hardware and Software Available

Cell phone and mobile device platforms vary greatly when it comes to operating system, screen size, resolution, and user interface. To be able to decide which platform(s) you want to optimize your site for, it would be helpful to familiarize yourself with the different available options.

The most common operating systems in use are Windows Mobile, the iPhone platform, Palm OS, Mobile Linux, Symbian OS, the BlackBerry platform, and Android (which is poised to get a lot bigger thanks to a recent deal between Verizon and Google). There are other proprietary systems specific to particular phones, such as those found on some Verizon handsets and specific brands of phones. You can estimate, based on the type of audience your site targets, which OSs your users are most likely to be using. If your visitors are mostly business users, you’ll need to optimize your site for Windows Mobile and BlackBerry devices. If your users are younger, trendier, or more tech-savvy, you’ll want your site optimized for iPhones and Android devices. In any case, ensure your site is at least usable on the majority of mobile platforms.

StatCounter Global Stats – Top 8 Mobile OSs

StatCounter Mobile OS Stats

Mobile browsers are another factor to consider. Some of the more common browsers include Safari for the iPhone, Android browser, Opera Mobile, WebOS browser (on Palm devices), BlackBerry browser, and Internet Explorer Mobile (on Windows Mobile devices). There are additional browsers in use on Nokia and on other phone brands. Some of these browsers are based on proprietary code, while others are built on WebKit (Android, Safari), Gecko (Fennec, a Mozilla browser) or other common platforms.

StatCounter Global Stats – Top 9 Mobile Browsers

StatCounter Mobile Browser Stats

Finally, you need to consider your site visitors’ most common screen size and resolution. Your site should work on the widest range of mobile devices that your visitors might be using. Common resolutions for standard cell phones include 101×80 pixels (many Sony Ericsson phones), 128×128 pixels (some Samsung phones), and 120×160 pixels (many Motorola phones). For smartphones, there’s a lot more to work with. The iPhone has a 320×480 pixel screen; the HTC Touch Pro has a 480×640 pixel screen; the Palm Pre has a 320×480 pixel screen; the BlackBerry Storm has a 360×480 pixel screen; and the HTC Venus has a whopping 800×480 pixel screen. Many of these screens can comfortably display a standard website.


Your mobile site, in most cases, should be simpler than your standard site. The only exception to this is if your standard site is already very minimalist. Eliminating graphic elements from your site is usually an effective way to optimize its display on a mobile device. Look for ways to simplify both the design and functionality of your site. This might mean redoing your menus, eliminating images, breaking up text over multiple pages, or otherwise re-working your site’s layout and functionality.


A List Apart Mobile

A List Apart

The Onion

The Onion

Amazon Kindle Store

Use Valid Markup

Considering the variety of potential operating systems and browsers from which people might be accessing your site, web standards become even more vital. Standard browsers are, for the most part, very forgiving of bad code, but with a mobile browser you often won’t get that kind of leeway. Make sure your code validates is as clean and minimalist as possible.

Give Users the Option of Visiting the Standard Site

Depending on what kind of device your visitors are using, they may want to just use your standard website. This is particularly true with a lot of the better smartphones and the iPhone, the latter of which does an excellent job of rendering standard websites without issue. Give your mobile visitors the option of visiting the standard site, even if it’s just through a link in the footer (where most of us are already predisposed to looking). You could additionally give them the option to come back to the mobile site without having to use their back button.


Geek Squad

Geek Squad

Julian Andrade

Julian Andrade
Weather Underground

Weather Underground

Use a Separate Mobile Theme

While optimizing your main site for mobile use sometimes makes sense, it’s often easier to use a separate mobile theme, which can be done on most CMSs by changing the CSS for mobile devices. A dedicated mobile theme means you can really take into account how your visitors will see your site, and optimize it specifically for them. Some sites have one design optimized for regular mobile devices and another for iPhone users.




Marmalade on Toast

Marmalade on Toast


Watchmen UK

Limit Scrolling to One Direction

It’s really annoying to have to scroll in multiple directions on a web page when using a standard browser. That doesn’t change when you’re visiting from a mobile device; in fact, it’s worse. It’s very easy to accidentally scroll the wrong way (horizontally instead of vertically or vice versa) when using a touchscreen phone. If your site only scrolls one way, you eliminate the potential for such a hassle.








Don’t Use Pop-Ups or Open New Windows

Depending on the particular platform, popups and new windows can interfere with the browsing experience, so don’t use them. If you absolutely need something to open in a new window, make sure you alert your mobile visitors that it will do so.

Minimize the Use of Images

Use only the images you need to get your message across. A logo is fine, as are most icons. Images that are integral to the content on your site are also fine. But eliminate images that serve no purpose other than to look pretty. They generally won’t look pretty on a mobile device anyway, so why bother? And sometimes they just make your site look worse, or cause strange scrolling or layout issues if the resolution is other than what you were expecting.


Radio Paradise

Radio Paradise

Raleigh Information

Raleigh Information



Optimize Your Navigation

Many mobile devices have touchscreen interfaces, so try to design with that in mind. That means making the clickable area around your links a little greater, making buttons larger, and putting more space between links. Trying to click on tiny, barely-visible links is a real pain, and having to zoom in every time you want to click on something doesn’t make it much better. To improve these navigation issues, many sites use a completely separate mobile navigation design, optimized for touchscreens or non-mouse input devices.


American Modern Insurance

American Modern Insurance

1M Creative

1M Creative

Daily Horoscope

Daily Horoscope

Don’t Rely on Flash or JavaScript

Not all phones and mobile devices support Flash or JavaScript. Even if they do, there’s no guarantee it will be the most recent version. And forget about Flash if your visitors are using an iPhone. Make sure all the important information and functionality on your mobile site is in plain (X)HTML/CSS. Otherwise, you risk a large portion of your visitors being unable to access important content.

Include as Much Content from Your Standard Site as is Practical

How many times have you gone to a favorite website from your phone and then realized you can’t get to the part you wanted to visit? It happens all the time. Include as much of the original site content as possible on your mobile site. In addition to making it available, make sure the navigation route to get to it also remains relatively unchanged.


The Dieline

The Dieline

Yahoo! Mobile

Yahoo! Mobile



Make Sure Redirects Work Properly

Don’t just send mobile users to your home page. There’s nothing more annoying than clicking a link, either in search engine results or from another website, and having it redirect to the homepage if you’re on a mobile device. If your site automatically detects whether a visitor is coming from a mobile browser, make sure it’s set up to send that visitor to the link they were trying to visit, otherwise they’re likely to leave and never come back.

Further Resources

Cameron Chapman is a professional Web and graphic designer with many years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of Internet Famous: A Practical Guide to Becoming an Online Celebrity.

Tags: ,

132 comments for „Mobile Web Design: Tips and Best Practices
  1. App Sheriff on February 9th, 2010 at 6:32 am

    Mobile Web Design is fast growing trend. Take a look at this Video: jQTouch and mobile design for iPhone and iPod touch


    Six revisions: A Quick Look at Mobile Web Designs


  2. New York Web Designer on February 9th, 2010 at 7:07 am

    Nice.Superb article. you could have split this up into seperate articles for an increidble series on mobile web design. The examples are great.

    It´s the Future!

  3. Helen on February 9th, 2010 at 7:33 am

    Don’t forget to add a back-to-the-top-link at the buttom of the page.

  4. blythe on February 9th, 2010 at 1:04 pm

    Really great examples. I’m a big fan of the designs for Geek Squad and 1M Creative. Simple, yet sophisticated. Mobile devices are certainly transforming the world of marketing! The key is simple and clear communication.

    Check out this blog if you interested on some more thoughts around mobile marketing :) There is some great stuff here:

  5. ESN on February 9th, 2010 at 5:13 pm

    Thank you for a great article. “Don’t Rely on Flash or JavaScript” is also one of the advices I give to my designers. I recommend reading “Mobile Web Best Practices 1.0” by w3c: It covers many areas including design, development and accessibility.

    • Madlen on February 10th, 2010 at 2:38 am

      “Don’t Rely on Flash or JavaScript”, but offer it to those, who can handle it. To get the most out of a handset is also part of a good user experience. You just need to know the device and its specifications.

  6. Matthew Heidenreich on February 9th, 2010 at 8:11 pm

    Don’t forget to give me the option to view the full site. I get very angry when that isn’t an option.

    • Dalilah Green on May 3rd, 2011 at 4:19 pm

      But in your phone the full site may take longer time to load and you may have to scroll a lot, I feel that would add to my frustration. A well developed mobile site should have the information that customers want.

  7. PelFusion on February 10th, 2010 at 4:24 am

    i also created an article on how to convert website into mobile format…but this one is really in detail

  8. Artmov on February 11th, 2010 at 1:04 am

    Somehow I see that the battle will be between iPhone, Android and Symbian. RIM, too – most likely.

    We’ll see some beautiful web pages designed for mobile phones in 2010, for sure.

  9. Daryl SWS on March 3rd, 2010 at 3:39 am

    These posts couldn’t have come at a better time. Incredibly informative and helpful.

    The examples are great too.

    @ESN thanks for the “Mobile Web Best Practices 1.0” link :o)


  10. JR on March 11th, 2010 at 3:14 am

    Very Useful Article. I’ll visit sample websites.

  11. Francesco on May 10th, 2010 at 5:52 am

    Very good article, thanks!
    To test valid markup and get suggestions on how to fix the errors you can use the free testing tool at

  12. Timothy Christenson on May 14th, 2010 at 6:59 pm

    I clicked on this page by searching Bing. I have found it quite informative. Thanks for sharing. I will have to visit here again!

  13. Tomas on June 3rd, 2010 at 10:51 pm

    Good article!
    You might guys also be interested in source I found recently for mobile webdesign inspiration at

  14. Abhishek Dilliwal on June 20th, 2010 at 7:58 pm

    hey thats nice, its quite useful… specially the examples u gave… awesome!

  15. Gail Barraclough on June 28th, 2010 at 5:41 pm

    I have been betting at Apple and Goldman Sachs mainly. The recent Goldman drop helped me make a lot money with my puts but I retained Apple for the longer term, I think it has longer term potential. Many thanks for your revealing articles and please wirte more.

  16. Frank Nu Minh on July 3rd, 2010 at 1:38 pm

    take it from me, I know a good site when I see one… Your site rocks, I think I’ll hang around a while if that’s ok with you.

  17. Talia Mirage on July 3rd, 2010 at 2:02 pm

    nice site, did it take a long time to create?

  18. Tanya Baldez on July 4th, 2010 at 4:47 am

    I am amazed that someone finally got around to saying this! I wanted to say it, but was too afraid to :(, nice site tbh.

  19. Talia ZeCrella on July 4th, 2010 at 5:12 am

    Does this work for amateur webmasters?

  20. mobile on July 5th, 2010 at 1:59 pm

    it really nice to know this website good to read and see.


  21. Argentina Knoedler on August 8th, 2010 at 6:39 am

    Once your app is storyboarded, choose from the templates in the SDK and start developing. Don’t miss the YouTube tutorials that offer great guidance on using the templates.

  22. Julio Whitsett on August 8th, 2010 at 6:46 am

    The reason for this is that human beings are sensory creatures. A simple depiction of a tangible book makes an ebook more appealing. So, next time you’re selling something, remember the importance of tangible product designs.

  23. murraybiscuit on August 26th, 2010 at 11:10 pm

    nice article – except for the stats. living in a non-US country, anything which puts apple near the top is hopeful at best.
    maybe take a look at the latest smartphone report from gartner:

    it paints a very different picture – symbian, RIM, android, iphone (14%), winmo.

    as always, you don’t design sites for everybody, so focus on the users and browsers most relevant to your product.

  24. Babul on September 9th, 2010 at 3:30 am

    Amazing!.! Bookmarked this web page that has this striking guidance. Will come back again to see if there are any updates. You, the author, are a master. Thanks

  25. diesel on September 12th, 2010 at 10:25 am

    Encuentro que no sois derecho. Soy seguro. Lo invito a discutir. Escriban en PM, se comunicaremos.

  26. Garrett Riopel on September 17th, 2010 at 7:28 am

    Great read. I found your site from a google search, and was glad i did. The info has helped me immensely.

  27. Sam on September 26th, 2010 at 3:14 pm

    thanks a lot!

  28. Earle Lantier on October 5th, 2010 at 3:49 am

    My English communication isn’t so good butprobably I understand every thing. Thank u so well for that wonderful website message. I jolly be glad reading it. I believe you happen to be a superb author. At this time added your website to my favorites and will arrive back once again to ur web internet site. Hold up that magic work. I household to see more soon.

  29. Attorney Jospeh Face on October 9th, 2010 at 7:25 pm

    Nice point. I entirely agree. Well stated!

  30. Dental School Grants on October 10th, 2010 at 4:57 am

    This is certainly an excellent article and I completely trust what you said. I am trying to setup the Rss but I am certainly not very computer literate. Can certainly someone tell me how I can setup the RSS feed so I get notified of any new article? You should explain it in an great way as I feel getting old.

  31. replika nokia on October 10th, 2010 at 8:00 pm

    I really liked your blog postt. I certainly think its essential to keep one self upto date wiith as much of information as possible. Thankss keep this blog updated. I am coming back for moree.

  32. Fingerprint Scanner on October 11th, 2010 at 1:32 am

    This really is an excellent article and I completely agree with what you said. I am trying to setup the Rss feed but I am not necessarily very computer literate. Can easily someone tell me how I could setup the RSS feed so I get notified of any new article? Make sure you explain it in an clear to see way as I are getting old.

  33. Kathryn Maliszewski on October 23rd, 2010 at 2:05 am

    Hmmm, I am sure think we just received a t-shirt in that has to do with this topic. That is so silly.

  34. Josefina Dunmead on October 23rd, 2010 at 2:05 am

    Hmmm, I do think I just shipped a t shirt in that has to do with this issue. That is very interesting.

  35. Joanne Bernes on October 23rd, 2010 at 2:52 am

    Funny, I do think I just got a shirt in that has to do with this subject. That is really wierd.

  36. john on October 27th, 2010 at 3:45 pm

    Thanks for sharing it.simply awesome

  37. Creola Saunas on November 1st, 2010 at 10:37 pm

    Hey, I really enjoyed reading this ! Thanks for the share ! Have a nice day.

  38. 5olio on November 2nd, 2010 at 10:12 am

    great idea , i really interested about it

  39. maycatdecal on November 2nd, 2010 at 10:13 am

    I was very happy because Joined together with you and comment on the most burning issues.

  40. Wesam Alalem on November 2nd, 2010 at 3:46 pm

    that’s great article, I was confused about designing a mobile website, now I know where to start and what to do.
    Thank you very much,
    Keep up the good work ;)

  41. Wesam Alalem on November 2nd, 2010 at 3:47 pm

    Sorry, but I forgot to mention that I added this page to my bookmarks, it is great reference. ;)

  42. uScoore on November 2nd, 2010 at 6:18 pm

    uScoore meets new people online and tells them what you think about them.

    Do you have a crush on one of your facebook friends tell them on uScoore.

    uScoore helps you finding a date, in a very simple and easy way.

  43. Dahii on November 2nd, 2010 at 6:34 pm

    uScoore meets new people online and tells them what you think about them.

    Do you have a crush on one of your facebook friends tell them on uScoore.

    uScoore helps you finding a date, in a very simple and easy way.

  44. Who Knows on November 3rd, 2010 at 4:32 pm

    Another great reference I bookmarked hehe, this is one of the better sites I came across about jQuery.. and believe me I’ve seen a lot of them! ;)

  45. Seguros De Ciclomotor on November 4th, 2010 at 7:25 pm

    Excelente nota. Muy interesante lo que dices, muchísimas gracias!

  46. spain holiday deals on November 7th, 2010 at 3:48 am

    I dont totally agree with what you ‘re talking about in this post, I find that you are thinking a little bit in stereotypes, but… hey, anybody has his right to his own opinion, right? :) Entertaining post tough!

  47. Designers Work on November 7th, 2010 at 12:33 pm

    Wow, I love the “Watchmen” site…thanks for the great collection!

  48. Search Torrents on November 9th, 2010 at 9:58 am

    I have fallen in love this web site

  49. WINDOWS 8 on November 10th, 2010 at 6:34 pm

    When I originally commented I clicked the ?Notify me when new comments are added? checkbox and now each time a comment is added I get four emails with the same comment.

  50. ladies electric shavers on November 12th, 2010 at 5:07 pm

    Took some time to go through all the comments, but I really did get something out of reading the post. It proved to become incredibly valuable to me and, I am sure. to everyone posting comments! It’s not often that you can be informed, and also entertained at the same time. I am certain you also got something out of writing this article.

  51. DieselMu - MuOnline Server on November 13th, 2010 at 12:44 am

    great posting …! thank you !

  52. website enhancement on November 14th, 2010 at 6:39 pm

    Nicely done, I love the Disney site. By the way you have a good web blog here. Keep it up.

    • Rob Wessels on November 18th, 2010 at 12:09 pm

      Perfect explanation, congrats. Learned a lot from it!

  53. john porter on November 17th, 2010 at 9:44 am

    Great post and explanation. Keep it up my friend.

  54. Dorathy Nakama on November 20th, 2010 at 1:54 pm

    Hi. I wanted to thank you for the good details you have posted on your internet site. I will definitelycome back to check it out again and have subscribedto your RSS feed. Have an excellent day.

  55. Trinidad Tattersall on November 20th, 2010 at 2:51 pm

    Hi. I wanted to thank you for the wonderful facts you have posted on your site. I will definitelycome back to check it out once again and have subscribedto your RSS feed. Have a fantastic day.

  56. Chicago Web Designer on November 24th, 2010 at 10:30 pm

    Great Info – well done. I’ll be sure to pass this link around and post it on my company site. Thanks!

  57. Chicago Web Designer on November 24th, 2010 at 10:31 pm

    Thank you for the valuable information – very well done.

  58. Tennis on December 1st, 2010 at 6:16 pm

    Great post, i think the same.

  59. Dekoration24 on December 1st, 2010 at 6:58 pm

    Yeah thats right! i agree with you!

  60. ????????????? on December 6th, 2010 at 5:18 am

    hey thats nice, its quite useful… specially the examples u gave… awesome!

  61. Água na Boca on December 6th, 2010 at 12:54 pm

    Hi. I wanted to thank you for the good details you have posted on your internet site. I will definitelycome back to check it out again and have subscribedto your RSS feed. Have an excellent day.

  62. James-MobileWebsiteDesign on December 7th, 2010 at 9:59 am

    Hey, great channel and information you have here, keep it coming, best of luck- James

  63. panasonic lumix tips on December 9th, 2010 at 2:46 am

    Top-notch post it is actually. My mother has been looking for this content.

  64. Mobile Distractions on December 16th, 2010 at 12:24 pm

    A very good article. Helped me a lot while making this:

    What do you think? does it follow the simple rules of best practices in mobile web design?

  65. Mirac on December 20th, 2010 at 9:41 pm

    Excellent article… thanks for sharing…

  66. Singapore web design company on December 21st, 2010 at 11:56 am

    I wish I had seen this post few months ago. Really informative and guiding.
    Thanks for the share.

  67. Srikanth Dhondi on December 21st, 2010 at 5:10 pm

    Yes, really good source of information. Thank you very much for write up.

  68. Nirvana on December 23rd, 2010 at 2:39 pm

    Web Design Tips

    Once you’ve decided that you require a website for your business, it’s time structure a pan. For many people, the idea of planning a web design may seem troublesome, but following the right agenda may easily assist you in creating a successful and organized web design ….
    to read more

  69. Online Project Management MBA on December 28th, 2010 at 10:11 am

    that’s called a great source of information for doing some job. thanks for the information you provide. Web Design is the growing field in the IT World which is really very good thing but have some bad factors of this thing on some children which is not a good thing.

  70. bangladesh travel on December 31st, 2010 at 10:38 am

    I will definitelycome back to check it out again and have subscribedto your RSS feed. Have an excellent day

  71. Accident Helpline on December 31st, 2010 at 10:56 am

    Really great examples, I wish I had seen this post few months ago.

  72. Rosendo Maski on January 5th, 2011 at 12:51 am

    I was just thinking about that, hmm awesome I wonder. Well thanks for the post really handy, to me anyway.

  73. Rocky Piek on January 5th, 2011 at 1:45 am

    I like it, this is exactly what I was looking for, hopefully there will be more of this on your website over time?

  74. CopyPaste Traffic on January 18th, 2011 at 8:32 am

    I’d incessantly want to be update on new posts on this internet site , saved to favorites ! .

  75. R210 STAND CNFGW Cisco on January 18th, 2011 at 8:38 am

    Per favore, puoi PM a me e mi dica qualche altro pensa a questo, sono davvero fan del tuo blog …

  76. Johnie Araya on January 18th, 2011 at 8:46 am

    This will be a really enceinte imagination that you are furnishing and you turn over it away for free. I bask seeing websites that begin to see the value of supplying a prime resource for free. I truly enjoyed reading your Wiley Post. Thanks!

  77. John Dietrich on January 18th, 2011 at 9:16 am

    Which theme is this blog can you tell me, im about to set up a new site so im very curious about this one, please send me a mail.

  78. pilates workout on January 18th, 2011 at 9:43 am

    Excellent Info… I found this blog incredibly late.. really am searching this type of blogs for my long term reference.. thanks for sharing such a nice blog.

  79. VPCZ13GGX B Sony on January 18th, 2011 at 10:07 am

    merci! post très utile!

  80. Rehan on January 22nd, 2011 at 2:50 pm

    Hey.. I like your articles, in fact you have such a awesome site! Thanks and all the best :-)

  81. Davey Junior on January 23rd, 2011 at 4:26 pm

    Good one. I look forward to read more.

  82. LDS Scriptures on January 28th, 2011 at 1:35 pm

    Creating a cutting edge mobile phone application is within the reach of your organization, with the help of a firm that has expertise in mobile application development platforms

  83. danille on January 30th, 2011 at 8:00 am

    I love the design of this blog, is it a free theme or custom?

  84. What are best sources to get various kinds of projects like web design and development, data entry, call cente?

  85. Service Central on February 4th, 2011 at 6:35 am

    Thanks for the great tips! A question? Given that so many people now surf the net using wifi and 3G connections on their phones, is it still relevant to limit the use of images and javascript?

  86. adiro on February 7th, 2011 at 10:12 am

    Thanks for your interesting post

  87. Richard on February 18th, 2011 at 1:48 am

    Great post.

  88. Gratis Gewinnspiele on February 24th, 2011 at 8:53 am

    Mainly, the story is in reality the greatest on this noteworthy theme. I approve with your consequences and will sedulous look forward to your next updates. With your acceptance allow me to take your rss feed to be up to speed with future stories. Thanks a million and please go on with the delightful activity.

  89. Mike Robertson on February 28th, 2011 at 7:59 pm

    Thanks! This was a very nice read. I love the simplicity of most of these designs. Thanks again for the tips, I have tweeted this!

  90. conference venue on March 8th, 2011 at 8:21 am

    Nice list. Hopefully more designers than programmers are reading it. In my experience, it’s usually the web designers that resist and oppose usability centered ideas. They seek to glorify the site’s appearance, setting aside the user experience.When you have time you should add some AJAX based design tips and woes.

  91. Bal?kesir Haber on March 12th, 2011 at 4:13 pm

    thanks for that great share. I’m searching like that post

  92. steven on March 17th, 2011 at 1:03 am

    I enjoyed reading through this article. I have a question though, if I want to optimize my site for iPhone do I have to change in the CSS file the size for the main column to be 320×480px and try to rearange all the content to fit within this box size?

    • dex on July 1st, 2011 at 12:38 pm

      hi steven! i just used to optimize my websites for iOS and Android and i’m very happy about their job :) i recommend it.

  93. Ethan on March 20th, 2011 at 1:10 am

    Excellent tips! Thanks!

  94. Alabora on March 25th, 2011 at 7:55 pm

    Thanks Admin Very Nice…

  95. Brittany Rubinstein on April 1st, 2011 at 5:10 am

    Currently building my first mobile website. This is super helpful! Thanks for the tips!

  96. Russell on May 4th, 2011 at 2:57 pm

    Covered all the bases here, I followed the same principles for The Barclays Bikes Cycle Hire App designed over the past six months for the European bank Barclays…

  97. ohne schufa kredite arbeitslose on May 11th, 2011 at 3:29 am

    Keep it up, book marked as well as referenced a few buddies.

  98. murtaza kanpurwala on May 13th, 2011 at 5:14 am

    nice work …….. and great website

    Thanx for sharing

  99. abdullah on May 31st, 2011 at 1:27 am

    Thanks for the information.
    Good work.

  100. Leola Weismantle on June 12th, 2011 at 5:17 pm

    Thanks for this great post. You help me so much

  101. enucuzagel on June 13th, 2011 at 2:33 pm

    bilgisayar, pc, en ucuz, laptop, notebook, monitör, tv

  102. Hamid on June 17th, 2011 at 5:20 pm

    where can i find, web template for mobile ?

    • julien on January 12th, 2012 at 3:19 am

      I like ThemeForest for templates, including mobile template. Most of them are $10-$20

  103. Vishal Alimchandani on August 3rd, 2011 at 4:06 am

    Apple iphone user interface is perhaps the best example of mobile navigation.

    Great post.

  104. Alicia Frick Laguarda on September 8th, 2011 at 7:00 pm

    this is OUTSTANDING. Well written, logical, full of relevant examples… I am impressed. THANKS a lot, the mobile web design is a new world for us, and trying to learn enough about it so I don’t sound dumb in front of a client was crucial, and you’re making it possible.

  105. ibad sha on September 25th, 2011 at 2:52 pm

    thanks for the info . i will add this in my blog .

  106. Sandeshaya on September 29th, 2011 at 12:15 pm

    Thanks for usefull statistics and site information to refer.

  107. Richard on September 29th, 2011 at 8:35 pm

    Yea, I agree. This is good stuff for sure :)

  108. heemhamoo on October 20th, 2011 at 6:22 am

    Yea, I agree. This is good stuff for sure :)

  109. Jessica on December 31st, 2011 at 8:19 pm

    I would have loved to read your article on the proper design of websites for mobile users but unfortunately I am viewing this site on my phone and it is absolute hell on the eyes. I have to choose between microscopic text and scrolling horizontally as I read each line. I guess that I should be getting my information elsewhere.

  110. Vincent on January 18th, 2012 at 8:26 pm

    Just found and read this article today. 2 years after publishing it still provides some nice tips. Thanks!!

  111. Martin on January 25th, 2012 at 10:56 am

    Very nice tips indeed, however there are some things that i would reconsider.
    that being trying to keep the information similar on both the normal website and the mobile version.
    This is not a good idea, as there needs rather to be a thought about what kind of information is viable in a mobile kontext, vs a stationary kontext. Science has however shown that alot of people access the web through their mobile phones even at home, when access to stationary media is available.

    Therefore i would recommend having a selection of short version information on the mobile version while linking to full site version if the user would like to read it all.
    Personally i use the mobile for the application related features while most informative pages stay on the fullversion, exept contact information, opening hours and such information that is directly related to the world you figure in.

    Also, its very intressting statistics, very different from our europe ones..

    who am i?
    16 years experience in webb, Bachelor in learning and usability for digital contexts, HCI.

  112. Stephen Alberts on January 26th, 2012 at 4:59 am

    Great article! Best tip here is to make it simple! Who wants to scroll around on a confusing mobile website. It kind of defeats the purpose.

  113. Mike on January 27th, 2012 at 4:06 am

    Thank you for the tips & tricks. I wil be starting a mobile version of my website from scratch (no CMS involved) and this post is full of good advices !

  114. Norv on January 31st, 2012 at 1:24 pm

    Excellent article – straight to the point.

  115. Leyton Jay on February 1st, 2012 at 11:46 am

    This is awesome sauce, great tips for fluffy design stuff! Everyone else concentrates solely on techie tips.

  116. giovanni ferricchio on February 9th, 2012 at 4:52 pm

    The tecniques you describe in this article are excellent guidelines for mobile websites design. But all the mobile sites you present don’t pass the W3C mobileOK Checker test:


  117. kamal on April 10th, 2012 at 10:53 pm

    Best article about mobile web design…

  118. sgk on April 11th, 2012 at 1:44 pm

    grt post!!.. had a question, I have a website where registration form is very important. How should I place this form on the mobile website. Should it be a button where the user’s clicks and then take to the form/// OR should I place the form as soon as the user lands on the page..


  119. zemin kaplama on July 16th, 2012 at 2:12 pm

    Thanks for such a outstanding submit as well as the critique, Im totally impressed! Keep stuff like this coming.

  120. Olivia Moss on August 15th, 2012 at 11:25 am

    Hi! I used this Mobile website builder for WordPress plugin by DudaMobile. Its great and easy to use. You can customize your mobile friendly site the way you want to. You can choose from the various drag-and-drop features such as click-to-call, mobile maps and contact forms. Or very easily use the site editor to easily change copy, add images or try out with different backgrounds, colors and fonts. Chose the best for yourself !!

  121. Dennis on August 27th, 2012 at 5:00 pm

    Great article…two points that I really took away from it is creating a different theme from the desktop version and simplifying. I think functionality is way more important over the looks (although that doesn’t mean it has to look In my experience, when I’m looking for a local business on the go, I’m not really giving points to how great the graphics are as much as how easy is navigation and how fast I can get to the information to make a decision and also find the location.

    What surprises me is how many local businesses don’t even have a mobile website and how much business they are losing because of it.

  122. Michael Holt on September 24th, 2012 at 10:33 pm

    Excellent article, Cameron. Thank you for the attention to detail, and your exhaustive approach to mobile design.

  123. Brian P on December 22nd, 2012 at 4:45 am

    Nice article. Great tips on how to design plan on new mobile site..Can CDN improve mobile site performance?

  124. Peter Drinnan on February 12th, 2013 at 4:48 pm

    No matter what you do, make sure you have the following metatag on your page or you will go bonkers trying to get your fonts to scale properly. I speak from the experience of many hours lost:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

  125. Parker on November 6th, 2013 at 9:36 am

    Good stuff for understanding mobile websites……….