Forget the mobile web: One site should work for all

Daily Newsletters

Sign up to ZDNet UK's daily newsletter.

COMMENT

Access to the web is a human right, says Bruce Lawson. It should not matter if you browse using a mobile phone, or with an assistive technology because of a disability. You should still have access to the same website a desktop user enjoys.

Usability guru Jakob Nielsen wrote on his useit.com site recently: "Mobile-phone users struggle mightily to use websites, even on high-end devices. To solve the problems, websites should provide special mobile versions."

He's wrong. Making two or even three mediocre sites, designing and user-testing them, then trying to keep them in sync is a waste of time and money. Concentrate on preserving the 'One Web': that is, make one really good site that works across all devices.

However, Nielsen is right when he says: "Using a mobile makes you a disabled user", because most devices are slow and awkward to use, much like disabled people's assistive technologies. But the solution is not to splinter the web into device-specific sites such as 'mobile.example.com'. The solution is to use techniques conducive to universal design.

Special accessibility sites
Nobody makes separate 'disabled' sites any more. Originally, enlightened business owners who wanted to serve people with disabilities made special 'accessibility' sites that were separate from the main website. Assistive technologies couldn't cope with the full website, the developers argued: there were too many pictures, or the site couldn't be made accessible for some other technical reason. Disabled people didn't want the adverts, they said, and so were given a stripped-down, task-focused site.

The developers were wrong. Many disabled people did want the ads and the special offers. Many complained about the "separate but equal" treatment they were given by developers, who thought they knew best when it came to what disabled people want.

Read this

The year websites become accessible to all

Why site accessibility is set to be a key issue in 2009

Read more +

Gradually, people learnt how to make sites accessible, visually pleasing and useful to all. Many techniques that are used to overcome disability barriers go a long way towards making sites that work well on mobile devices, and are documented by web-standards body the W3C in their online article Shared Web Experiences: Barriers Common to Mobile Device Users and People with Disabilities.

Mobile users also want the full experience rather than separate-but-equal treatment. There are ways to cater for smaller screens in code via handheld stylesheets or, even better, a CSS technique called media queries, which allows a developer to send a different layout optimised for the capabilities of different devices. You make one website, and the stylesheet sends different layouts to devices with smaller screens. I don't know if Nielsen knows of these methods, which are available for Opera, Safari and soon in Firefox.

As well as the developer sending different styles, mobile browsers are getting cleverer too. Users can customise the settings so their mobile never downloads images that consume lots of bandwidth. Some browsers will rearrange...

Talkback

This post has been removed by a moderator.

Sorry, but I completely disagree with the premisses of your article. There never was "One web" in the first place. There is twitter, there is spotify, my first internet experience was with the tank game Bolo on an old beige mac.
A lot of websites are totally unusable in a mobile environment. But have a great user experience in a normal browser. Should they really redesign?
And do we really want the same stuff in all contexts? I don't think you don't want the same things from your online bank at the bus, as you want at home.
With your approach everyone who wants to design an experience for a real mobile context will have to write an app for appStore. 'Cause then they can do what they want.
To finish of; Have you ever tried to play a browser based online multiplayer browsergame on Opera mini? I have, and I think most people will be begging for customized, mobile version if they had.
Mobile versions of sites are here already. And they will explode in numbers in 2009. :-)

Feiring 5 March, 2009 22:41
Reply

"I don't think you don't want the same things from your online bank at the bus, as you want at home"

maybe it's just me, but when i go to my online banking site at home, i don't care much for the bulk of offers, upsells, adverts...i quickly skip through the rubbish, find the "my account" login, and then go through the far more task-focussed system that lets me see my statements, standing orders, etc...which is exactly what i'd want when mobile, too. so, to echo bruce's point, it's an argument for making the desktop experience more task-focussed. the only difference, for me, when using the desktop at home is that i have a large screen and a mouse which enable me to filter through the crap on the bank site quicker and home in on the account login button - my needs, however, are the same, no matter where i am (home, at bus stop, travelling abroad, etc).

