Mobile sites force designers to think more carefully about creating task-driven sites than otherwise. The space available to work with is minimal. The width of the screen can be anything between 150 and 320 pixels wide. This is significantly less than lowest resolution monitor. Furthermore the ratio of x to y on the screen is the inverse of a traditional screen. We are working with landscape rather than portrait.
From a design perspective this presents a number of challenges. User actions have to be presented first and at times navigation goes out the window.
I have been browsing the web with handheld devices for around three years and to start with it was clear that designers did not understand the limitations of the environment. In fact I would say that large content sites like CNN and BBC still struggle to get navigation and relevant content on a mobile screen.
For me social networking sites are succeeding where large content sites are not. They have the enviable advantage of having a limited number of tasks that users can perform. Still though they are getting tasks onto the page quickly and in a usable manner. Here are a few examples:
I’m going to say something controversial. In some cases I prefer mobile versions to the full web version. If we take Twitter I tend to access m.twitter.com rather than the full site even with a full browser. There are several reasons for this:
Design theory has made great strides in focussing on making a site user-focussed and task-driven. Mobile sites represent the ultimate incarnation of that. Increasingly I’m feeling that stripping a site back to its bare bones can help to understand the product better and can inform the full web version and sometimes even usurp it.
Have an update or suggestion for this article? You can edit it here and send me a pull request.