design


12
Apr 10

Week 482

So, that was a bit of a gap in weeknotes, my apologies. The weeks before the dev/fort were mostly quiet, like a coiling spring. The 10 days from Good Friday onwards were spent at a remote location in a big house near Inverness with a team of quite exceptional talents doing a mammoth sprint. A two day ideation generated something like 800 postit notes, whittled down to about 60 ‘groups’ and finally a couple dozen priorities. After a day or two exploration on things we knew we’d need (fundamental UI concepts like a timeline, a music player) and generating some data robust enough to hang it all off, we started building. And building.

At the end of the week, exhausted, we had a Thing. And the Thing was really good, exactly what we needed at this point (arguably a bit earlier…) that stands opposed to the glitzy video demos I’d previously completed by myself. They now look very thin indeed. This Thing on the other hand while not perfect by any means is deep, has layers and extracts attention from you in a good way – you gladly hand attention over. I played with it for 10 minutes at the end of the week, it was compelling – I want to spend more time with it and explore more, enjoy more of the artist we built it for. Rough edges aside, that is the response we want to illicit, so I think a success.

Now, sleep.

Tweet this!


26
Mar 10

Week 479

This week I had a day off across the middle of the week, it was great and I had a haircut. Work either side of the midweek is more calm before the storm, our monster offsite prototyping sprint over Easter.

We want to have layers of data visualisations as additional content or even as interfaces to the mainstreams of content. I’d been putting together examples I liked, and received two glorious books to add to this. Information Is Beautiful by David McCandless Data Flow. Really nice.

A little userflow doc I sketched together straddled 3 pages, almost without thinking I added three dots, centred to the bottom of each, one filled the others in outline. UI style pagination signalling in print – seemed completely natural.I like it, will use it again. As we use screens for more and more of our reading, it seems entirely reasonable to translate the visual cues from the screen and apply them to ‘legacy formats’ like paper.

Tweet this!


26
Feb 10

Week 475

Patchy week, far too much time consumed doing tiny, but multiple, changes to a couple of sites. There’s a convoluted approval process for some release-projects here, so progress can be slow and frustrating, even with modern workflows like Basecamp (about which i’ll write about in the future). Between bits of that, I’m making slow but steady progress exploring mobile UX angles of our embryonic ‘digital deluxe’ project, now codenamed Lava. Ongoing…

A site I sketched out a month or so ago is live, the revised EMI.com – this is based on the Basic Maths wordpress theme, with some tweaks and custom plugins. For such a big name, it’s quite a pared down site, basically a release blog, artist roster, press releases, that kind of thing.

Having tried to be a flashy ‘music destination’ before without success this makes more sense. Fans head directly to the artist or fansites via search engines. Music discovery happens is many other ways, but (almost) never off a label site, especially a ‘parent’ label covering an incredibly diverse set of sub-brands. It’ll be interesting to see how it goes.

One last note, the lovely guys at DUB need a great freelance design/ux person to continue some initial redesign work I’d done with them. If you have the relevant skills and sparkle head over and present your wares.

Tweet this!


3
Feb 10

Week 472

As this week passes it’s apex I’ve just about run out of room for manoeuvre on this iteration of the design. I’ve got some good things going, which we will probably stick with and some things that haven’t worked too well. Luckily some of these elements (UI bits for content manipulation tools) are things I’ve been leaving very basic, so am keen to go deeper on those anyway – a promising idea presented itself while walking the dog no less.

Basic layouts and navigation ideas have begun to blossom into something with a solid basis (referencing the Eamse’s Powers of 10 and Zooming User Interfaces) – implementation needs improving, but there’s definitely something there. Plus I’ve hopefully set the tone of a product that has less hoops to jump through and more cake. (Achievements and rewards vs direction and requests).

All that said, the next run needs to progress quicker and feel much more immersive while remaining, you know, buildable at some point.

Tweet this!


29
Jan 10

