After clicking through 3 pages of introductory text (which nobody will ever read) the first step is to log in to the Government Gateway thing with its easily memorable 12-digit user ID. Fortunately I do my self assessment online so I already have an account because just getting a gateway login is a challenge in itself. Nevertheless I was quite impressed that they have a unified login for all government services. Or do they?

Once signed in, and after clicking through a few more screens of text, you have to enrol in the Motoring section which involves filling out all your personal details again in an extra long form which asks for increasingly irrelevant details such as UK passport number. After over ten minutes of form-filling, the last step it told me that my details didn’t match up and made me go back and check everything.

It turned out I had omitted my middle name from the form. OK, so I’ve just provided all thiss personal information including addresses, 16-character driver number, 100character photocard reference number and 12-digit counterpart license reference number and they’re failing the form because the middle names don’t match? Really? After stepping through the entire form a third time because the confirmation page incorrectly formatted my postcode with an extra “0″ (incorrect use of sprintf()?), I finally completed the form.

The final step, they informed, was to print out a form, date and sign it, and post it, my photocard driving license and my counterpart license to the DVLA within 21 days.

Now pause for a moment of reflection and compare this to the pre-online experience of updating your driving license address.

Step 1: write your new address in the space provided at the bottom of your counterpart driving license.

Step 2: post this and the photocard license to the DVLA.

Step 3: oh, wait, that’s it. There is no step 3.

The only way I could decipher this mess was to draw a kind of bar chart and fill in the numbers. Once I finished I realised that I had inadvertently created a hugely more readable representation of the information contained in the payslip. So here’s a copy of the original payslip and my effort at an improved version.

Click each image to expand and do spend a few minutes trying to make sense of them.

This improved version displays the same information condensed into one page while clearly showing the relationship between the figures.

Now bear in mind that I’m not an accountant, nor am I an information designer. I’m not even a graphic designer. But I am someone who receives payslips and wants to understand them. And from that point of view I hope you’ll agree it’s a vast improvement.

The principles of usability apply to more than websites & software. Just about everything can benefit form a bit of sensible design.

Currently it requires the CSV file to be uploaded online somewhere. If there’s demand I can change it to allow uploading of a file or just pasting in the data.

Convert CSV to JSON.

The bot is updated from a PHP script on this sevrer which is run on a cron job every 20 minutes. Each time it runs this is what happens:

1. It starts by fetching a JSON feed of the current “trending topics” as determined by Twitter. How these topics are calculated isn’t known to me but they’re the same 10 topics that are shown on the Twitter search page and in the right column of the Twitter home page when you’re logged in.
2. It throws away all but the top three terms that are not hashtags.
3. It checks the local database to see if it has already tweeted the topic in the past 8 days. If it has then it ignores this term. If it hasn’t then it adds it to the database and continues.
4. It then starts contructing the text of the tweet starting with the term itself and a link to the Twitter search results for that term.
5. It fires off a request to the Google Web Search API using cURL to fake the referer and checks the results:
   • If one of the top 5 results is a Wikipedia entry then link to it.
   • If one of the top 5 results is a Twitter profile then add a link to that user.
6. Add a link to the Google search results page for the term.
7. Finally send the tweet to Twitter, again using cURL.

I hope that’s been vaguely intersting.

For the future I’d like to add a check for current news items using Google news and also add a filter to remove trends which are parts of a popular blog title such as stuff from TechCrunch and Smashing which often end up on the trending topics.

As an aside I find it quite amusing to see all the people sending topic ’suggestions’ to @trendingtopics. It doesn’t work like that people, sorry!

The first part is the simplest. Download two-finger-scroll which is a simple little free program to enable Mac-style two finger scrolling on Windows. No installation necessary, just put the TwoFingerScroll.exe file somewhere out of the way, run it and enjoy two finger scrolling! You’ll probably want to go to its settings page (right click on the hand icon next to the clock) and check “Start with Windows”. While you’re there, check out the bonus features such as middle button emulation using two-finger tap. The “one + one finger” options were a bit obscure to me. Turns out it means “hold one finger on the trackpad and tap with another” to simulate, for example, a right click. Nice idea but I couldn’t get it to work reliably.

The next part is a bit more complicated and doesn’t pay off as much so you may not want to bother. It turns out the basic Synaptics drivers include a whole load of multitouch features that have, for some reason, been disabled. Some enterprising souls have hacked the drivers to re-enable these features. Basically you need to download the hacked drivers, uninstall your current drivers, restart, install the new drivers and restart. This enables some cool features like “Swipe two fingers left to go Back” or “Swipe three fingers down to minimize the current window” etc.

Unfortunately the Synaptics drivers don’t support two finger scrolling and the TwoFingerScroll program seems to override the two finger gestures. I’m still playing around with the settings to see which I like most.

I was playing with a friend’s MacBook a few weeks ago marvelling and the gestures like 4 finger swipe down for Exposé. Little did I know my laptop could do the same!

My first attempt was to build a page with an <iframe> in which to show the web content a la StumbleUpon. Trouble is, while you can set the URL of an iframe via JavaScript, you can’t read it when it’s on a different domain for security reasons. That means when a user navigates to a different page within the iframe, the semantic webby thing won’t know what information to display.

