Web design


25
Sep 11

It’s the end of the web as we know it

When you own a domain you’re a first class citizen of the web. A householder and landowner. What you can do on your own website is only very broadly constrained by law and convention. You can post the content you like. You can run the software you want, including software you’ve written or customised yourself. And you can design it to look the way you want. If you’re paying for a web hosting service and you don’t like it (or they don’t like you) you can pack up your site and move it to another host. Your URLs will stay the same and so your visitors won’t notice. You get a great deal of freedom in return for the cost of running your own site. Your site could still be there in a decade’s time, possibly even in a century.

If you use a paid-for web service at someone else’s domain you’re a tenant. A second class citizen. You don’t have much control. You’ll probably have to live with your landlord’s furniture and decoration and a restrictive set of rules. Your content will only exist at these URLs for as long as you keep paying the same people that monthly fee and for as long as your provider stays in business. Experience tells me that this isn’t very long. As a paying customer you’ll have a few rights under your contract but they probably won’t amount to very much. When you leave you’ll probably be able to get your data back in a useful format but when you put it back on the web somewhere else you’ll lose all your inbound links, search engine rankings and many of your visitors. This kind of service seems like a good deal until the day you need to move.

When you use a free web service you’re the underclass. At best you’re a guest. At worst you’re a beggar, couchsurfing the web and scavenging for crumbs. It’s a cliche but it’s worth repeating: if you’re not paying for it you’re the product not the customer. Your individual account is probably worth very little to the service provider, so they’ll have no qualms whatsoever with tinkering with the service or even making radical changes in their interests rather than yours. If you don’t like it you’re welcome to leave. You may well not be able to take your content and data with you and even if you can, all your URLs are broken.

The conclusion here should be obvious: if you really care about your site you need to run it on your own domain. You need to own your URLs. You’ll have total control and no-one can take it away from you. You don’t need anyone else. If you put the effort in up front it’ll pay off in the long run.

But it’s no longer that simple.

Anyone who’s ever run a website knows that building the site is one thing, getting people to use it is quite another. The smaller your real-world presence the harder it is. If you’re a national newspaper or a Hollywood star you probably won’t have much trouble getting people to visit your website. If you’re a self-employed plumber or an unknown blogger writing in your spare time it’s considerably harder.

Traffic used to come from three places: the real world (print advertising, business cards, word of mouth, etc.), search engines and inbound links. Whichever field you were in and at whichever level, you were competing against other similar sites on a fairly level playing field.

Social networks have changed all that. Facebook and Twitter now wield enormous power over the web by giving their members ways to find and share information using tools that work in a social context. There’s no obvious way to replicate this power out on the open web of independent websites tied together loosely by links and search engine results.

Not so long ago you had to be on MySpace if you were an up-and-coming band. Now it’s probably Facebook. Either way, your social network presence is more important than your own website.

If you’re an independent photographer looking to get established you probably need to get your pictures on photo sharing sites like Flickr where they can be easily found by millions.

Many of the most valuable conversations around technology and many other fields happen on Twitter. If you’re not there you don’t really exist, especially if you’re just getting started in your field.

You can turn your back on the social networks that matter in your field and be free and independent running your own site on your own domain. But increasingly that freedom is just the freedom to be ignored, the freedom to starve. We need to use social networks to get heard and this forces us into digital serfdom. We give more power to Big Web companies with every tweet and page we post to their networks while hoping to get a bit of traffic and attention back for ourselves. The open web of free and independent websites has never looked so weak.

Perhaps none of this would matter very much if the biggest player of them all — Facebook — wasn’t such a grotesque abuser of its position. Even before announcing Open Graph this week it was pretty clear that Facebook wanted to own everything everyone does online. Facebook currently has 750 million members. If it were a country it’d be the third most populous country in the world, bigger than everyone except China and India. The United States has a mere 312 million people — not even half the size of Facebook.

Facebook’s Open Graph technology allows third-party websites to tell Facebook what people are doing. It extends Facebook’s Like button to include any action that the site owners think might be interesting to Facebook. Play a song and your music streaming site tells Facebook what you’ve played. Read a newspaper article and Facebook knows what you’ve read. LOL at a lolcat and your LOL gets logged for all time on your indelible activity record. Facebook calls this “frictionless sharing”, which is their euphemism for silent total surveillance. Once you’ve signed up for this (and it is optional, at least for now) you don’t need to do anything else to “share” your activity with Facebook. It’s completely automatic.

