"Real Artists Ship"

Colin Johnson’s blog


Archive for the ‘Design’ Category

Ad (1)

Thursday, May 23rd, 2013

Just who is this online ad trying to appeal to?

If you DIED tomorrow who would take care of your family?

Am I meant to be the toothless old bloke? That seems to jar with the idea that advertising should flatter the audience; most advertising that is trying to advertise to an older demographic goes for the silver fox look, or the carefree-retireds-on-the-beach thang. Or, is this meant to be representative of “your family”—”poor old toothless grand-dad, who will feed him his soup if you get knocked down by a bus tomorrow?”. Either way, it is very bizarre. The random use of the geolocation (accurate, for a change; it seems to have stopped thinking that I live in Okehampton) only adds to the weirdness of it.

Ugh (1)

Thursday, April 18th, 2013

The name of this place (in Sherwood, Nottingham) has long struck me as rather grim. It is clearly meant to combine the casual, leisuretime connotations of sitting in a nice cafe with the, to some people rather stressful, event of having your hair cut. Unfortunately, to me it just brings to mind a mug of coffee with stray hairs in it.

The Hair Cafe

Constraints (1)

Thursday, April 18th, 2013

Here’s a nice piece of design (from the University of Kent Canterbury campus):

Path with a bin at the end

There is clearly a plan here to stop people walking on that side of the road; the formal path stops, and there is a crossing point installed in the kerb. But, this hasn’t been very effective, as illustrated by the desire paths trailing off into the distance.

The new component here is the bin. This provides a nice terminator for the path without it coming across as an aggressive barrier. Bins are part of the regular street-furniture vocabulary, so it doesn’t jar (or look ludicrous) like a little fence would. Its secondary function of encouraging people to cross the road is effective without being obtrusive.

Above the Fold

Thursday, May 3rd, 2012

Something that continues to bemuse me is why so many web pages continue to split content across so many pages. I can understand in the early days that there was a need to save the amount of information transmitted per page, in order for pages to load in a sensible time. But now, it is the forming of the connection and commencement of downloading that takes time—once a page has started to download, the actual content seems to download very quickly.

Forums are particularly bad at this; frequently, I see things like this:

forum index in blocks of ten entries

I don’t see the point; it takes me a few seconds to read quickly through ten entries, then about the same amount of time to load the next ten, during which my continuous partial attention flicks to another page on the screen. I’d much rather load the whole thing and then read through it all.

I can see one exception, and that is where advertisers are paying each time the page is loaded (but, I understand that this is a rare model these days).

Some sites have taken to downloading more when you reach near the end of a page, a kind of continuous stream of posts; this seems better.

The apotheosis of this can be seen in the emails I get every few months from a second-hand book dealer whose catalogue I signed up for a few years ago. These consist of around 10 separate plain-text emails, in order to “send this by e-mail while minimising problems with formatting and size”. It is astonishing how quickly that sort of thing has gone from being a necessity to being something that looks really weird and outdated.
large list of bookseller's emails

Pink (1)

Wednesday, March 14th, 2012

It’s like feminism never bloody happened:

mother's day pink tool set

Waiting (1)

Tuesday, March 13th, 2012

Virgin Trains (IIRC) tried an experiment a couple of years ago with making the experience of waiting for a train to leave its first station more like the experience of waiting for a plane to take off. When passengers got on the train, there was music playing in the background, and, perhaps I am remembering this wrongly, dimmed lighting.

The effect of this on me was negative. Usually, when I get on a train, I don’t really care whether it is moving or not—I settle into my seat, put my headphones on, and start reading. At some point the train starts moving, and I hardly notice this. This redesign of the experience made for quite the opposite effect: by constantly reminding passengers that the train hadn’t started moving yet, it can create the effect of “drumming your fingers waiting for something to happen”, which is quite the opposite of the relaxing effect intended. The important difference is that take-off is an unignorable part of a flight; a train starting moving is eminently ignorable.

Grabbing Attention

Sunday, January 8th, 2012

