Archive for the ‘Graphic design’ Category

h1

Tiny Useful Things: MyTravelMaps

February 8, 2011

IMG01741-20110208-1615

Hackday today at RIG with James and Phil and I thought I’d share what I came up with.

I’ve been using Google MyMaps for about 4 years now, mapping out the cities I visit and live in with pins that often relate to food and culture. I share them a lot and most of them have been viewed by thousands of people. They do however feel like the lonely Google project noone cares about. I think there is so much they could do with it if anyone cared about the implications of those maps during a travel experience. They have the data, it’s only a question of layout and a little intelligence. So I thought I’d try designing what clicking “print” should give you.

I made a prototype last friday for a weekend trip to Paris which gave me some insights but made a cleaner version today. Pics of that on Flickr.

MyTravelMaps is the size of a Moleskine so it’s compact and you can fold it in half to fit into your pocket. Design for pockets is important as Russell said.

The first page has your travel details and the name of your hotel. Nothing else. You don’t need anything else if you’re a seasoned traveller anyway.

IMG01749-20110208-1642

The other pages have the description of the pins on one side of the page, tagged according to categories (food in yellow and culture in blue) and listed from North to South to match the map, so as you travel around you kind of know what you’re likely to bump into. It also allows you to make decisions about where you’re likely to end up looking for a place to eat versus visiting museums as those areas don’t often overlap (or shouldn’t if you’re on a budget).

IMG01751-20110208-1642

IMG01753-20110208-1643

This isn’t about accuracy because travel is about the things you didn’t know about, the stuff people will tell you, the hand-written notes on those maps, the unplanned. It’s building in a little less accuracy than a directions map. It’s building in fun. This is also designed for the wanderings of walking around a city, not for someone who is looking for something specifically. They’ll use their phone for that. I used 3 pieces of paper all weekend, never once taking out a phone to check where we were. That’s kindof what I’d like this to be. Small, smart and useful.

h1

Rewiredstate "hack": a new petitions site design for Number 10

March 7, 2009

I’m giving out a prize in about half an hour to whoever made the best thing today at Hack the Government day in the lovely offices of the Guardian. In spite (I say this as I’m surrounded by very serious looking data wranglers) of not being a coder, I made something too.

Number 10 has a lovely website, they’ve made an effort it must be said, however, their petitions site (one of the best ways to express yourself to the government) is somewhat hidden (under the overly formal “Communicate” tab and it’s actually called E-petitions…yuck) and essentially a very heavy collection of lists, formal and legal requirements and generally not web2.0 friendly at all. The thing is there are a ton of really interesting petitions in there and some great stories about the UK and how it works and sometimes doesn’t. It would be great to get to see that and browse through these stories in a more interesting way.

Inspired by Wordle, Digg, Pledgebank, Upcoming and other things I use, I thought I’d revamp it a little, so here’s what I’ve done:

- Pushed Petitions to the top level navigation.
- Used a tag cloud for people to randomly explore content and get them engaged.
- Added an element of timing to push people who created these petitions to share them and get as many people signed up as possible within a given timeframe. People work well within a small number of constraints.
- It could do with a better info viz then this graph but hey, this is what you get after 3 hours of work, build on it if you’re not happy :)
- Rearranged content for each petition to that the description comes first, the signing up after.
- Added the ability to comment, which is always a nice add-on (wasn’t sure as to whether digging + or – each petition was the way to go so left it aside for now)
- Added tagging to each petition which should create a nice richness of information
- Added a whole bunch of tools that someone might use after they actually write up a petition, if they were engaged enough to write it, they’re probably engaged enough to link to it or email their friends or shout it out on Facebook.

So there, a little pixel pushing which did me a world of good but killed my back (stupid Aeron chairs). There are a bunch of things to add on that would complement this I suspect, but it is a Saturday :) Happy Weekend!

n10_home.jpg

n10_petition.jpg

n10_petition_new.jpg

n10_petition_thanks.jpg

n10_petition_ongoing.jpg

h1

Know your food

February 7, 2009

knowyf3.jpg

After Open Sauces in November, I got interested in food again, especially the way food is presented and communicated in the context of supermarkets. There’s something deeply depressing about the presentation of fruits and veg in the UK and there is also something cultural about that presentation. When I lived in Italy, access to certain vegetables was nearly impossible. In the UK, some of my American friends can never find the right types of chilis. In a way, global is a term more easily referring to people than our food, and I consider that a good thing.

