On sketching

Catch­ing up with this slight­ly neglect­ed blog (it’s been 6 weeks since the last prop­er post). I’d like to start by telling you about a small thing I helped out with last week. Peter Boers­ma1 asked me to help out with one of his UX Cock­tail Hours. He was inspired by a recent IxDA Stu­dio event where, in stead of just chat­ting and drink­ing, design­ers actu­al­ly made stuff. (Gasp!) Peter want­ed to do a work­shop where atten­dees col­lab­o­rat­ed on sketch­ing a solu­tion to a giv­en design prob­lem.

Part of my con­tri­bu­tion to the evening was a short pre­sen­ta­tion on the the­o­ry and prac­tice of sketch­ing. On the the­o­ry side, I ref­er­enced Bill Bux­ton’s list of qual­i­ties that define what a sketch is2, and empha­sized that this means a sketch can be done in any mate­r­i­al, not nec­es­sar­i­ly pen­cil and paper. Fur­ther­more I dis­cussed why sketch­ing works, using part of an arti­cle on embod­ied inter­ac­tion3. The main point there, as far as I am con­cerned is that when sketch­ing, as design­ers we have the ben­e­fit of ‘back­talk’ from our mate­ri­als, which can pro­vide us with new insights. I wrapped up the pre­sen­ta­tion with a case study of a project I did a while back with the Ams­ter­dam-based agency Info.nl4 for a social web start-up aimed at inde­pen­dent pro­fes­sion­als. In the project I went quite far in using sketch­es to not only devel­op the design, but also col­lab­o­ra­tive­ly con­struct it with the client, tech­nol­o­gists and oth­ers.

The whole thing was record­ed; you can find a video of the talk at Vimeo (thanks to Iskan­der and Alper). I also uploaded the slides to SlideShare (sans notes).

The sec­ond, and most inter­est­ing part of the evening was the work­shop itself. This was set up as fol­lows: Peter and I had pre­pared a fic­tion­al case, con­cern­ing peer-to-peer ener­gy. We used the Dutch com­pa­ny Qur­rent as an exam­ple, and asked the par­tic­i­pants to con­cep­tu­alise a way to encour­age use of Qurrent’s prod­uct range. The aim was to have peo­ple be more ener­gy effi­cient, and share sur­plus ener­gy they had gen­er­at­ed with the Qur­rent com­mu­ni­ty. The par­tic­i­pants split up in teams of around ten peo­ple each, and went to work. We gave them around one hour to design a solu­tion, using only pen and paper. After­wards, they pre­sent­ed the out­come of their work to each oth­er. For each team, we asked one par­tic­i­pant to cri­tique the work by men­tion­ing one thing he or she liked, and one thing that could be improved. The team was then giv­en a chance to reply. We also asked each team to briefly reflect on their work­ing process. At the end of the evening every­one was giv­en a chance to vote for their favourite design. The win­ner received a prize.5

Wrap­ping up, I think what I liked most about the work­shop was see­ing the many dif­fer­ent ways the teams approached the prob­lem (many of the par­tic­i­pants did not know each oth­er before­hand). Group dynam­ics var­ied huge­ly. I think it was valu­able to have each team share their expe­ri­ences on this front with each oth­er. One thing that I think we could improve was the case itself; next time I would like to pro­vide par­tic­i­pants with a more focused, more rich­ly detailed brief­ing for them to sink their teeth in. That might result in an assign­ment that is more about struc­ture and behav­iour (or even inter­face) and less about con­cepts and val­ues. It would be good to see how sketch­ing func­tions in such a con­text.

  1. the Nether­lands’ tallest IA and one of sev­er­al famous Peters who work in UX []
  2. tak­en from his won­der­ful book Sketch­ing User Expe­ri­ences []
  3. titled How Bod­ies Mat­ter (PDF) by Kle­mer and Takaya­ma []
  4. who were also the hosts of this event []
  5. I think it’s inter­est­ing to note that the win­ner had a remark­able con­cept, but in my opin­ion was not the best exam­ple of the pow­er of sketch­ing. Appar­ent­ly the audi­ence val­ued prod­uct over process. []

A Playful Stance — my Game Design London 2008 talk