This advertising image is very clever; making use of a very specific visual image (the “number of new emails” graphic from iOS) as a way of drawing the eye to a specific part of the screen.

ad with iOS new mails graphic

There is clearly a balance here. The image is unremarkable as such, but to people who use iOS devices the attentional grab of the image is large, much more so than a generic “look here!” sort of splash. The other side of the balance is that people unfamiliar with those devices will not get any of the advantage. Presumably a really finessed version of this would deliver a personalised version of the image depending on the device being used.

3D Printing

Saturday, December 31st, 2011

3D printing is an exciting new technology. But I wonder what it might be used for, in practice? I’m sat here in the sitting room in my father’s house, and I struggle to see many things that could be readily produced using such technology. The room contains:

  • Large items of furniture, too large for this technology to produce
  • Complex technological items like a laptop and a television, too complex to be created using 3D printing
  • Lots of newspapers, books and magazines. These could be readily printed using 2D printing technology. If I were to invest in a technological replacement for these, it would be an iPad or similar.
  • Several plants. Several craft items, like vases and knitted decorations. Dried flowers. I could imagine that it might be possible to create some interesting ornaments and vases using this kind of technology, but less so the complex craft objects: but, it might be possible to create some of the supporting tools (e.g. knitting needles) using such technology.
  • Clothes, pairs of shoes, etc. Probably not readily creatable using that sort of technology.
  • A christmas tree and decorations. Probably all rather creatable using 3D printing, even the (plastic) tree.
  • Mugs, glasses, plates. Don’t know; might need very specialised materials.

Of course, this is hardly the point. The excitement is about creating new kinds of things that couldn’t be bespoke-built before; furthermore, there are clear applications in specific work environments such as laboratories and rapid-prototyping. But, I do worry that in the domestic environment this is just a sophisticated way of creating some fancy jelly-moulds and ice-cube trays. Is this destined to be the Breville toastie-maker of the 21st century?

December Birthday

Monday, November 28th, 2011

A while ago, whilst looking at the card stall on Huddersfield market, I came across December Birthday cards for the first time:

"Happy December Birthday" card

The message in them is a joint Christmas/birthday message, an example being: “This message brings two wishes especially for you; Have a very merry Christmas and a happy Birthday, too”.

Cheapass getout or pragmatic response to circumstance? As someone with a birthday in July, I avoid this completely!

Fonts (1)

Saturday, October 8th, 2011

This font has a very specific meaning:

"Cuite House"

It means “overpriced tat available inside” (not specifically an attack on this shop – but, I’ve noticed it in lots of places).

Designing Importance without Overseriousness

Saturday, October 8th, 2011

For the last few days the Amazon UK home page has had the following graphic:

Amazon letter beginning "Dear Customers,"

The idea here is clearly to convey that there is something important going on here, something that you, the customer, should take a minute or two of your day to attend to.

But, to me, it doesn’t work. It comes across as an exception to the normal reading of the page—which was the intention—but, not in a good way. It is overserious. The “Dear Customer” is rather jarring, and makes you expect something like “In recent days you will have read stories concerning amazon.co.uk in the press; we would like to refute these allegations in the strongest terms…” or something else rather negative.

The general lesson here is, I suppose, that you have to be very careful when leaping out of the regular visual language of web pages. It is very easy to get the reader to attend to something presented in a different visual language—but then, you need to ensure that they are getting the right implication from it.

Product Idea (1)

Sunday, June 12th, 2011

An alarm clock that wakes you up with a rant about how much more you could have got done if only you have woken up an hour ago.

Goo (1)

Monday, May 23rd, 2011

There’s something odd about the design of this bottle. The word “mucus” is slightly too prominent—it is the first thing that you read when you see the bottle, the name of the product just above is hidden in the logo. As a result, it looks like they are selling a bottle of mucus. Ugh!

Mucus

Night-time Multitasking

Thursday, May 12th, 2011

I designed a T-shirt in a dream a little while ago. It looked like this:

A T-shist design

Perhaps I should put it on Threadless and see what happens!

Invention (1)

Wednesday, December 8th, 2010