So here are some half-baked ideas. Any further cooking tips much appreciated.

• Proxy all page views through a script on the same server as the semantic webby thing. This means all pages are on the same domain so JavaScript can see the iframe URL. But that means rewriting all the URLs in the page on-the-fly which is hard and it will almost certainly break any Ajaxy stuff since we’re effectively changing the domain of the page.
• Create a browser plugin. Only really an option for Firefox.
• Use AIR, which, as I understand it, has a version of WebKit built in. This also requires software installation and effectively means building a new browser interface in AIR.
• Flash/Silverlight? Is it possible to embed a web page in a Flash or Silverlight file and access the page’s URL?

Anything else I haven’t thought of?

Please help!

Update: Thanks to @futureshape for suggesting Conduit which is a cross-browser drag & drop toolbar building platform. I looked into it and it would probably make IE development a bunch easier. However it turned out the project spec could be changed so that I can build the whole thing as a bookmarklet. Hooray for maleable specifications!

John Thackara: Sustainability

John gave the opening keynote broadly on the subject of sustainability. He believes that our society and economy are undergoing a fundamental shift in the way they measure their own success. An economy in which ‘growth’ is the primary metric of health is clearly not sustainable in a finite environment such as the planet Earth.

To support this idea, he listed a number of areas which he believes will soon ‘peak’. Peak oil is familiar to most people: the production and consumption of oil cannot rise indefinitely hence at some point it will peak, after which production will shrink. Peak credit is also widely known though not usually under that name. He introduced the concepts of peak movement (the amount that people travel cannot continue to increase at the current rate), peak embergy (the amount of waste produced in the manufacture of goods and food is too great), peak water (our water consumption is too high) and a few other peaks which I forget.

The remainder of his talk can be summed up in one word: decentralise. Production of our food, energy, water and consumer products is, in his opinion, too distributed, which wastes energy in transportation and makes us more vulnerable to breakages in the supply chain.

I disagree with certain parts of John’s thesis.

Although we have certainly seen a recent reduction in the availability of credit, I don’t think it’s obvious that this represents an all-time peak. Even less likely is that the path now is ever downwards. In my opinion, credit availability will rise again. I think it’s easy to overplay the importance of the credit crisis. People in every age believe that theirs will be one of great change but as we know, plus ça change, plus c’est la même chose.

Similarly I don’t see that movement, waste and water consumtion are likely to peak any time soon and moreover, if they do, it will almost certainly be due to peak oil.

As for the decentralisation argument, how will this make us more efficient? Surely the reason we centralised in the first place was for increased efficiency? Nevertheless is was an excellent talk which really got me thinking about my role in life and in the world.

Robert Fabricant: Changing behaviour

Robert kicked off Saturday by suggesting ways in which to harness people’s emotions to enable changes in their behaviour. He quoted from Dan Ariely’s excellent book Predictably Irrational which I am currently reading.

However, what really inspired me was the discussion of his involvement in frog design’s recent project with AIDS clinics in South Africa. As he explained, one of the biggest problems is that most South Africans who are HIV+, are unaware of the fact. Men especially are reluctant to attend testing clinics because of the stigma attached to AIDS. Through extensive ethnographic research, Robert and his team were able to design a cheap home testing kit with clear usage instructions and messages from local rap stars reinforcing the message that “knowing your [HIV] status” is something to be proud of. Initial tests of the kit suggest that it will redically increase the number of people who can receive treatment for HIV/AIDS.

That’s the kind of behaviour change that can really improve people’s lives and benefit all of humanity.

Björn Hartmann: Interactive Design Table

The most amazing technological demo I saw this weekend appeared to be an afterthought, tacked onto the end of Bjorn’s talk about rapid software/hardware prototyping methods. Fortunately, someone videod the best bit and posted it online almost immediately. Watch:

This is a video demo of a prototype interactive design table project currently codenamed “fourbysix”. Not only is it a multitouch surface but it incorporates a high resolution camera which allows ‘real’ objects placed on it to be digitised. When a wireless keyboard is placed on the surface, it is recognised by the software and augmented with several virtual controls. This allows a perfect blend of traditional input methods and intuitive direct manipulation input.

This technology is not new. I’ve seen countless cute tech demos of multitouch projection displays, augmented reality and surface computing. But this is the first time I have ever seen it used in a way that is actually useful. Really useful. At the end of the presentation when Bjorn asked “Any questions?”, the entire room responded with “Where can I get one?!”

Microsoft eat your heart out.

Joseph Dombroski: Waiting

Another, more down-to-earth presentation came on the subject of waiting. We often have to wait for things. We wait for a file to save, we wait for a web page to download, we wait for the elevator, we wait for the customer service agent to answer our call. Waiting usually isn’t much fun and can often lead to frustration (“Your call is important to us. Please hold.”). The best experience would usually be achieved by removing the wait entirely but this isn’t always possible.

But, as Joseph explained, it isn’t the wait itself which is frustraiting, it is the perception of the wait. And perceptions can be manipulated. For example, research has shown that a wait of up to 90 seconds in a checkout queue is perceived as part of the buying activity. After 90 seconds, however, people start to perceive waiting as an activity in its own right and become frustrated.

