Posted: June 13th, 2009 | Author: Matt | Filed under: Interaction Design | Tags: Flash, Infographic | 1 Comment »
As cases of the, now pandemic, swine flu breach 1,000 in the UK, the BBC has run a great dynamic infographic to show the spread of cases globally.
The animation is run using the slider along the bottom, showing both the increase in cases of the flu and the related deaths – in the light and dark circles respectively. Thankfully at this time the death figures are still low, and we can only hope that the preparedness plans in place around the world will keep it that way, but still the BBC graphic is a wonderfully simple yet effective illustration.
Posted: May 9th, 2009 | Author: Matt | Filed under: Graphic Design, Interaction Design, Internet Marketing | Tags: Design Tips, Reading List, Useful Link | No Comments »
Smashing Magazine has an interesting article on the key points to consider when designing a website that has to sell a product. The suggestions range from the subliminal – putting pictures of happy people to welcome people in, through the theoretical – such as the Guttenburg principle of how our attention moves across and down a page, to the practical – always provide a next step for users to move to. Definately worth a read.
Posted: March 25th, 2009 | Author: Matt | Filed under: Interaction Design, Technology | Tags: Ambient Feedback, Green Thinking, Interaction Design | 1 Comment »
A few years back an American company, Ambient Devices, came up with an idea. They thought to themselves that if people could see how much electricity they were using, they would know when they are using a lot of it and then decide to turn off a few hair dryers, etc to cut down. Hmm.. but how to let people see how much magical, invisible energy they are using? Surely we just can’t know these days because so many things just use electricity in a non-obvious way, such as being on standby!
Ambient Devices’s answer? The Energy Orb, a small sphere that sits someone in your house, and glows different colours depending on your energy consumption. Using a lot of juice? The orb glows red and you know to cut back. Even with all the lights off you may be surprised to see how much the sphere still indicates you’re using, and that is its genius – it takes an invisible, dynamic system and presents it to you in an easily accessible manner.
This is all a very clever and engaging use of modern technology. Bright colours. Saves money on your electricity bills, and consequently the environment. Now a few more companies have jumped on the band wagon, producing more functional devices that give you up to the second energy usage in a manner that’s easy to absorb without really having to look for it.
Ambient Feedback is a great concept, and one that’s close to my heart, but is it actually new? Not really, it’s just a necessary evolution as we move further from the physical world to the less visible world of the internet and micro-electronics. In the days of my youth we already had a feedback mechanism that told us we were using too much electricity.. it was called the electricity meter. We knew immediately how much energy was being used by how many precious 50 pence pieces were going into the slot, and how empty the 50p bowl next to the meter had gotten since we last topped it up. Simple, and very easy to understand!
Of course there were times when this mechanism failed as no 50 pence pieces could be found anywhere in the house in the middle of the night, so I’m certainly not suggesting we move away from the wonders of Direct Debit, but it’s worth remembering how these things used to naturally be represented to us in a way that we never appreciated at the time. Then this knowledge can be used to make better, more relevant and useful interfaces to solve problems in our modern lives.
Posted: August 14th, 2008 | Author: Matt | Filed under: Graphic Design | Tags: Design, Geo-tagging, Stock Photography, Tagging | No Comments »
These days many companies use stock photography for their website and print needs rather than spend a small fortune on having their own, unique photos taken by a professional. This can save you a lot of money, and allows graphic designers to be more innovative and creative within their design brief using their skills and knowledge of stock photography resources to create the best solution. Everyone’s happy.
Except, of course, if you use the wrong stock photo. Perhaps your tag line reads “Buy red roses this Valentines” and the photo is of a daisy – a flower for sure, but not a red rose. Or perhaps you made the same mistake as Birmingham City Council, and spent £15,000 sending out a flier to your residents thanking them for their recycling efforts with a picture of the wrong Birmingham skyline. Hmm. It’s an easy mistake to make – do a search in your stock photo resource for ‘birmingham skyline‘, choose your favourite image, then make your flyer. Simple. Except of course if you know Birmingham in England, you’d know it’s not Birmingham, Alabama, USA. Admittedly they are similar, but not that similar.
Even without knowing which company Birmingham Council used to design this flier we can know that it’s not really their fault. It’s an easy mistake to make and surely someone at Birmingham Council should have checked the flier before it went out, perhaps noticing a lack of famous Brum landmarks like the Bullring building.
Birmingham’s distinctive Bullring centre – by Joseph Maestri
So how can we stop this happening? Well two key things; firstly – make sure that whoever is doing the work has a full, descriptive creative brief, perhaps with a few example images that you’ve found yourself to illustrate a concept or idea, and make people aware of pitfalls (perhaps Brum council’s brand guidelines can have a warning that says ‘watch out for Birmingham, Alabama!’. Secondly, review the final product carefully! It’s so easy to make a mistake unwittingly, from a last minute typo to a generic town skyline, so get someone who’s not been involved with the process to do a review as they will have fresh eyes. On that last point, remember that every time you make a change, however small, you have a new product that may have new mistakes in it – if in doubt, review it again.
In this particular case there could have been a third possible saviour – geo-tagging. In this situation if the photo search had been restricted to searches in the greater Birmingham area, UK, then the US skyline should never have shown up in the first place. A good stock photo search will potentially warn you of such ‘duplicates’ – asking you which Birmingham you mean before it presents results. In the case of using cheap stock photo engines you often pay for what you get, cheaper, potentially good photos, with less comprehensive editorial and tagging processes. Buyer beware!
Posted: August 4th, 2008 | Author: Matt | Filed under: Interaction Design | Tags: Information Architecture, Information Design, Internet Marketing, Visual Interface Design | No Comments »
ReadWriteWeb has a good piece about how different sites get their users to fill in their profiles as completely as possible. They cover LinkedIn which uses a progress bar going to 100%, along with suggested next steps (such as ‘Get a recommendation’) to move you to the completed state, and this is one of my favourite approaches. Other techniques they’ve observed include having an embarrassing default photo – in some cases of George W Bush.. and who wouldn’t quickly move to put something less irksome in its place.
Years ago I had a conversation with a marketing friend who took the approach that people enjoyed filling out forms once they’d started. To that end she would always advocate adding in relevant, but somewhat random questions at the end of registration forms as this would add colour to our understanding of our guests. It’s an interesting idea, and for some demographics this is likely the case, however in these days of signup overload it’s a practice that most of us would avoid.