Posts Tagged ‘web design’

Better Connected 2010 and the changing web

Thursday, March 4th, 2010

Hot on the heels of their (always hotly debated) annual report on the state of local government websites (Better Connected 2010), we were pleased to welcome SOCITM reviewer John Fox to a workshop session this morning to provide what he described as a “web content ra-ra-ra presentation”.

Disclaimer – I haven’t had the chance to read the full #BC10 report yet. I hope to add my own perspectives to this blog once I have. What follows is a summary of John’s presentation on the report and what he thinks it means for local authorities.
More on Better Connected 2010 and John’s presentation

Best approaches towards a mobile Intranet

Tuesday, January 5th, 2010

Jakob Neilsen has just announced his 10 best-designed Intranets for 2010, and as always it’s a goldmine of information and advice. I haven’t yet forked out for the full report, but the summary alone offers plenty to think about.

One particular point that will raise eyebrows is the continued advocacy of separate sites for mobile devices. There is an ongoing debate about the pros and cons of such an approach, brought to the fore by Neilsen’s post last February comparing Mobile Web 2009 with Desktop Web 1998, and concluding that a separate site is best. Many of us were not convinced, and as Henny Swan argued at the time:

It also hints at repeating the mistakes of desktop web design circa 1998 where we thought the answer was to design for one browser, use proprietary technology, build text only websites for disabled users…the list goes on. So let’s not make that same mistake and instead fast forward to one of the principles of good web design that dug us out of the dark hole of 1998: progressive enhancement.

Henny Swan: Progressive Enhancement for mobile

Henny described how a ‘one site fits all’ approach can be achieved using media queries, and it’s certainly a far more attractive solution than designing and maintaining separate sites.

But this all relates to websites in general, rather than specifically to Intranets, and I was interested to look closer at the suggestion of a separate mobile Intranet.

iPhone on staff log-in page

Intranet on the move?

More about mobile Intranets, and why a separate site may be justified

Google Browser Size and thinking beyond the fold

Thursday, December 17th, 2009

Yesterday, the Google Code Blog announced Google Browser Size. It’s a handy little tool which allows you to take a contour visualisation of common browser sizes and overlay it onto your own sites, to easily spot which areas people can see without needing to scroll. So for example, here’s my site with the overlay applied:

Browser sizes

Browser sizes as an overlay

More about Google Browser Size, and why scrolling isn’t actually all that bad

Stripping (my CSS) for web standards

Thursday, April 9th, 2009

Today is CSS Naked Day.

The idea is simple – websites all over the world are stripping off their CSS for a day, leaving their sites naked and unstyled. If those sites have been designed well, according to web standards, the sites will still appear in logical order with all content perfectly accessible.

Checking a site with CSS turned off is a great way of detecting possible problems. Many assistive technologies ignore CSS, for example, so over-reliance on styling can lead to problems.

For example, imagine you use CSS to call up a background image. But then imagine that background image is actually an image of content (for example, when people put contact details on the background image of their Twitter page). Without CSS, you won’t see that image, but have you provided an alternative?

Website without CSS

The Pretty Simple website without CSS - less pretty, more simple

CSS Naked Day is a great way of flagging up the need for good web standards, and in that spirit I will be shedding my CSS over at www.prettysimple.co.uk. (EDIT: CSS now back on – it was getting too cold!)

Some fellow CSS naturists

Don’t just sit there – debate!

Wednesday, March 25th, 2009

I love argument, I love debate. I don’t expect anyone just to sit there and agree with me, that’s not their job.

Margaret Thatcher

Debate and discussion are vital to the progress and development of web accessibility. With that in mind it’s great to see that, as ever, there is plenty of discussion going on out there in the fora, blogs and Tweets of those interested in the subject.
(more…)

Considering users with multiple disabilities

Friday, February 27th, 2009

