Archive for the ‘UI’ Category

Complex data visualisation

Wednesday, May 28th, 2008

Looking at visualising and feeding back complex data in ways that communicate easily to participants across cultures on a range of platforms, forms part of our research. Here follow a few examples of visualisations that deal with complex data.

MotoGP statistics viewermotogp.jpg

This is an interactive visualisation dashboard of recent statistics from MotoGP, the motorcycle road racing championship. The project explores different means of viewing to provide a novel way to understand the championship, individual races & the interrelationships between riders, manufacturers, tires & teams. Users can drill down into each race to explore different visualisations of lap graphs, gap differences by lap, lap times & average speeds. These details can then be cross-referenced by tire, manufacturer & lap time data.; see http://www.minglebee.com/gp/

Baby names

Dynamic graph that visualises baby name trends across time; see http://www.babynamewizard.com/voyager

Barcode visualisation

An algorithmic visual representation of barcodes, of which the numerical codes determine the positions, curves & colors of Bezier curves in a tree structure. The number of curves varies in correspondence to the number of figures in the code. In addition, information details of the country of origin, manufacturer, product number & sum are displayed; see http://barcode-plantage.com/index.htm

TwittEarth

Tuesday, April 29th, 2008

Tracking Twitter posts.

http://twittearth.com/

WhyBuy.It – easy as 1,2,3

Thursday, April 10th, 2008

Designer Chris Adams is busy producing some great graphics for the WhyBuy.It consumer interface. Here’s how he explains the system to users:

Step 1 - scan your barcode
Step 2 - what do people think?
Step 3 - act!

WhyBuy.It?

Thursday, April 10th, 2008

Wibi - Los Robles wine

Just what can you achieve with a weekend of Social Innovation? After 24 hours of simultaneous hacking, designing and user requirement gathering, our Barcode Wikipedia team came up with a basic prototype system: WIBI.it. This is a simple user interface to a wiki-like system that lets anyone look up a product by its barcode and add information. The system also grabs related tagged photos from Flickr and automatically links to Amazon, price comparison sites, and related blog and review articles.

Wibi.It - Search

Tom and Fred managed to integrate some open source code to recognise photos of barcodes taken using Nokia phone cameras, allowing users to look up information directly using their mobile. One of the killer apps we envisioned for this type of system would be in-store price comparisons. If you are looking around shops for say DVDs or a flat-screen TV, wouldn’t it be useful to see what online prices were available at the same time — and click to order? This has the potential to turn most of the world’s shops into exhibition spaces, with the real commerce happening on the Internet.

Thanks to David Wilcox you can watch our team’s presentation at the conclusion of the weekend:

Kids take over Fair Tracing stand at Holloway Science Open Day

Monday, March 3rd, 2008

Dorothea and Maria-Jose at Science Open Day

Over 1500 kids and their parents visited Royal Holloway’s Science Open Day this weekend. As part of Fairtrade Fortnight, Dorothea Kleine and Maria-Jose Montero organised the Fair Tracing section ot the event: Kids could vote which of the photos taken of or by our producer partners in India and Chile they found most interesting.

Photos to vote on

Two internet terminals allowed visitors to test out the Fair Tracing demo, typing in the barcodes from a bottle of Los Robles wine and a bag of Indian coffee. Our partners from Nokia had supplied us with a Nokia N95 which proved a great hit with kids trying out the barcode scanning feature on the Fairtrade chocolate bars we provided…and on the Ribena and Coca Cola bottles they had brought with them.

using the bar-code reader

Maria-Jose had put together four short video-clips from our visit to producers in Chile which we showed in our very own Fair Tracing cinema. In the midst of all the buzz, we managed to have interesting conversations with people about their attitudes to Fair Trade, their own buying behaviour and what they thought of the project. Many expressed a desire to buy ethically but were skeptical about ethical labels and claims, including the FLO Fairtrade label. The issue of where information was coming from was key and there was great interest in the possibilities for alternative information dissemination Fair Tracing offered. Meanwhile, kids were learning about Fair Trade in school and asked for it at home. We gave away lots of free Fairtrade chocolate - in return for over 150 filled-out voting sheets telling us more about what potential consumers would like to see in terms of photo and video material on the Fair Tracing system.

German Railway’s Environmental Mobility Check

Tuesday, December 18th, 2007

The German railway operator “Deutsche Bahn” offers an “Environmental Mobility Check” during the booking procedure. You can compare your train journey with other options such as car or plane. They show several charts and tables comparing for example energy consumption, carbon dioxides or sulfur dioxides. Have a look at the screenshot for a travel from Hamburg to Munich.

Stuff-O-Meter

Friday, November 2nd, 2007

Stuff-O-Meter

Most of us are aware of the waste we produce, and the fact that we are operating in a culture where we are encouraged to throw things away and replace them with new rather than fix them. Just as we can cut down on household waste once we have information on recycling, or cut our energy use once we are made aware of how to do so, so we can limit the environmental impact of the goods we buy when we have clear information about their history.

Design students were asked to look at any common household durable product and design a visual representation of its lifetime use of material resources from ‘cradle to grave’. The information had to be presented in a form that a consumer would use, such as an information leaflet, a website page, or a display on a mobile phone, in a compelling way. It’s aimed at enabling consumers to make an informed choice about their goods before they buy, or to inform retailers about a product’s environmental credentials before they order from their suppliers.

Actics.com, the ethical Facebook

Friday, October 26th, 2007

Actics.com, the “Ethical Facebook” (TreeHugger)

Whether you are a business or an individual, Actics provides you with an ethical reality check and helps you turn your ethical visions into authentic actions. By signing up to this free social network, your corporate values will shine in the spotlight- a type of transparency more and more in demand, no matter what industry you belong to. It also works the other way around for you. If you are the one looking for a restaurant, lawyer or school, you can check out the ones with a high Actics rating and the ethical values important to you.

How does is work? Like with any other social network, you register and define who you are for your profile. Since this one is all about actions and ethics, you get to choose your corporate or personal values and state how you act them out. It is then up to your friends, clients or investors to rate you out of 100 for how true you are to your values. To help you out, they can also send you suggestions and endorse you. A great feature of this software is that a plugin, showing your ethical performance, can be integrated into your website or your company’s intranet if you want to share your results with a bigger network.

Every thing has a story

Monday, September 3rd, 2007

Thinglink

Thinglink is an open database for anyone, from artists to designers, collectors and trendspotters, to add and publish portfolios with their favourite things.

Fair Tracing says Thank You!

Tuesday, August 21st, 2007

Adel & Vishal at UCL Lab

Over the summer, Vishal Shah (l.) and Adel Haider (r.), students in computer science at UCL, have spent 10 weeks working with the Fair Tracing Project. Vishal and Adel have been working on our user interface and have programmed our Fair Tracing prototype so we can now include text, photos, video and audio files for the different actors in the value chain. They also included Maria Montero and Ashima Chopra’s information on the production processes in Chile and India. Above all, they have very patiently collected feedback from users and responded with plenty of new ideas. Lots remains to be done on the prototype, but Adel and Vishal have helped us take it another step forwards. From all of us on the Fair Tracing Team – Thank You!