I was remineded of the famous apocryphal story of the architect who was tasked with speeding up the elevators in an apartment block. Instead of modifying the lifts, he simply installed mirrors in the lobby. This gave people something to do while waiting and thereby reduced the perceived length of the wait.

What is Interaction Design?

During the course of the conference, a theme emerged around the idea that we should be using design to help make the world a better place. Interaction design isn’t just about the web. Interaction design need not even be about technology. Interaction design is about designing the interactions between people, between things and between people and things.

Awareness of how design can impact the world is rising within the industry. Outside of the industry, however, most people remain ignorant to the very existence of interaction design. What better way, then, to raise the profile of the discipline than to undetake projects which deliver on our goal to improve the world.

When can you start?

More4, Channel 4’s documentary TV channel, says “search online for more4″ on the inter-programme trails.

Also on TV, the government’s Act On CO2 environmental awareness ads invite viewers to “Search online for Act On CO2.”

Although it isn’t given much prominence on the page, the narrator reads the text aloud making it even easier to remember. Compare this to the older ads which bore the full, confusingly capitalised URL.

As I said in my previous post on the subject, URLs are horribly unusable and I’ll be the first to cheer when we finally do away with them. May this be the start of something.

Anyone seen other sites doing this?

Update: here’s a technical description of how it all works.

I came across a game called Akoha a few months ago that promises to use mission cards to encourage good deeds and interactions with new people. They recently made packs of cards available for a few dollars and mine arrived just before Christmas. However after looking at the concept in more detail I feel that they’ve misjudged people’s motivations for playing such a game and have therefore got the interaction model wrong.

How it works

You get a mission card (either from another player or in a pack from the website) which bears a short inscription such as “Thank someone”, “Give someone a book” or “Send drinks to a couple in love”. They’re all nice things that we probably ought to do more often. In order to “play” the mission, you do the nice thing to someone and also give the card to the person you did the thing to. And that’s where the first problem is. It just doesn’t seem natural to say “Thank you for being my friend, I really appreciate your company. Oh, and here’s this mission card. No, but I really meant it… I’m not just saying thanks because it says to on the card!” It’s inevitable that presenting a mission card will devalue the apparent kindness of whatever act you performed because it reveals an ulterior motive. For the book mission it’s a bit easier to imagine hiding the card between the pages but how do you give a mission card to the couple in love? And which person do you give it to?

My second issue is the scoring system. Each mission has a number of karma points associated with it and some missions score higher than others (i.e. the missions mentioned above score 125, 125 & 200 points respectively). As you play successive missions, you acquire karma points and “level up” accordingly. It’s not clear at this stage whether the points will have any value other than prestige but the concept of “levelling up” smacks of World of Warcraft and other role playing games and seems more likely to put people off than encourage play.

Another problem is the missions themselves. Some of them don’t make any sense to me and there’s no accompanying text to clarify. “Read a blogger, feed a blogger” What? “Wild mission card” Does that mean I just make something up? “Donate an hour of your time” To whom? And who do I give the card to afterwards?

Finally, a key point of the game is “playing it forward”. Each mission card has a unique ID which players are expected to be key into the website upon receiving a card. This allows you to see how long a card has been in circulation, how many times it has been played and trace where it has been in the world. That’s pretty neat but unfortunately I suspect the vast majority of cards will make exactly one hop before being forgotten under a pile of papers on someone’s desk and eventually binned. Additionally players must supply an email address in order to register having received a card and that’s likely to dissuade quite a few people. I’d like to think anyone receiving a card would jump at the chance to get involved but, for the reasons above, I just don’t see it happening.

What would I change?

I’d get rid of the karma points, that’s easy. I think the fun in playing a game like this is the unexpected connections and interactions it leads to, not the points and “levelling up”. The missions also need clearer descriptions. Solving the other two problems is harder.

Perhaps you shouldn’t have to give the card to the person you did the act of kindness to. Perhaps you could give it to anyone who witnessed the act. And perhaps there should be more of an incentive to act for first time players who receive a card. Perhaps you could encourage people who don’t like the idea to “pass” the card and give it to someone else who they think would enjoy it without playing the mission themselves.

I’ve only played one mission so far and I’ll persevere for a few more before giving up. The concept behind the game is laudable (they’ve been nominated for a Crunchie) but I think the implementation needs a bit of a rethink.

So, you’ve read my blog. Now feed me dammit!

Update – 9th Jan

Benoit from Akoha played a “Thank someone” mission with me today thanking me for my constructive criticism in this blog post. This seems to imply that I was wrong about having to give the card to the person you play the mission with. I didn’t really know what to put in the “Location” field since he is in Montreal and I’m in London. I tried entering “The Internet” but Akoha auotcompletes it to “The Internet, Nieuwendijk 30, 1012 Amsterdam, The Netherlands”! In the end I left it blank.

It turns out the website also displays more complete descriptions of each mission when viewing a mission card online. I don’t know if this is a new feature or if I missed it previously. Either way, I think that info should probably be on the card itself.