Site owners and developers are lapping it up. Hosting company Heroku posted this incredible tweet the day after Open Graph was announced:

Huge Open Graph momentum with social devs, we’ve seen more than 33,800 new Facebook apps in last 24 hours #f8

Yes, that’s nearly 34,000 new Facebook apps created in one day by customers of just one hosting company. Astonishing numbers.

At least Facebook is up front about Social Graph. Facebook’s abuse of its Like button to invade people’s privacy is much less publicised. We all think we know how it works. We’re on a website reading an interesting page and we click the Like button. A link to the page gets posted to our wall for our friends to see and Facebook keeps this data and data about who clicks on it to help it to sell advertising. So much so predictable.

What most people don’t know is that the Like button tracks your browsing history. Every time you visit a web page that displays the Like button Facebook logs that data in your account. It doesn’t put anything on your wall but it knows where you’ve been. This even happens if you log out of Facebook. Like buttons are pretty much ubiquitous on mainstream websites so every time you visit one you’re doing some frictionless sharing. Did you opt in to this? Only by registering your Facebook account in the first place. Can you turn it off? Only by deleting your account.

This is where I draw the line. I’m well aware that everything we do online and many of the things we do in the real world creates a data shadow — a digital record of our actions. If you carry a mobile phone your location is continually recorded by your phone company. If you’re suspected of a crime or go missing then this data will be handed to the police. Most of us know this and choose to use mobile phones anyway. We know that when we buy things that transaction is recored by our bank and the shop unless we’re using cash. We know that our computers and our broadband providers record what we do online. But all these things are predictable and at least arguably necessary to provide the services we use. We might not like these intrusions into our privacy but we like the law enforcement, fraud protection and service quality that they buy us. It’s a compromise that most of us are willing to make.

What Facebook is doing is very different. When it records our activity away from the Facebook site it’s a third party to the deal. It doesn’t need this data to run its own services. Moreover, Facebook’s aggregation and centralisation of data across all our disparate fields of activity is a very different thing from our phone company having our phone data and our bank having our finances. Worst of all, the way Facebook collects and uses our data is both unpredictable and opaque. Its technology and policies move so quickly you’d need to be a technical and legal specialist and spend an inordinate amount of time researching Facebook’s activities on an ongoing basis to have any hope of understanding what they’re doing with your data.

As individuals we can opt out. It’s still possible to live a full life in the developed world and not use social networks. Some people may find it harder than others — missing out on event invitations that are only sent on Facebook, for example. Not being able to see your friends’ photos because they’re only posted to Facebook. Not being able to join conversations on Twitter. But for now there are sufficient alternatives for most of us. As with smoking, it’s easier to not start using the social web than to stop. Once you’ve signed up the cost of leaving increases with every “friend” you make, every photo you post, every tweet you send. That’s why I’m holding out against Google+ for now.

For organisations and business it’s very different. We’re already past the point where social networks can be ignored. If you don’t have a social networking presence your businesses is at a significant disadvantage compared with those that do. It’s where the attention, the traffic and the conversations are. Even public and government services are finding their social networking activities increasingly important. How long before they’re essential?

The promise of the open web looks increasingly uncertain. The technology will continue to exist and improve. It looks like you’ll be able to run your own web server on your own domain for the foreseeable future. But all the things that matter will be controlled and owned by a very small number of Big Web companies. Your identity will be your accounts at Facebook, Google and Twitter, not the domain name you own. You don’t pay Big Web a single penny so it can take away your identity and all your data at any time. The things you can say and do that are likely to be seen and used by any significant number of people will be the things that Facebook, Google and Twitter are happy for you to say and do. You can do what you like on your own website but you’ll probably be shouting into the void.

If I find any answers I’ll post them but right now things are looking bleak. It’s the end of the web as we know it and I feel pretty far from fine.

@adrianshort


10
May 11

Council website adverts: A design perspective

Anyone can design a website, just like anyone can take a photograph. But good web design, like good photography, is really, really hard to do.

And the evidence is all around us. Most websites aren’t that great, even those from well-resourced organisations that can hire teams of people to work on them.