"A lot of websites are totally unusable in a mobile environment. But have a great user experience in a normal browser. Should they really redesign?"

yes, because they can redesign by employing media queries and small-screen-specific styles, without even having to touch the look and feel for "normal" browsing.

"With your approach everyone who wants to design an experience for a real mobile context will have to write an app for appStore. 'Cause then they can do what they want."

as the article mentions, in certain edge cases (which would need to be considered on a case-by-case basis), there may well be situations that absolutely require a separate mobile/small screen version. but then, offer users the choice of switching between the diet and full-fat versions (rather than force-redirecting any user with a mobile user agent string purely to the diet version).

"To finish of; Have you ever tried to play a browser based online multiplayer browsergame on Opera mini? I have, and I think most people will be begging for customized, mobile version if they had."

fundamentally, i think the problem with these types of discussions is that they're too theoretical...let's put some urls up that you feel are good examples of sites that will categorically not work well as they are in a mobile context and let's discuss those in particular.

redux 6 March, 2009 11:40
Reply

I agree with the thrust of the story and the second poster. Too many sites are bloated rubbish. I always skip intros. How arrogant of website owners to think we all want to watch slow-loading uninformative gumph.

And how much worse it gets if one has to return to such a website repeatedly?

By all means have a link to long videos or overloaded pages, but don't make everybody suffer. Why should we all have to put up with badly-written websites? Mobile or no mobile.

Dori S

46426 6 March, 2009 12:09
Reply

The reason I used an online bank as an example is that this is a good case of massive amounts of information. A good online bank will provide you with the tools to manage your whole private economy. In a mobile context, you don't want that information. You want the hands on stuff. At a glance account information, and some easy tasks connected to what you may do on the road, like moneytransfers.

Here's a question; When the phone becomes a transaction tool. (it already is in Japan, everyone pays just about everything with their phones). Shouldn't the phones online experience be built to reflect and support this?

Another good example would be google analytics. The amount of information is staggering, but I want it all on my 24" desktop. On my phone? not so much. I want just the basics. A totally different set of information. This could be solwed by more customizable pages, but then that's just what a mobile webpage is.

Regarding the edge cases. Does the number of apps on Apples app store indicate that mobile customization is about edge cases?

This seems like a holy grail discussion, The premises "Only presentation should change, information should stay the same" is layed down in stone. Where is the reason in that? Where does this idea come from? News are not the same on Radio as on TV. Should every watch have the same info? from a diamond rolex to a sports casio? No way. It's about what's neccessary, and desirable, in each context.

Redesigning the "one" web to fit on mobiles as well, while screens on the other end of the scale are growing and turning to video and other media, seems like not just a bad idea, but also an impossible one.

Feiring 6 March, 2009 12:42
Reply

Thank you for the nice article and different view on the subject, although I don't agree with all of it. I have the feeling you are saying the same as J. Nielsen. "You should optimize your website to view on a mobile", may it be by css media types or user-agent redirects. That means you have a different website no?

"He's wrong. Making two or even three mediocre sites, designing and user-testing them, then trying to keep them in sync is a waste of time and money."

If I read the article, he is not saying you should make a mediocre site, he is pointing out that there are different ways of interaction on mobile devices and you should optimize your content and website to gain usability on mobile websites.

"Gradually, people learnt how to make sites accessible, visually pleasing and useful to all. "

This is working 2 ways, the possibilities on making websites more accessible depends on the browsers as much as the techniques used by the developer. Because desktop browsers are becoming more stand compliant it is easier and less time consuming to get your website accessible. For the moment, all the mobile browsers are like Netscape, IE and who know what 10 years ago. All making different assumptions on standard. "I think the browser developers should for once start working together, instead of making there own decisions." Making the web accessible is one of there jobs!

"Mobile users also want the full experience rather than separate-but-equal treatment."