Smartphone gloves: all fingers are covered except for an index finger (and perhaps a thumb) which are left open like on the fingerless gloves that market traders and the like wear so that you can operate your capacitive sensing-based screen without taking your gloves off.

The Ultimate Practical Coursework

Saturday, October 30th, 2010

Yesterday I was walking home across campus when I came upon the ultimate in practical coursework exercises.

Outdoor Shelters

(Apologies for the low picture quality.) The Kent School of Architecture has an annual exercise where students have to design and build an overnight shelter, and then stay in it overnight.

This has both an immediate educational function, as well as bonding a cohort together. There are other examples. Years ago I shared a flat with a music student, and on day one of the course they went to the intro talk, expecting a generic blah about the course content and so on; instead, a professor said to them “in two weeks time there will be a fully-staged performance of West Side Story on this very stage. And, you will be responsible for every aspect of the performance: acting, singing, playing in the orchestra, designing and building the sets and costumes, …”. What a brilliant introduction to the course!

What is the analogy in other subjects? I am thinking about how we could reform our undergraduate computer science course right now, and it would be wonderful if we could come up with something as inspiring as this for our students.

Don’t Panic

Thursday, October 14th, 2010

A sign from the gents loos at St. Pancras.

"During an emergency: Mime, Body-pop, do 'The Robot'."

Interestingly, it has been there for several weeks. It presumably looks official enough that anyone cleaning the area doesn’t notice that it isn’t an “official” sign.

Like, so Twentieth Century

Tuesday, September 21st, 2010

When I visit my parents in Nottingham, I often pass by this delightful shop on my way to the station from their house (image courtesy of Google Street View, obviously):

The Monitor Shop: Purveyors of 386's and VGA monitors

I like the unrepentant refusal to change the signage, as well as the name. The idea of a shop specialising in something as prosaic as monitors is charming, as are the signs advertising VGA and SVGA monitors in sizes up to 21″, and the proud claim that they sell 386, 486 and Pentium computers.

A decade or so ago this just looked sad: a shop advertising technology that was several years out of date. Now, though, it has transcended that, and its wilful display of advertising for products that were dated when my students were babes-in-arms seems daring and self-confident. They appear to do a decent trade, anyway; perhaps I will go in one day.

Hic Sunt Dracones (1)

Monday, August 2nd, 2010

Interesting comment by Deborah Meaden on a recent episode of Dragons Den (UK S8:E2 I think). The invention was a more compact variant on the megaphone, consisting of a small microphone/amp section and a separate speaker section, with the idea that the speaker could be held up above the crowd. The comment was that, whilst effective in the core function (projecting the voice), the megaphone also has an important visual function—the person directing a crowd can readily be identified because they are holding a megaphone-shaped object, not just because they are speaking. Makes an interesting comment on the notions of form and function.

Problems with Online Forms

Wednesday, April 14th, 2010

Increasingly we use online forms; generally, a good thing, efficient and ensuring information doesn’t get lost in transcription. One problem with this, though, is that it is hard to get an understanding of the entire process as an outsider who nonetheless needs to understand the process.

A couple of examples

  • I was writing up a description for students about how to fill in a form for applying for postgraduate studies. The problem was that the form started with a “cover sheet” asking for basic details such as email address and course applied for. Okay, fine; I’ll just fill this in with some mock details and then move onto the next stage. No dice! The next page asked me to “check my email”. In the end I had to go quite a long way through the application process before I had all of the details. By contrast, a printed form would have meant that I could just scan through the whole form.
  • Filling in details of a module on the Moodle online learning support system. Filled it in, looked fine to me. A few days later, got a couple of emails from students: “where are the notes that you said you had put online”. What had happened is that my view as a teacher was different from what the students see; I had to click on a picture of an eye to make the item visible to students. Not a bad system overall, but not obvious if you are used to writing traditional web pages.

Both of these relate to the idea of role management in online systems. They assume that it is easy to put people into a role relative to the system; yes, this is reasonable at some level, but we often need to “leap outside” this on some occasions. This is a difficult issue to sort out.