A while ago I was inter­viewed by Sam War­naars. He’s research­ing people’s con­fer­ence expe­ri­ences; he asked me what my most favourite and least favourite con­fer­ence of the past year was. I wish he’d asked me after my trip to Play­ful ’08, because it has been by far the best con­fer­ence expe­ri­ence to date. Why? Because it was like Toby, Richard and the rest of the event’s pro­duc­ers had tak­en a peek inside my brain and came up with a pro­gram encom­pass­ing (almost) all my fas­ci­na­tions — games, inter­ac­tion design, play, social­i­ty, the web, prod­ucts, phys­i­cal inter­faces, etc. Almost every speak­er brought some­thing inter­est­ing to the table. The audi­ence was com­posed of peo­ple from many dif­fer­ent back­grounds, and all seemed to, well, like each oth­er. The venue was love­ly and atmos­pher­ic (albeit a bit chilly). They had good tea. Drinks after­wards were tasty and fun, the tapas lat­er on even more so. And the whiskey after that, well let’s just say I was glad to have a late flight the next day. Many thanks to my friends at Pix­el-Lab for invit­ing me, and to Mr. Davies for the refer­ral.

Below is a tran­script plus slides of my con­tri­bu­tion to the day. The slides are also on SlideShare. I have been told all talks have been record­ed and will be pub­lished to the event’s Vimeo group.

Per­haps 1874 words is a bit too much for you? In that case, let me give you an exec­u­tive sum­ma­ry of sorts:

  1. The role of design in rich forms of play, such as skate­board­ing, is facil­i­ta­to­ry. Design­ers pro­vide tools for peo­ple to play with.
  2. It is hard to pre­dict what peo­ple will do exact­ly with your tools. This is OK. In fact it is best to leave room for unex­pect­ed uses.
  3. Under­spec­i­fied, play­ful tools can be used for learn­ing. Peo­ple can use them to explore com­plex con­cepts on their own terms.

As always, I am inter­est­ed in receiv­ing con­struc­tive crit­i­cism, as well as good exam­ples of the things I’ve dis­cussed.

Con­tin­ue read­ing A Play­ful Stance — my Game Design Lon­don 2008 talk

Reboot 10 slides and video

I am break­ing radio-silence for a bit to let you know the slides and video for my Reboot 10 pre­sen­ta­tion are now avail­able online, in case you’re inter­est­ed. I pre­sent­ed this talk before at The Web and Beyond, but this time I had a lot more time, and I pre­sent­ed in Eng­lish. I there­fore think this might still be of inter­est to some peo­ple.1 As always, I am very inter­est­ed in receiv­ing con­struc­tive crit­i­cism Just drop me a line in the com­ments.

Update: It occurred to me that it might be a good idea to briefly sum­ma­rize what this is about. This is a pre­sen­ta­tion in two parts. In the first, I the­o­rize about the emer­gence of games that have as their goal the con­vey­ing of an argu­ment. These games would use the real-time city as their plat­form. It is these games that I call urban pro­ce­dur­al rhetorics. In the sec­ond part I give a few exam­ples of what such games might look like, using a series of sketch­es.

The slides, posted to SlideShare, as usual:

The video, hosted on the Reboot website:

  1. I did post a tran­script in Eng­lish before, in case you pre­fer read­ing to lis­ten­ing. []

Slides and summary for ‘More Than Useful’

Update: The video and slides are now avail­able on the con­fer­ence site.

The con­fer­ence From Busi­ness to But­tons 2008 aimed to bring togeth­er the worlds of busi­ness and inter­ac­tion design. I was there to share my thoughts on the applic­a­bil­i­ty of game design con­cepts to inter­ac­tion design. You’ll find my slides and a sum­ma­ry of my argu­ment below.

I real­ly enjoyed attend­ing this con­fer­ence. I met a bunch of new and inter­est­ing peo­ple and got to hang out with some ‘old’ friends. Many thanks to InUse for invit­ing me.

Diagram summarizing my FBTB 2008 talk

The top­ic is pret­ty broad so I decid­ed to nar­row things down to a class of prod­uct that is oth­er-than-every­day — mean­ing both wide and deep in scope. Using Norman’s The Design of Every­day Things as a start­ing point, I want­ed to show that these prod­ucts require a high lev­el of explorabil­i­ty that is remark­ably sim­i­lar to play. After briefly exam­in­ing the phe­nom­e­non of play itself I moved on to show appli­ca­tions of this under­stand­ing to two types of prod­uct: cus­tomiz­able & per­son­al­iz­able ones, and adap­tive ones.

For the for­mer, I dis­cussed how game design frame­works such as MDA can help with sculpt­ing the para­me­ter space, using ‘expe­ri­ence’ as the start­ing point. I also looked at how games sup­port play­ers in shar­ing sto­ries and spec­u­lat­ed about ways this can be trans­lat­ed to both dig­i­tal and phys­i­cal prod­ucts.

