It’s pretty obvious that the use of smartphones is significantly increasing as the prices of smartphone handsets have started to significantly decrease. Smartphones now account for a good chunk of the mobile phone market and in the next few years we will begin to see smartphone models entering the lower end of the market, entirely wiping out non-smartphones. This means that everyone with a mobile phone will not only be browsing the internet on a laptop or desktop but also on a smartphone.
Obviously, smartphones are capable of displaying desktop versions of websites perfectly, but how does this work in the real world. Let’s explore how mobile web development differs from desktop web development.
Context
What is the context of the user: where is he? What is he doing? What does he want to know? The answers these questions vary greatly when we consider the desktop environment vs the mobile environment. It’s likely that a user viewing the site on his mobile whilst grabbing coffee on the way to work wants to find different information compared to a user who is casually browsing from home.
This normally means that a mobile site serves as an “e-business card” which will offer users quick contact details or directions. See how the McDonalds mobile site realises that the most obvious reason users will come to the site is to find a McDonalds. This isn’t just guessed though; we can use analytics data to gauge the motivations of the mobile user and thus tailor a site specifically.

Load time
Obviously, it’s not practical to have homepage that takes a long time to load. Mobile users also often end up in terrain where the signal is low, so it’s important to keep file sizes to a minimum. There is nothing more frustrating that a slow loading site because the code is bloated.
Design
Remember that most mobile users don’t navigate with a pointer but a finger. This means that buttons need to be big enough for use of those with stubby fingers. It’s unrealistic to expect people click point 10 links. All links on a mobile site should be buttons with good 20px padding; this allows larger thumbed users accessibility.
Information should also be fluidly stacked. The screen is way to small to have a two column layout and it would be a shame to lose space by developing a fixed width layout, or even worse; make a user scroll to the right to read an article. I find this to be the case far too often
Text size should be bigger! We don’t know how far away the user is forced to hold their mobile phone or if the sun is glaring into it. The best thing we can do is develop easy to read typography that is of a good size and well spaced.
Finally
When developing a mobile site, it’s not good enough to simply create a stylesheet. Go back to the drawing board and re-evaluate your user and build a tailored mobile experience.