Week 471

Another jam packed week, but quite busy so this will be shorter than usual.

Presented first draft of the design I’ve been working on, wireframes quickly thrown into a deck and a 1 minute UI ‘visual sketch’ which hopefully got across some of the more experiential elements I was hoping to include.

Obviously it’s quite exciting to present new work, but this was tempered with the reality that this is a first draft and it felt it. Response was muted. Clearly there is more work to be done. Things need exploring more, some things need to be made simpler. Some need to go. We’ll be bashing out details this afternoon to take another run at it for a second draft.

During the lull of midweek I popped along to the Toy Fair up the road at Olympia. It was a bit depressing really. I’d previously first visited about 15 years ago, and a few times since, but this seemed to have had the life sucked out of it. No videogames, or interactive things really. Very much ‘old’ toys and very many of those with licensed brands. This year: Toy Story 3, Iron Man 2 the  big properties. All a bit lifeless. All a bit constrained by already professionally imagined worlds.

And then there was the launch of the iPad. Literally a blank canvas: lovely, exciting, endless new possibilities. Not least, possibilities for toys. Games, drawing, music, PLAY – all these things should shine on the iPad. I literally cannot wait and have downloaded the iphone SDK to fiddle, maybe even learn some basic app programming skills.

Tweet this!


23
Jan 10

Week 470

Bit late this week, but it’s technically still this week, so there. I had a good chunk of the wireframes done by the start of the week, but they didn’t really sing or convey some of the qualities I had in mind for the product. To fix this I’ve dived into the other extreme and have spent a few days this week making a really glossy UX demo in After Effects.

Although some of the visual tricks I’m using on this aren’t quite possible in a web renderer just yet (getting very close though… 3D transformations in CSS here). For visualising how things might stretch on better than browser platforms though (smartphones, consoles and tablets) it’s ideal. Knocking back the fidelity of the transitions on less capable platforms will be fine – the quality here is in the layout, functionality and experience.

There’s a bit more to do over the weekend to extend this 1min video a little and revisit the wireframes with the adhoc changes and improvements I made while tweaking the UI as I animated. There’s something to be said for the speed and detail level animating makes you work (ie. slowly and closely) – you spot the clunkers easily and finesse the tiny marks. Anyway, onwards a busy week ahead.

Tweet this!


16
Oct 09

Imagining Ruricomp

I’d been thinking, since I moved out to the country what relevance all that amazing and interesting work on Urban Computing and cities in general by far cleverer people than me (Matt Jones, Dan Hill, Adam Greenfield) had, here, in the middle of nowhere. Russell Davies picked away at it recently in his Ruricomp post and it’s been niggling me that the city kids are having all the fun.
(I’m not a book author or WiReD columnist like the others so forgive my writing, but hopefully I’ll make up for it with pictures).
The city street is bustling, overflowing with activity, both the physical as well as in data. It’s a lot less busy out here, and much less densely packed.

(or… The village is a nice pair of slippers for surviving the future)

I’d been thinking, since I moved out to the country what relevance all that amazing and interesting work on Urban Computing and cities in general by far cleverer people than me (Matt Jones, Dan Hill, Adam Greenfield) had, here, in the middle of nowhere. Russell Davies picked away at it recently in his Ruricomp post and it’s been niggling me that the city kids are having all the fun.

(I’m not a book author or WiReD columnist like the others so forgive my writing, but hopefully I’ll make up for it with some pictures).

DATA & APIs

The city street is bustling, overflowing with activity, both the physical as well as in data. It’s a lot less busy out here, and much less densely packed. I tried Layar out, and all it had was house prices, bah.

What data can we wring out of the rural environment that might prove of use to it’s residents and visitors? What embedded processes should have APIs opened up to the wider community?

Twitter as parish noticeboard

Twitter as parish noticeboard