Again I don't agree with that. The task and context are totally different. On a desktop a users has time, "privacy", easy input and screen space. On a mobile a user has no time, no privacy, difficult input and no screen space. The task at hand are so different that a user needs different options to work with. Take the bank example.
On the desktop you have a full overview of all the products the bank sells and the different task options. Does a user want that information at the moment he is on his mobile? Or is the user visiting your site with a task at hand, for example transferring money? I think you can say mobile user don't really surf the web but are task orientated. While desktop users are surfing the web.

"Users can customise the settings so their mobile never downloads images that consume lots of bandwidth."

User are lazy, they don't want to change settings so they can optimize the browser experience. The browser comes as it is and the website should serve the options for the task the want to do. Mind you, different tasks on mobile and desktop.

"But that's not an argument for a separate mobile version; it's an argument for slimming down the flabby desktop site."

Totally agree with you, that some websites present stuff that is in no use for user,... or ist it? Shouldn't we forget that there is also a branding and marketing objective with websites? Splash pages are totally 2004 but some branding can be done no?

"If your site really, really needs a mobile version — perhaps your users are stuck with ancient browsers or you're doing something unimaginably special — do not lock your users in. Offer them the choice of which version they receive."

I agree that the user should have an option to visit the full website. With the new mobiles coming up, it is possible to view the desktop website.

"— perhaps your users are stuck with ancient browsers"
I think this is still representing the most user surfing the internet by mobile.

Evert Slagter
Student Communication Multimedia Design, University of Rotterdam, The Netherlands.
twitter.com/shortye

shortye 26 March, 2009 11:55
Reply

Having one site that dynamically fits all end devices irregardless of what it may be is the key, that way when new technology comes about very little time is waisted deploying it in the way you have become accustomed to using it.

I want the same accessibility and experience on my mobile device as i have on my desktop machine, I don't want to waist time relearning how to use something every time i upgrade.

The article stands.

CA 13 September, 2009 01:20
Reply

I agree with Bruce totally, but the reality is that producing one website for all devices is quite difficult. I have been working on different aspects of this with some success, but the usability of a 'one web' website is just now beginning to materialize. The iPhone and other advanced smartphones can now process a well formed (xHTML MP compliant) web page including javascript and and CSS correctly (as meant by the developer). More complete standards, as well as strictly following current standards make it possible to create reasonable 'multi device' websites, but browsers like IE and Mobile IE are still a real problem to true 'one web' success. Since people still use these 'crap' browsers with their relatively little standards compliance, the 'one web' dream is still a ways off.

dwight_vietzke 16 May, 2010 20:09
Reply

This post has been removed by a moderator.

Post your comment

In order to post a comment you need to be registered and logged in.

You can also log in with Facebook. Log in or create your ZDNet UK account below

  • Login

Will not be displayed with your comment

By signing up for this service, you indicate that you agree to our Terms and Conditions and have read and understood our Privacy Policy. Questions about membership? Find the answers in the Community FAQ

Get ZDNet UK's daily newsletter

Enter your email address to sign up

ZDNet UK Live

Roberto_Store

Now On Sale, Unlocked iPhone 4S / Galaxy Note In Factory Box. Roberto-Techie(UK) ”Now on Sales” Smartphone, Android,Tablets,Gadget &...

2 hours ago by Roberto_Store on Samsung Galaxy S III lined up for sale
Paul Smyth

Is this classic FUD? One thing I would definitely have notice is a Mozilla threat to stop supporting GNU/Linux.

4 hours ago by Paul Smyth via Facebook on Firefox rapid release improves Fedora Linux
UnderINK

I agree with the previous commenter wholeheartedly. I couldn't say it better myself. This is very 'Big Brother'. And while I agree with protecting...

8 hours ago by UnderINK on European e-identity plan to be unveiled this month
Simon Bisson and Mary Branscombe