I was interested to read, on the RNIB website, that there are an estimated 2 million people with significant sight loss in the UK, 70% of whom have other disabilities or long term health problems in addition to their sight loss.

That’s a really interesting statistic, because it highlights the fact that when we try to take into account the needs of disabled users, we often aren’t talking about individuals with just one disability. People will often have a combination of needs, and we must respond by designing for this diversity, rather than taking a locked-down, ‘one-size fits all’ approach.

A good real world example of this was when I worked in a library. The library had an easy access PC terminal, offering the following features:

  • Raised desk to allow wheelchair users to get nearer the keyboard
  • Large-key keyboard
  • Trackball mouse
  • Screen reader software and headphones
  • Screen magnification software enabled by default

Although provision of these facilities was excellent, there was a problem in that often the combination of all of these features proved a barrier in itself. For example, a regular blind user found it difficult to use the large-key keyboard as they were used to a normal keyboard, the layout of which they were instinctively familiar with. Thus, the keyboard was great for users with impaired vision, but not so great for blind users, who had to ask for help finding the location of certain keys (in fact, many keys had been left off completely).

What we quickly realised was that people needed the ability to customise the set-up according to their needs. So we had a normal mouse and keyboard on standby for anyone who requested it, advertised by large-print and Braille posters next to the terminal and backed up by regularly monitoring the terminal to offer assistance. Not the ideal solution, but better than nothing.

This is just as true for web products – we can all too often be guilty of making assumptions about our users and designing solutions based on those assumptions, rather than thinking about real world users. A good example of this is skip links. We know that screen reader users like to utilise skip links, but too many sites hide these links, making them hard to find for sighted keyboard users (for example, those with limited motor skills meaning they can not easily use a mouse). Even worse, when skip links are visible, they are often presented as tiny text, presumably so as not to confuse or distract other users. But what about non-mouse users who have impaired vision and can not read tiny text?

WCAG 2.0 recognises the challenge that all this presents:

Note that even content that conforms at the highest level (AAA) will not be accessible to individuals with all types, degrees, or combinations of disability, particularly in the cognitive language and learning areas.

…and it is a reasonable caveat. However, that doesn’t stop us doing all we can to take into account as many different scenarios as possible, and not making assumptions which cause more harm than good. Offering the ability to customise the page in a variety of ways, or at least not blocking the user’s own browser preferences, is crucial. And, as always, user testing remains a vital ingredient.

I’ve probably raised more questions than I have given answers here, but I hope to do more research on this subject soon, so stay tuned.

Mobile browsing – making websites handier

Wednesday, February 18th, 2009

I’m desperately trying to get my organisation to realise that mobile browsing is fast becoming very popular, and that we need to design accordingly. Mobile phone penetration is immense in the UK, reaching 100% in 2005 (i.e. one mobile for every person, on average). This near-ubiquity makes them a vital target technology.

However, a debate has been sparked about how best to provide for your mobile users. Usability expert Jakob Nielsen has just published an article comparing the Mobile Web 2009 with the Desktop Web 1998. Ultimately he calls for the creation of separate sites for mobile devices, and therein lies the debate.

Henny Swan discusses why building a separate site is not a great idea on her blog. This follows on from Bruce Lawson’s own musings on whether mobile web development is compatible with the One Web.

I’m definitely against the ‘two sites’ approach in most instances, and many devices nowadays have decent browsers which render pages just fine anyway. For this reason I hate it when I get directed to a Mobile version of a site, often with greatly reduced functionality. By all means offer a stylesheet optimised for mobile browsers, but make it my choice to switch to that (I’ve seen good examples where the main page says “we have detected that you’re using such-and-such device – you might be interested in viewing the mobile version here”).

One issue brought back to the fore when building for mobile devices, though, is the need to keep page sizes down. Designers have increasingly been discarding that ethic with the rise of broadband, but we need to keep building lean sites with clean code to help those who are paying by the MB to browse (as well as for all the other reasons)!