For the lat­ter — adap­tive prod­ucts — I focussed on the ways in which they induce flow and how they can rec­om­mend stuff to peo­ple. With adap­ta­tion, design­ers need to for­mu­late rules. This can be done using tech­niques from game design, such as Daniel Cook’s skill chains. Suc­cess­ful rules-based design can only hap­pen in an iter­a­tive envi­ron­ment using lots of sketch­ing.

The pre­sen­ta­tion was framed by a slight­ly philo­soph­i­cal look at how cer­tain games sub­lim­i­nal­ly acti­vate cog­ni­tive process­es and could thus be used to allow for new insights. I used Break­out and Por­tal as exam­ples of this. I am con­vinced there is an emerg­ing field of play­ful prod­ucts that inter­ac­tion design­ers should get involved with.

Sources ref­er­enced in this pre­sen­ta­tion:1

As usu­al, many thanks to all the Flickr pho­tog­ra­phers who’ve shared their images under a CC license. I’ve linked to the orig­i­nals from the slides. Any image not linked to is prob­a­bly mine.

  1. Most of these are offline books or papers, those that aren’t have been hyper­linked to their source. []

Urban procedural rhetorics — transcript of my TWAB 2008 talk

This is a tran­script of my pre­sen­ta­tion at The Web and Beyond 2008: Mobil­i­ty in Ams­ter­dam on 22 May. Since the major­i­ty of pay­ing atten­dees were local I pre­sent­ed in Dutch. How­ev­er, Eng­lish appears to be the lin­gua fran­ca of the inter­net, so here I offer a trans­la­tion. I have uploaded the slides to SlideShare and hope to be able to share a video record­ing of the whole thing soon.

Update: I have uploaded a video of the pre­sen­ta­tion to Vimeo. Many thanks to Almar van der Krogt for record­ing this.

In 1966 a num­ber of mem­bers of Pro­vo took to the streets of Ams­ter­dam car­ry­ing blank ban­ners. Pro­vo was a non­vi­o­lent anar­chist move­ment. They pri­mar­i­ly occu­pied them­selves with pro­vok­ing the author­i­ties in a “ludic” man­ner. Noth­ing was writ­ten on their ban­ners because the may­or of Ams­ter­dam had banned the slo­gans “free­dom of speech”, “democ­ra­cy” and “right to demon­strate”. Regard­less, the mem­bers were arrest­ed by police, show­ing that the author­i­ties did not respect their right to demon­strate.1

Good after­noon every­one, my name is Kars Alfrink, I’m a free­lance inter­ac­tion design­er. Today I’d like to talk about play in pub­lic space. I believe that with the arrival of ubiq­ui­tous com­put­ing in the city new forms of play will be made pos­si­ble. The tech­nolo­gies we shape will be used for play wether we want to or not. As William Gib­son writes in Burn­ing Chrome:

…the street finds its own uses for things”

For exam­ple: Skate­board­ing as we now know it — with its empha­sis on aer­i­al acro­bat­ics — start­ed in emp­ty pools like this one. That was done with­out per­mis­sion, of course…

Only lat­er half-pipes, ramps, verts (which by the way is derived from ‘ver­ti­cal’) and skateparks arrived — areas where skate­board­ing is tol­er­at­ed. Skate­board­ing would not be what it is today with­out those first few emp­ty pools.2

Con­tin­ue read­ing Urban pro­ce­dur­al rhetorics — tran­script of my TWAB 2008 talk

  1. The web­site of Gram­schap con­tains a chronol­o­gy of the Pro­vo move­ment in Dutch. []
  2. For a vivid account of the emer­gence of the ver­ti­cal style of skate­board­ing see the doc­u­men­tary film Dog­town and Z-Boys. []

Designing a mobile social gaming experience for Gen-C

Update 21-03-2008: I’ve added some images of slides to allow for some more con­text when read­ing the text.

This is a rough tran­script of my lec­ture at GDC Mobile 2008. In short: I first briefly intro­duce the con­cept of expe­ri­ence design and sys­tems and then show how this influ­ences my views of mobile casu­al games. From there I dis­cuss the rela­tion of casu­al games with the trend Gen­er­a­tion C. Wrap­ping up, I give an overview of some social design frame­works for the web that are equal­ly applic­a­ble to mobile social gam­ing. As a bonus I give some thoughts on mobile game sys­tems mobile metagames. The talk is illus­trat­ed through­out with a case study of Playy­oo—a mobile games com­mu­ni­ty I helped design.

  • I’ve includ­ed a slight­ly adjust­ed ver­sion of the orig­i­nal slides—several screen­shot sequences of Playy­oo have been tak­en out for file size rea­sons.
  • If you absolute­ly must have audio, I’m told you will be able to pur­chase (!) a record­ing from GDC Radio some­time soon.
  • I’d like to thank every­one who came up to me after­wards for con­ver­sa­tion. I appre­ci­ate the feed­back I got from you.
  • Sev­er­al aspects of Playy­oo that I use as exam­ples (such as the game stream) were already in place before I was con­tract­ed. Cred­its for many design aspects of Playy­oo go to David Mantripp, Playyoo’s chief archi­tect.
  • And final­ly, the views expressed here are in many ways an amal­ga­ma­tion of work by oth­ers. Where pos­si­ble I’ve giv­en cred­it in the talk and oth­er­wise linked to relat­ed resources.