Nice to see that Turing's idea of a general purpose computer doing once-hardware-powered tasks in software is now universal ;-) Mary

14 hours ago by Simon Bisson and Mary Branscombe on Software with everything
Jason Burchell

seriously now. I've only bothered to read a small bit of the comments. do me and the rest of the world a favour. stop saying it does not work or...

17 hours ago by Jason Burchell via Facebook on Music industry negotiating over 24-bit downloads
Philip Charles Cohen

Read about it and weep, John Donahoe ... In addition to Visa’s V.me, there is now MasterCard’s PayPass digital wallet soon to arrive; another...

22 hours ago by Philip Charles Cohen via Facebook on PayPal takes phone-based payments to the high street
apexwm

Leslie Satenstein : Where have you ever seen Mozilla even mention this? Firefox is the most popular browser in the GNU/Linux OS, so I don't see...

22 hours ago by apexwm on Firefox rapid release improves Fedora Linux
songmaster

SHleG: Do you remember building a clockwork scorpion kit (I'm pretty sure I have a photo of it somewhere) — I think it was called something like...

1 day ago by songmaster on Software with everything
Chris Wortman

Good I love Yahoo! Their search engine is getting better than Google as of late. I find more of what I want on the first page, and usually within...

1 day ago by Chris Wortman via Facebook on Linux Mint 13 ramps up for KDE release
PatrickG

openhgs has made the point for Windows 8 multiple monitors without realising it! With Windows 7 you have to switch the mouse and so your focus...

1 day ago by PatrickG on Windows 8 could speed multi-monitor uptake
Leslie Satenstein

Mozilla has threatened to stop supporting Linux. I guess that UBUNTU is going with another browser. I indicated that if Mozilla stops supporting...

1 day ago by Leslie Satenstein via Facebook on Firefox rapid release improves Fedora Linux
Andy Bolstridge

Much as I abhor Microsoft's licensing practices, this is almost certainly down to purchasing IT equipment via 3rd party consultants - you get the...

1 day ago by Andy Bolstridge via Facebook on 6 million wasted licences and £1,200 PCs: welcome to government IT
Jack Schofield

@openhgs Windows users have had multiple desktops since Linus started writing Linux. They just haven't shipped as standard because not enough...

2 days ago by Jack Schofield on Windows 8 could speed multi-monitor uptake
Jack Schofield

@Phil at Cloud4 What, Microsoft gets £1,200 per PC and £1,622 per server? Gosh, I'm amazed....

2 days ago by Jack Schofield on 6 million wasted licences and £1,200 PCs: welcome to government IT
craigsc

You guys have no idea what is going on at Autonomy. Autonomy could have been a much more profitable organization. The sales operations at Autonomy...

2 days ago by craigsc on HP cuts 27,000 staff as Autonomy chief Lynch leaves
Moley

How does this impact on dual or multi booting? Seems to me to more or less prohibit this, from Windows 8 anyway. Will Grub 2 recognise Windows 8,...

2 days ago by Moley on Windows 8 start-up speed forces USB boot workaround
apexwm

I don't understand why there cannot be a slight pause during the boot process so the user can press a key. Many operating systems do this, even if...

2 days ago by apexwm on Windows 8 start-up speed forces USB boot workaround
Gavin Goodman

You can now buy the Xi3 modular computer in the UK at http://www.ocdistribution.com . This can be bought with the Tand3m software, pricing and...

2 days ago by Gavin Goodman on CES 2012: Xi3 microSERV3R
Phil at Cloud4

I agree: Mike Lynch can clearly build a business and manage strategy. I suspect the exit of Mike is more likely the end of a planned handover...

2 days ago by Phil at Cloud4 on HP cuts 27,000 staff as Autonomy chief Lynch leaves
Phil at Cloud4

This is unbeleivable government wastage with only one winner... Microsoft 1 - Tax payer Nil!

2 days ago by Phil at Cloud4 on 6 million wasted licences and £1,200 PCs: welcome to government IT