Council websites are just about the hardest kind of website to design. Councils are large organisations that deliver an extremely diverse range of services within a sensitive public/political context. And they have to serve the whole community, not just most of it. And so while it’s undeniably true that many if not most council sites have a long way to go before they realise their full potential, I have every sympathy for those who are trying to deliver such complex designs with often very limited resources.

Good design means getting the big ideas right and then sweating the details. These are both really tough jobs and you don’t have forever to do them.

You don’t need to be an extreme minimalist to understand that every time you add something to a website you take something away. You increase users’ cognitive load. You draw their eye. You displace other page elements, or if you’re adding pages, you add another item to your navigation and search results. It all adds up.

I’ve never seen a website that was improved by adverts.

Every great website has come about because people worked hard and smart at stopping it being crap. They had the balls to say “no” more often than they said “yes”. They trimmed out flabby content, sharpened up the writing, weren’t satisfied with second-rate images. Engineers worked to progressively trim fractions of a second from the page load times, tweaking the front-end code, the back-end application and the server infrastructure. Titles and headlines were rewritten. Everything was meticulously researched and tested.

It’s hard to see how slapping a couple of ad blocks on the page is going to make this job any easier. And it’s not like the average council website is so fast, clear and simple that it can afford to take any kind of usability hit.

Ah, but they do it in the private sector. Indeed they do.

And their websites are undeniably worse for it. Of course they’d rather not do it, but if selling ad space on your site is necessary to bring in essential revenue to run it, you don’t have a choice.

The best private sector sites running adverts are very different from council websites. Take The Guardian. Although this is a big and complex site, essentially all most visitors are doing is finding and reading news. That’s just a single task. Council sites have to support hundreds of tasks. And The Guardian has design and development resources several orders of magnitude greater than any council. All their content is produced by professional writers and photographers, too.

So councils have the challenge of producing some of the most complex websites imaginable. But they also have the advantage that they’re funded to do that. They don’t need to raise revenue through the site itself. They can concentrate their resources on producing the absolutely best user experience possible without having to shill for a few pennies on the side.

Councils should fight for every inch of quality on their websites. Adverts are a completely unnecessary and harmful distraction from the real task at hand. Make your site great and the benefits will far exceed any cash you can drum up by encouraging people to click away from it.


10
May 11

Complaint to Nottingham City Council about Google AdSense adverts

Bankruptcy advert on Nottingham City Council's website

I am very unhappy with some of the adverts that you are running on your website. Many of them are directly exploiting poor people such as the advert for “claim bankruptcy” that I found in your advice and benefits section today. (Click image above for full size view)

I wrote about this issue over a year ago and it’s also been featured on The Guardian’s website.

When are you going to stop running adverts that harm your residents and the council itself?


31
Jan 11

Open data for all

There are five types of potential users for open data and data-driven apps:

  1. data experts and computer scientists who can use semantic web technologies;
  2. software developers who can use XML, JSON, etc.;
  3. power users who can use CSV, spreadsheets, RSS, KML/Google Earth, perhaps Yahoo Pipes;
  4. general users who can use a web browser;
  5. offliners who need printed materials, ambient displays, public screens etc.

Most of the focus seems to be on providing data for data experts and developers so they can build apps for general users and power users. We need more data suitable for power users to use directly and more apps for offliners. We’re all offline sometimes.

My own app for offliners is QR Code Posters which will print a poster from any RSS feed. See how it can be used here.

Sutton Open Maps caters for general users, power users and developers by showing draggable Google Maps of local features along with KML (Google Earth), XML and JSON downloads on the same page. Whether you want to just find a local recycling centre, download the data into Google Earth for a school project or build your own app from the data, you’re covered. (It’s open source, too.)

This post started life as a comment.


12
Oct 10

Designing with the Delete key

We keep hearing about the cuts. About how councils are going to have to do more with less. It seems like an impossible task, and maybe it is.

But if you work on a council website you can make a start today by simply removing all the stuff on your site that really doesn’t need to be there.

This will be both the cheapest and highest-value redesign you’ll ever do.

It will save you money on your hosting costs. Less stuff on a page means less data coming down the pipe. Lower bandwidth charges.

Your pages will load faster and you’ll be able to defer server upgrades longer.

People will be happier that their pages load more quickly.

People will be happier that they can find what they want more easily without having to wade through clutter and confusion.

You will save on development and maintenance costs. Deleted content and features cost nothing to maintain. You’ll never have to review, fix, redesign or rewrite them again.