That’s all the notes and dis­claimers out of the way, read on for the juice (but be warned, this is pret­ty long).

Con­tin­ue read­ing Design­ing a mobile social gam­ing expe­ri­ence for Gen-C

Slides for my Oslo UXnet meetup talk

Last night I pre­sent­ed at the Jan­u­ary UXnet meet­up in Oslo. When Are invit­ed me to come over I thought I’d be talk­ing to maybe 60 user expe­ri­ence peo­ple. 200 showed up—talk about kick­ing off the year with a bang. I think the crew at Netlife Research may just have writ­ten UXnet his­to­ry. I’m not sure. (Don’t believe me? Check out the RSVPs on the event’s page at Meetup.com)

The talk went OK. I had 20 min­utes, which is pret­ty short. I fin­ished on time, but I had to leave out a lot of exam­ples. The orig­i­nal talk on which this was based is a 2 hour lec­ture I deliv­er at UX com­pa­nies. (I did this last year for instance at InUse.)

The lack of exam­ples was the biggest point of crit­i­cism I got after­wards. I’ll try to make up for that a bit in a lat­er post, list­ing some exam­ples of web sites and apps that I would call in some way play­ful. Stay tuned.

For now, here are the slides (no notes I’m afraid, so it’ll be hard to make any sense of them if you weren’t there). Thanks to Are Hal­land for invit­ing me. And greet­ings to all my friends in Oslo. You’ve got a beau­ti­ful UX thing going on there.

Playful IAs — slides for my Euro IA Summit 2007 talk

After a con­sid­er­able amount of fid­dling with SlideShare I’ve final­ly man­aged to upload a ver­sion of the slides that go with my Play­ful IAs pre­sen­ta­tion. This more or less as I pre­sent­ed it at the Euro IA Sum­mit 2007 and includes an approx­i­mate tran­script of my talk. I hope to get an audio/video record­ing of most of it in the near future as well. When I do I’ll update this page.

Update: I’ve post­ed a short sum­ma­ry of the cen­tral argu­ment of my talk.

Down­load a ver­sion includ­ing an approx­i­mate tran­script (14,5 MB).

I had some great reac­tions to this talk and I want to thank all the peo­ple who engaged with me in dis­cus­sions after­wards. It’s giv­en me a good pic­ture of what areas I should devel­op fur­ther in future sub­se­quent talks. I’m also pleas­ant­ly sur­prised to see that con­trary to what some peo­ple think, the IA com­mu­ni­ty (the Euro­pean one at least) is very much open to new ideas. That’s real­ly nice to expe­ri­ence first­hand.

A lot of peo­ple asked for a list of books and oth­er good sources on the top­ics I cov­ered. Here’s an incom­plete list of stuff I’ve used at some stage to inform my think­ing:

If that doesn’t keep you busy for a while, you could always have a dig through my del.icio.us links. There’s plen­ty of good stuff there. Of course of if you ever find any­thing you think would be of inter­est to me, do let me know. Just tag it for:kaeru.

Slides and video of my Reboot 9.0 talk

So I’ve been busy upload­ing stuff. The slides to my Reboot 9.0 talk are up at SlideShare. I uploaded a video record­ed by Iskan­der with his N70 to Vimeo. Final­ly, since SlideShare still doesn’t import the notes that go with the slides in Pow­er­Point, I’ve also put up a big PDF (almost 50 MB). Please refer to the notes in the PDF for all the Flickr pho­to cred­its too.



Mobile Social Play @ Reboot 9.0 from Kaeru on Vimeo


  • There’s a bit too much um-ing and ah-ing for my tastes. I need to do more prac­tice, prac­tice, prac­tice before these things!
  • This will be the last time I use Darth Vad­er as the open­ing slide, I promise.
  • It’s too bad I didn’t have more time to go into the exam­ples that go with the last part. Next time: less stage set­ting, more meat.
  • Still, I had fun. :-) Thanks again to Thomas for hav­ing me, and all the cool peo­ple at Reboot for going easy on me.