Following on from that, I wanted to get back to the essence of what food was before it reaches our markets or our local corner shop. There used to be a simple understanding not only about where food came from, but how it actually grew and how it was harvested.

2 ideas surfaced: New guerrila food labels and a new way of displaying fruits and vegetables. In a day I managed to make the first one happen, the second one I would need a partner company to try this out. If you own a cool organic fruit and veg store or stall in London please get in touch!

Idea 1:

I thought I’d design a simple food label that would come on top of existing labels, something you could keep if you wanted to that would give you at least 4 pieces of information you didn’t know.

1. What the name of the item is, and its latin name. Why? I thought it was odd we’re quite willing to learn about plants and flowers in this way and not everyday items. Is it because they’re not posh enough?

2. What the item looks like “in nature” or in its more natural environment, with roots, leaves, the whole lot. The idea is to show how it looks before it’s been cleaned up for public display. We often may forget that some thing grow under the earth or on its surface, as a fruit in a tree or hanging from plants. Zuccini for example, is more or less and un-ripened pumpkin that is picked early enough for it to still be soft. Its the same family as the cucumber, but people don’t usually eat it raw.

3. When and where it was discovered. Fruits and vegetables don’t carry history with them, but it’s fascinating what you’ll find out about how Ancient Egyptians treated the onion.

4. Any other piece of random information or history. I wanted to make sure to pique someone’s interest enough that they’d want to know more or keep the label. I found out that the asparagus plant is protected by the tomato plant from insects for example.

All pictures of the project are on Flickr and were professionally executed by Matt Biddulph :)

knowyf.jpg

h1

Prescriptive or predictive information visualisation?

May 2, 2008

feedme.jpg

Something that’s starting to tick me off in the world of information visualisation goes back to why people found it interesting to begin with. When we didn’t know any better, we’d leave information visualisation to Powerpoint and Excel and only insiders and people who’d been to the right schools were able to make any sense of it. The meaning of the information was hidden behind a layer of understanding the average person lacked.