Of course, we’re also seeing a proliferation of apps designed for mobile devices, often allowing them to bypass the standard websites completely (for example, I have Y! Mobile on my device which pulls in my Yahoo e-mails, weather and news etc, without actually visiting the Yahoo website itself). This is a whole new way of enticing mobile customers to access your site’s functionality.

All of this is really about the wider issue of usability. I’d like to do some decent research on what disabled users expect from their mobile devices before taking a definitive stance on the accessibility issues. For now, though, I won’t be building any separate mobile sites – just concentrating on getting the main one right.

Related links

Brainstorming with bubbl.us

Thursday, January 22nd, 2009
Screenshot of bubbl.us

Screenshot of bubbl.us

For my latest website project, I decided to get organised and start keeping an electronic log of my ideas and plans. For this I decided to use mind-mapping software.

Searching for a suitable (i.e. online and free) product, I came across bubbl.us. It’s a very simple facility, enabling you to create an interlinked network of idea ‘bubbles’, arranged in a basic parent/child/sibling hierarchy. You can edit the colour of each bubble if that helps you (for example, in the screenshot here, you can see black bubbles – these represent ideas that have since been abandoned or shelved).

One of the great things about this is that I can access it from any computer with a Internet connection. Previously I would have had all manner of scraps of paper littering the place with ideas scribbled onto them – often in a barely decipherable pseudo-shorthand that I developed years ago. Now I’m organised.

Of course, I still have scraps of paper everywhere with design sketches, layout concepts etc. But I quite like it that way; you should always keep it a bit old-school…

Epilogue

Screenshot of bubblus mindmap showing black and white boxes

Screenshot of bubbl.us

I’ve also taken to colouring white any bubbles that have been dealt with, resulting in a lovely black and white chart as seen here, indicating a job well and truly done!

2008 online – some retrospectives

Wednesday, December 31st, 2008

As the year draws to a close, here’s a few retrospectives looking at the highlights of 2008 on the web, as well as looking forward to 2009. Let me know if you’ve spotted any others worth including here.

Looking back…

The BBC’s list of technology we have loved in 2008

From dongles to netbooks and services to applications, the BBC News technology team talk through what they have loved in the world of technology during 2008.

Google Zeitgeist 2008

Studying the aggregation of the billions of search queries that people type into the Google search box gives us a glimpse into the zeitgeist — the spirit of the times. We’ve compiled some of the highlights from Google searches around the globe and hope you enjoy looking back as much as we do.

The Register’s jaw-droppers of 2008

Here is The Register’s list of the worst, most cringe-worthy and jaw-dropping moments from the last 12 months that people would probably prefer to forget about. Nine wags of the finger plus – because it wasn’t all bad this year – one tip of the hat, for balance.

Web Marketing Association’s WebAwards 2008

Now in its 12th year, the WebAwards is the premier annual website award competition that names the best Web sites in 96 industries while setting the standard of excellence for all website development.

Time.com’s 50 Best Websites 2008

Some are as useful as a GPS device, others aren’t that useful but give you something to do when you had nothing planned for the day. Put them all together and they become TIME.com’s 2008 picks for the best the Web has to offer.

Wired.com’s 10 Best Galleries of 2008

A year of fast and furious pixel-pushing by the Wired.com photo department has finally come to a close. Now, as we slow down long enough to risk a look back, we’ve compiled a list of our favorites from the hundreds of galleries we ran in 2008.

and looking forward…

ReadWriteWeb’s predictions for 2009

It’s time for our annual predictions post, in which the ReadWriteWeb authors look forward to what 2009 might bring in the world of Web technology and new media.

Website Magazine’s prediction for 2009

Website Magazine’s predictions for 2009 reveal that in spite of our current economy, the Web as a whole will continue to see strong growth and investment over the next year – a prediction that many industry analysts don’t necessarily agree with.

Happy new year to you all!