Archive for the ‘usability’ Category

Scripting Enabled Day 1

Saturday, September 20th, 2008 at 4:31pm

I attended the excellent Scripting Enabled conference and developer day recently held in London. It was extremely enlightening about various aspects of the web and how users with varied access difficulties are affected by the decisions us developers make every day.

There were some excellent panels - links to the trascripts, slides and audio etc:

[Kath  hates the interweb!]

[Leonie and Artur talk about Screenreaders and JavaScript]

[The panel takes questions at the end of the day]

dConstruct 2008

Tuesday, September 9th, 2008 at 3:20pm

I realise I’m hideously behind with blogging about lots of geeky stuff, but here goes. Apologies if you were expecting this sooner!

This year’s dConstruct was a lot larger than I was expecting: the last time I went in 2006 there was a comfortable number of folks there, and it felt really friendly. I didn’t go in 2007 as it clashed with the Rugby World Cup opening game in Paris. But this year there were about 500 attendees who gathered at the Dome in Brighton for the event. I found it a little difficult to find people, even though I knew they were there, as there were so many folks milling about during the breaks.

Here are a few photos I took during the event:

[Above] Aleks Krotoski on Playing the Web: how gaming makes the internet (and the world) a better place. Listen to the audio (mp3).

[Left] Joshua Porter talks about Leveraging Cognitive Bias in Social Design. Listen to the audio (mp3).

Daniel Burka [below] talked about Designing For Interaction. Listen to the audio (mp3).

 

Next up was Tantek Çelik, talking at length about Social Network Portability and how Microformats can help you to take your friends with you to a new network. Listen to the audio (mp3).

The two Matts, Biddulph and Jones, [below] did a two-handed presentation called Designing For The Coral Reef. They talked about “delighters” - little things which are present in design which can really make the difference to the user experience. Listen to the audio (mp3).

Clearlefter Jeremy Keith wrapped up the event with a thought-provoking session entitled The System Of The World. There doesn’t seem to be an adio transcript of that available.

@media Session 1

Thursday, May 29th, 2008 at 10:30am

Designing Our Way Through Data

Jeff Veen

Jeff’s opening keynote for @media was very thought provoking, as usual.

He spoke about data visualisation and how diagrams can often show us things more quickly and more intuitively than a table of data is able to.

User Participation + Mass of data = designing for data
Data + metadata = information

Make the data useable, you can make sense of it. Add some styles -> makes it more accessible. Example was a rainfall chart. Boring table gives no indication, you have to parse the figures and work it out. But make an icon in each cell instead - colour darker and a bigger raindrop for indicating more rainfall - suddenly the visualisation makes things easily understood. Beware, “prettification” can go too far, and destroy the underlying data.

Jeff also showed us some notable examples:

John Snow
A Cholera outbreak in 1854 in London killed 500 people in one neighbourhood. He figured out with empirical evidence what was happening by plotting the death locations on a map. The local water pump was infecting people  - pump handle removed -> people stopped dying. He effectively mashed up pump location vs Cholera deaths and proved Cholera was a water-born disease. Lead to the development of  Victorian sewers. Found new way of gaining meaning from data.

Charles Joseph Minard
Map and chart for Napoleon’s troops marching to Moscow [see above]. This showed graphically how the number of Napoleon’s troops dimished with time, and location, as they marched to Moscow. And it also showed vividly that thousands of them died whilst trying to cross a particular river - obviously a dangerous spot - by plotting time/deaths/geographical location, it tells you much more about the data than pure figures would convey. Minard said of his map:

The aim of my carte figurative is … to convey promptly to the eye the relation not given quickly by numbers requiring mental calcuation. Charles Joseph Minard

Harry Beck
Tube map designer - Veen showed us before and after views. The old version was very confusing. Leaving out all the dross made things a lot simpler and more intuitive.

Google Analytics
Simplified things. Don’t plot too many things at once. Inspired by Indiana Jones plane journey - dot per datum on the chart. Don’t junk up things too much - remove “chart junk” and things get more comprehesible.

When to talk to people
Lots at the beginning, tails off in a log graph - compared with cost of changing your mind - the opposite. As launch approaches, expense climbs dramatically.

  • Look at history
  • Look at data visualisations
  • Look at users