So this is quite simple, mostly done or doable now but much more personalised and democratic than the traditional (and usually locked) noticeboard on the village green or by the church. We don’t get mains gas round here, but I have a 1600 litre tank in the garden full of LPG (or propane for americans). It has a tiny little dial on it telling me how much is in it – it also has telemetry sending this amount to the supplier so they know when to come and top it up. This data should be available: retweet me my gas! Chuck in local organisations (school, church) retailers (I choose, no spam thank you) and useful data from the outdoors (weather stations, postbox).

Duckpond climate data augmentation

duckpond-climate-overlay

It might be because my urban battlesuit protected me when I lived in the city, but the weather out here takes on a new importance. Rains a lot, and you get a lot wetter. But it’d be cool to have a bit more depth to that, and where better to construct the climate-data than on the duckpond. Show me the trends right here, show me the CO2 we collectively spit out – crickey that’s a lot, and the couple hundred trees here don’t really make a dent do they?

flood-map-overlay

Mash me up some data while I’m out walking too – here’s a floodmap/water overlay with some historical water levels of a stream near here. It’s not rained that much for the past month actually. There’s also an insurance-supplied party pooper there reminding me that the water’s not ideal even when it is there.

It’s all fields round here

wheat-to-bread

Yes, but fields of what exactly? Being a country newbie it’s good to learn about this stuff, and to put it into some sort of context. Wheat = bread clearly, but how much bread? Estimate me how much is an acre and show me with cute little infographics and Royksopp-style bakers how much bread that makes (2250 loaves per acre I calculated – could be miles out tho so I apologise in advance).

more soon…

Tweet this!


9
Sep 09

Recent Work

Plink Art – Visual recognition app for Android phones

Really cool technology seeking a clearly defined application – this builds a visual search around art, letting you identify works from a phonecam snap, and exploring connections from there.

plinikart-screens

BBC Micro Model N

Quick mockup during the interminable nonsense being spouted during a Digital Britain webconf. An modern version of the early 80s push by schools/government/bbc to promote digital skills and tech to the widest possible audience through subsidised hardware, software and broadband access would do more than any of the DB proposals.

BBC Micro, model N

BBC Micro, model N

Bounty.com

Some UX/UI and general redesign for this pregnancy and  parenting portal. http://www.bounty.com

bounty

Palringo

Nice little intro animation, not unlike something I did for tioti a few years ago. http://www.palringo.com

Tweet this!


9
Feb 09

Existential Design Angst

See, having stepped away from an intense, blinkered three years in a social network startup and having had a brush with mortality, trying to define what to do next has got me a bit stumped.

As a designer, it’s fulfilling to make good things so it’ll be along that broad path I think. While doing visual stuff is great fun, especially in motion graphics and the like, the youngsters seem to have a good deal more energy to put into it than I do just now. As design in a more basic sense, there are ideas around that are entering a phase of frantic arrival into reality – these include ubicomp, spimes, personal informatics. Massively interesting and important fields that are an inch away from mainstream everyday applications.

On the other hand, having been involved in a bigger picture for a while, something in the broad field marked strategy feels a bit more comfortable now, picking up on trends such as those mentioned above and fitting them into others from the ground (the street, more correctly) up.

Tweet this!


13
Sep 05

Un-Blog Design Roundup Continued

Continuing a theme I’m noticing, Powazek has that fat bottom-of-page block of links/colophon/functions and archives I’m seeing around the place. I wonder if this is because getting this stuff is difficult to fit (and code) into a third column or that it’s making sense for people to keep it at the bottom of the site? Why have it at all? I’m noticing a big ‘intro’ block at the top of blog front pages too, usually text only – example at nokrev.com. I have almost no opinion on that I guess.

And blimey… there are a lot of very dull entirely similar WordPress sites these days. I’ve heard the alphageeks have been singing it’s praises, hence the recent mass adoption, but is it so bleeding hard to re-template? If so, why use it? Not terribly impressed kids.

Tweet this!