In an age of obsession with visually displaying information (thanks Mr Tufte) that is not directly accessible to us (such as how much carbon is being emitted, information is more accessible to the masses of course, but I’m wondering if that’s all there is to it. “Oh, wow, thats all lot!” is pretty much where information visualisation leaves me at the moment or “Oh, nice!”

We are at a pivital moment where we are collectively starting to suffer from doom’s-day fatigue and our ability to see into the future and observe the consequences of our everyday actions is trumped by these constant visualisations of the depressing “now”.
Part of being a responsible adult is supposed to be about taking responsability for our actions and understand that they have consequences is it not? Why can’t our technologies help us with that? I would like to see us move towards a world full of little everyday objects that give me a glimpse into the future if I keep doing things the way I do, total yearly bills based on my current usage, predictions about how much I’ll have to spend on food and how much weight I’ll gain if I keep at the current pace. It’s not prescriptive and I don’t think it’ll be depressing. It’s just making information I need to lead a sustainable life, more easily accessible and more empowering than simple clever reporting.

I guess that used to be on the next slide.

h1

Image of the day

November 6, 2007

How to cater to an audience…

via Asian Pacific Headhunter

h1

Images worth being on a t-shirt

June 18, 2007

When everyone does happy-go-lucky-let’s-just-pretend-everything-is-fine Alejandro Zamudio Sanchez tells it like it is.

via Flickr

h1

Designing audiences: master and puppet.

June 2, 2007

Spending time in New York is always a story of compromises. I planned to go to the MoMa but didn’t get a chance to. Nice people were in town but triangulating was a nightmare. I think it has something to do with the scale and the spread of urban life there. In some cities, you clearly have a “downtown” area where you’ll eventually bump into people (Milan is a good example) but in New York, you can go from one end to the other really quickly and there are interesting things to do and visit at pretty much at every corner. Making plans with other people becomes an odessey.

So the trip consisted of hanging out in the West Village, getting great coffee at Jack’s Stir Brew, eating at some nice vegetarian restaurants that Daverecommended, going to see Design Life Now at the Copper Hewitt Museum, breifly dropping by the venue for Postopolis and getting my new favorite ice-cream in America: Green tea Pinkberry topped with coconut flakes.

In any travel plans however there’s also a little bit of work involved and so Matt and I went to see Designing Audiences an AIGA talk at the beautiful Fashion Institute of Technology.

The panel was lead by the infamous Ze Frank with guests graphic designer Stefan Bucher, game designer Katie Salen, and head of Stamen design, Eric Rodenbeck.

They each made a short presentation of their work, Stefan with his daily monsters, Katie with her Ice Karaoke project and Eric with the work that Stamen does (presenting Trulia Hindsight for the first time).

Each spoke about their relationship to audiences both offline and online and I must say I was at first skeptical about this wide array of experiences in drawing a set of conclusions but 2 themes seemed to emerge from the conversation nonetheless:

1. Setting rules is key: Not unlike a school teacher, the designers, apart from Eric perhaps, all spoke of the need to set rules to grow a good community. If you left things too open, people would start wandering away from the “goal” of the community and produce what Ze referred to as “crapucopia”. This is a social phenomenon that teachers, babysitters and mothers all know too well. Makes me wonder if these designers haven’t all turned to become design teachers handing out briefs. The tighter the restrictions, the more creative you are forced to become in order to impress your peers and win the love of the teacher. Is this web2.0 all just an extension of school then? Strange notion worth exploring. In a way this has nothing to do per se with designing a community but more to do with maintaining one and maintaining the conditions that will make every participant feel special and look great by rewarding even their most meager attempts, and keep them interested in contributing. Seen under such a light, “web2.0″ seems almost a maternal activity, closer to real life than a truly unique “internet phenomenon”.

2. Platform makers: I asked them during the Q&A whether they thought that designers would become simply platform makers and their value would come from how great a platform they would create for people’s enjoyment. This is a question that I myself struggle with as a designer in an age that pushes us to think more and more about services and less about “stuff” more particularly in product design. The answers they provided pointed to a balance between these 2 roles for the future designers. Yes we will be building more platforms but the content creation will still be important to launch that community and gather people’s reactions around an initial body of work.

It seems almost impossible to think that most designers will not be following this trend even if it means more maternal maintenance work and less ego-driven creation.

h1

A Day in the life of smart things: 2030

May 10, 2007

Tom Klinkowstein will be exhibiting a visual projection of what it will feel like in a connected world in 2030, a project he worked on with Irene Pereyra:

“The project, a large digital “diagrammatic narrative”, portrays a day in a designer’s life in the year 2030 and her relationship to the objects and environments around her (now infused with powerful communication, sensing and artificial intelligence capabilities). The project is tentatively scheduled to premiere at the Singapore International Design Festival in November 2007.”

After his well known piece about the life of a designer from 1990 to 2090, I can’t wait to see this one.

h1

Map of online communities

May 7, 2007

via xkcd

h1

Presentation sustainability

May 3, 2007

I will write more extensively about Luminous Green this week and what it feels like to be in a room full of artists, advertisers and cultural types talking about sustainability but for now i’ll concentrate on a smaller anecdote around the event that links nicely to the recent conversations about the use Powerpoint.

In order to make the event more sustainable, the speakers were asked to reduce their reliance on technology ( projector and therefore powerpoint) and several of them found this extremely demanding. Others requested to present in powerpoint anyway as they couldn’t possibly fathom not using their presentation (one of which was from the world of advertising of course). This resulted in weaker presentations as the speakers came unprepared for image-less descriptions of their projects and I found that they were struggling to perhaps mentally remember what their slides said.

This then poses the question: is that intellectually sustainable? If the content that you might have been exposed to relies on the speaker being able to be prompted by some sort of tool, this I suppose says a lot about speaker’s independence. As a member of the audience, you don’t have to prepare, you’re a white sheet of paper that someone either artistically writes on or awkwardly scribbles on with their hand in a cast.

Had the speakers been told in advance of this restriction, I think they probably would have absorbed their talk very differently, brought cue cards and orated like a priest in a church, or politicians did before technology’s presence, just like speakers used to when people just read books. Think Gandhi (who was referenced several times times during the event) and Dr. Martin Luther King Jr.

I think our reliance on Powerpoint has ultimately made us poorer speakers and we handhold our audience much more than it needs to. Inspiration doesn’t come served on slides.