With a bit of luck you’ll find that you don’t need a mobile website. Your current site, without the clutter, will do just fine.

And once you get into the habit, you’ll start to be a lot more discriminating about what you put on your site in the first place. The default answer is no. Anything that goes on has to fight for its place.

To get started you’ll need a structure and a strategy.

The structure is that you’ll remove one thing every day. It’s very unlikely that you’ll run out of things to delete, but worry about that “problem” when you get there.

One page.

One section.

One microsite.

One feature.

One sidebar.

One word, sentence or paragraph.

One link.

One form field.

One button.

One image.

One form.

Just something. Get rid of it.

The strategy is a little bit harder. How do you know what to delete?

The short answer is anything you can live without.

I’ve been through my own council’s website looking for examples. So far they break down into these categories, which should give you some inspiration:

Cargo Cults

A to Z navigation. Every council site has it. But what’s it for? Your site surely isn’t a phone book that needs an index. It’s probably a hold-over from the days of static sites that didn’t have a good search feature, if they had one at all. You probably had far fewer pages in those days too so the list of links on each letter page was much shorter. Sort out your search if you need to (make it prominent, fast and accurate) and drop the A to Z.

Cargo cults are things you do because other sites do them without you giving any serious consideration of the value they provide. Perhaps they’re required by some guidelines somewhere. Maybe they made sense once but not any longer. Question them. Challenge them. Think about it. Then do what you think is right as long as you can defend it.

Content

Badly written copy. Copy that’s too long. Stuff that’s too time-sensitive for you to maintain properly. Reams of instructions for things that should be simple enough to use without explanation. Fix the underlying issues if necessary, then delete them.

Feature Duplication

There’s no need to reinvent the wheel. Browsers and computers have got built-in features for changing the text size, adding bookmarks, displaying the time and date and managing subscriptions to content. Don’t waste your time doing things that are already done perfectly adequately elsewhere. Could your contact form be replaced with just a simple email address?

Images

A picture is worth a thousand words, several thousand bytes, quite a bit of money every year in bandwidth and a fair amount of time to source, resize, upload and review. They take up your readers’ time and attention too, often drawing their eye from the real content on a page. Imagine this page without the text headings. Now imagine it without the photos. See which one works?

So treat pictures as content rather than decoration and make every one count. If a picture isn’t high-quality and supremely relevant to the page then drop it. There should never be a rule that every web page must have a picture. Stock photos to illustrate generic concepts are nearly always unnecessary. Showing real people, places and activities at your council may well be fine, but not much else.

Forms

Every field you add reduces the chances of someone completing the form. If you don’t need to know something, don’t ask for it. You don’t need my postal address when I’m reporting some graffiti to you.

Multi-page forms are painful. They seem to go on forever and you never know what’s on the next page. They require some kind of navigation between the pages, which adds to the complication and the scope for error. Fit the whole form on one page, even if the page looks a bit long. People can scroll. You’re not designing for a bit of paper.

The one button every form needs is the Submit button, but it should probably be called Send or Save or Report It or something that makes sense in the context of the task. If you’ve got any other buttons like Reset (i.e. Delete everything I’ve just typed) ask whether you really need it.

And it’s worth asking whether the whole form is really needed at all.

So…

Getting rid of all the clutter on your website doesn’t require a great deal of design insight or technical skill. But it needs a lot of discipline. So once a day just delete something that you can live without and you’ll be working towards a faster, cheaper, simpler website with much happier users.


25
Feb 10

Why councils shouldn’t run Google AdSense ads

Shortly after Nottingham City Council presented at the Google local government conference last year and announced their £15K windfall from AdSense, I took a close look at their site to see what kinds of ads were being served and how they were presented.

Variously, I found numerous ads that seemed to act against the direct interests of the council, preyed upon some of the most vulnerable local residents or were just downright sleazy or inappropriate.

Continue reading →


7
Aug 09

Worst practice: 10 ways that Sutton Council’s website (still) drives me nuts

UPDATE 1 March 2010: Let’s see how the site’s doing seven months after I originally published this article.

Someone famous once said that the true definition of madness is doing the same thing over and over and expecting the results to be different. Well I keep going back to the Sutton Council website and nine months after launch it’s still not any better. Arguably it’s worse.

Continue reading →