To help give instpiration for your designs. Books - Edward Tufte“The Visual Display of Quantitative Information”

Jeff’s presentation: slides (pdf) | audio (mp3)

BarCamp Day 1 - Afternoon Sessions

Saturday, February 17th, 2007 at 6:50pm

Tom Scott on Open Source Incremental Backups For Windows
Tom’s presentation was useful for those who want to manage incremental backups for Windows in a sensible way. His full presentation is available here: http://www.thomasscott.net/barcamp2/

I backup my system less often than I probably should (photographs aside, which get saved in at least 3 places regularly - I’m paranoid!). So perhaps I should take the time to have a go at this myself.

Meri Williams on Project Management For Busy Geeks
Meri’s talk started with the Basic lifecycle of a project. Few projects go through the whole lifecycle properly. The Big Secret is that, for smaller projects, PM is all about Initiating, Planning & Closing (and not worrying too much about execution and control). Planning should NOT be about planning a step by step guide - but something that helps you understand what you’re doing. And communicating this to stakeholders. She also mentioned that lots of projects are not closed properly - haven’t we all been plagued by customers that just won’t go away but pester by saying “can you just do this bit extra?”.

[Meri's running order]

Leisa Reichelt on Design Consequences
Leisa’s was a hands-on session where she demonstrated her techniques for initial brainstorming of site layouts and designs. We all had to break out the pen and paper (and post-its!), and “mock up” a screen to show the BarCamp Schedule (the real thing was done the low-tech way as you can see):

[Day 1 Schedule - done the low-tech way - but it works very well]

Then we talked about what we’d done and why. It was nice to get away from the computers for a bit, and everyone had fun explaining how they had implemented their solution to their neighbour.

[Andy and Nat listen intently to one BarCamper's version of the schedule solution]

Robert Lee-Cann on Over-Engineering Is Fun!
Leeky’s presentation was a light-hearted and thoroughly enjoyable look at solutions to problems which have been hugely over-engineered, and he wondered if this was a typical trait of geeks in general?

[right, Leeky having a geeky- brained moment]

Problem: Is the coffee machine full?
Easy Solution: get off your butt and go and look
Geek Solution: we all know where a bit of over-thinking can get us: webcam trained on the coffee maker

[below: The man needs coffee!]

Problem: Who’s going to make the tea round?
Easy Solution: Press-gang someone into doing it
Geek Solution: Web-based ordering of drinks, LED display in the kitchen showing the round required, online voting afterwards to see how well it was made!

Confessions:
Having described the above solution which is in use at his work (!), he asked us all if we would like to confess our most ludicrous over-engineered solutions. Some of the best were as follows:

  • Meri - private IRC channel to decide the flavour of your pizza before ordering it - used by people living in the same house
  • John - set up a telly, Freeview box and video transmitter in one room and a reciever in the other room - when they could have run a cable through the wall!
  • Brave Geek: had written 112K JavaScript file to write a whole web page on the fly, built in the days of Netscape 3 and IE3! He got a round of applause for that one!

Pitch An Idea
The final part was for the audience to come up with a solution to the perennial problem of putting the loo seat up or down in the bathroom. Many outrageous examples were put forward, which ranged from having a finger-print recognition pad on the loo door, so the loo “knew” who was about to sit down, to weight/position sensitive pads just in front of the loo, so it knew if gents were standing or sitting down! All great fun.

Andy Budd on The User Experience
Andy started by talking about the early desktop interface, when abstracting the interface made it easier for “non-tech” users. At the time, it was revolutionary. Similarly, Joe Bloggs doesn’t want to learn Unix to use their iPods. People DON’T read the manual. No wonder we say RTFM so often.

We learn by experience - programming DVD recorder is very similar to programming the video. So the building blocks are there and users learn the metaphores. It makes it important not to break common interaction habits.

Users learn new technology by exploring - you switch it on and start clicking buttons to see what happens! So make buttons look like buttons. And make sure it’s not fragile so that inexperienced users can’t break the system with one click.

Modern life constantly demands our attention. How easy is it to send a text while crossing the road? Rarely do people give your application 100% of their attention. Design it to make things easy, as people are adept at multitasking.

Make error reports blindingly obvious. I
t’s a great place to make the user experience a good one - as soon as something breaks, you want immediate service or fix, or at very least, a human-readable error message. Don’t make users feel stupid when they do something wrong.

[I'm no dunce]

Usability is all about making technology easier to use. Plan user experiences carefully. Create wireframe storyboards - think how filming is never done without paper mockups. Then test it on REAL users. Can be as simple as chatting to coffee shop customers - feed them donuts and buy them a coffee and get their feedback on your site - one day user testing, low budget - anything is better than nothing.

UCD is sometimes confused with Business Centred Design or Marketing Centred Design. You should not have to deal with politics. But we all know how hard that can be. Designing with a focus on business unit function is also horribly bad. Technology Centred Design - designing around our own technical ability - we do it that way because we can - is also a no-no.

Get out and talk to the users - find out what they’re trying to do with your site. Users don’t just want to know what the weather is going to do for the sake of interest, they are more likely to need to know if whether to take an umbrella with them today!

Build up Personas for each broad type of user. Design with these in mind. Very easy isn’t always best - maintain a balance. Sites or games companies know about flow - you lose time when you are interested in something.

Starbucks are masters of the “coffee experience” - which is why we are willing to shell out 3 quid for a cup coffee!

Lastly, he made the point that the iPod would probably fail user testing. People buy into the brand. You might struggle through learning the interface, but you’re willing to learn it because your friends tell you it’s a cool gagdet. So for the right brand, people are willing to take the time to learn new ways of working.

Lies, Damned Lies, And Statistics

Friday, December 15th, 2006 at 11:57am

No matter who coined the phrase, it has often been used to cite the inaccuracy of some conclusions which can be drawn from analysing statistics. I’m usually pretty wary of them myself, but sometimes your server stats are your best friend.

I have recently been involved with the redesign of a website which has been online since the end of 2003. It was originally written by another team, and it contained many nested tables, a few styles, but basically not terribly semantic. The team I work with have been looking after the site’s content since it’s original launch, and a few months ago, the site owner came to us to ask if we could give it a fresh new look, and a bit of a re-organisation. It had grown organically since it’s inception, and things had got a little muddled. It was felt that documents in certain areas of the site just weren’t being found.

We undertook some user-centred design, testing our new proposals with paper wireframes and some open and closed card sorting. On the basis of these results, we tinkered a bit more and tested again. Then we set about reorganising the content and making much more semantic pages - lists of documents were coded as a list. I’ll admit that one table remains for the basic layout, but this was pretty much proscribed by the templating system in use on the server. Everything else has been pared down to provide minimum tag soup.

On 1st November, the new-look site was relaunched. Fast forward a month, and I ran a statistics check on the site, comparing results from October 2006 (old style) and November 2006 (after relaunch). The results were startling.

October - Access Statistics

  • Total page impressions: 98,037
  • Top URL was the site root (no surprise)
  • 4th was the search page, with 1,530 hits.
  • That suggested people weren’t finding what they were looking for.
  • “Responses” section (where the bulk of the answers to the public’s FOI requests were published) was at 46th, with only 262 hits.
  • We were regularly publishing responses to very similar questions - because users didn’t find them on the site before making their own request.

November - Access Statistics

  • Total page impressions: 108,632
  • Top URL was site root, 2nd was the new “responses” index page, with 1,658 hits.
  • Search page had plummeted to 437th - with a mere 24 hits!
  • Other (new) subpages of the responses section were getting plenty of traffic as people explored the new way of accessing the documents.
  • We are still publishing lots of responses to requests, but the number of near-duplicate queries has dropped significantly.

Page Weight Statistics
Some pages were completely re-structred in terms of their content, but about 20 pretty much retained their original information - it was just recoded from tables to lists. I did some analysis on these as a before and after comparison too.

The smallest page started out at 16Kb, and went down to 7Kb (56% reduction); the largest page was originally 119Kb and dropped to 20Kb (83% reduction). On average these 20 files’ sizes were reduced by 73%. Not bad in itself, but when you multiply that by the number of page impresesions, you get an idea of the considerable reduction in bandwidth being used.

Conclusions
So there you have it - some numbers to back up the priciples of good user-centred design. I felt that the search page statistic was the most significant - and certainly backed up the old adage that if you have a decent navigation and information hierarchy, people won’t need to use the search but will naturally find things themselves.