It is time for the practice of web development and design to broaden its horizons. How can the skills and experience we’ve acquired over the last 15 years of working on the internet be applied more broadly to, say, the design of cities, buildings, organisations, government and so on? In a slightly foolhardy, ambitious talk, Dan will draw from his experience of leading design across the BBC’s websites, co-founding the global media product Monocle, working with projects like Lonely Planet, Channel 4, Urbis museum and the Spice Girls website, and now his current work with the multidisciplinary design consultancy Arup, where he helps design better cities, buildings and streets. Dan will suggest that some of these core ideas - harnessing user-centred thinking with the sparks of individual insight, working with real-time data, separating content from presentation, multidisciplinary design-centred practice, enabling adaptation and hackability, balancing top-down intervention with bottom-up emergence, amongst others - might work effectively as core principles of service design, offering new ways to build, design, innovate and operate to services, products and organisations well outside of the Australian web industry’s traditional focus.

1. 15 years in ...
Redesigning your surroundings
Dan Hill, Arup

3. Arup

4. Multidisciplinary design

5. SOFTWARE PROJECT
DESIGNERS PRODUCERS
ENGINEERS MANAGERS
CLIENT SIDE
DEVELOPERS
When I talk about design
I mean an approach rather than a discipline, more or less

6. CLIENT SIDE SOFTWARE PROJECT
DESIGNERS PRODUCERS
DEVELOPERS ENGINEERS MANAGERS
When I talk about design
I mean an approach rather than a discipline, more or less

7. 15 (or so) years ago ...

8. Actually 23 years ago
The Artist (1986)

9. Skeletons, closets
Hypercard stack for dissertation (1991)

10. Skeletons, closets
Northern Quarter Network (1995)

11. Skeletons, closets
Northern Quarter Network (1997)

12. Skeletons, closets
Spice Girls (1998)

13. Skeletons, closets
Chemical Brothers (1997)

14. Skeletons, closets
Bryan Ferry (1999)

15. Skeletons, closets
Genesis (2000)

16. Skeletons, closets
Lamb (1998)

17. Skeletons, closets
Virgin Records (2000)

18. BBC

19. BBC

20. Monocle

21. Monocle

22. Monocle

23. Monocle

24. Monocle

25. Monocle

26. Monocle

27. Monocle

28. Strategic design
Redesigning your surroundings

29. Eliel Sa
by con arinen
siderin said: "
a chair g it in i Always
house in a roo ts next design a th
in an e m, a ro larger ing
in a cit nvironm om in a contex
y plan. ent, an house, t-
" environ a
ment
Redesign your surroundings

30. Redesign your surroundings
Redesigning organisations to enable products + services

31. PLES AROUND LOST
LOSTPEDIA BLOGS ETC.
1 TWP
OFFICIAL FORUMS
TRAILER
BLOGS ETC.
FAKE SITE
is a single episode of 'Lost'. MEDIA
UPDATE 2
re repeats for each episode, in REVIEWS
ifferent ways, and then again as
LOSTPEDIA
egate of interaction around LOSTPEDIA OFFICIAL
general. US RELEASE TWP
TWP FORUMS BLOGS ET
FORUMS C4 SITE
OFFICIAL 3
TWP
7 ABC SITE
UK 4 THUMB
EMENT RELEASE MEDIA
uild up to next episode release REVIEWS
oordinated online and on-air
TWP BITTORRENT
FORUMS RELEASE
BLOGS ETC. 5
ime time broadcast on ABC
EMBEDDED LOSTPEDIA
FAKE SITE
ncoordinated fan activity online and LOSTPEDIA AMAZON ID
UPDATE
er IM during and after live broadcast TIME TWP
FORUMS BLOGS ETC.
AMAZON iTUNES
fficial sites, and coordinated fake
tes, updated alongside broadcast COMMENTS RELEASE
& TAGS
Strategic design
xternal sites, such as Amazon.com,
urtured via events in broadcast or
urrounding sites
TWP
ncoordinated fan activity builds over
RECAP
BBC: Web as a canvas
me around both specific episodes and
hole series TWP
FORUMS 6
attern repeated across other
rritories although online audiences BLOGS ETC.
averse boundaries BLOGS ETC.

32. XEN
AK
IS S
CO
RE
CRU
MB
SCO
RE
Strategic design
BBC: Push:pull model

33. AD
IEU
SE
VERN
ACUL
AR
FANTASY
LOOSE
LY JOIN
ED
Strategic design
RU LE S
IN FO R M A
TI O N
BOUNDA
RY
ED U CA TI O
NO RU LE N SC AL AB LE
S EX PA NS IO
N
R A D IA N T DI SC OV ER
Y
EN TE R TA TO OL S
IN M EN T C IT Y
BBC: Web as a canvas
FI RS T
OR DE R
FE RT IL E
OB JE CT
GR OW TH
SSETS
FI RS T
LO W R O A
D OR DE R
FEEDS, A
OB JE CT
ECTS
NS, FEEDS, AV OBJ
DESIGN PATTER
VE RN AC UL
QUA AR
D IS A G L IT IE S
GREG
EXPR ATED
E
D IS T R S S IV E

34. QUALITIES
INFORMATION AGGREGATED, FUNCTION
CENTRALISED, PROFESSION
ACCESSIBLE, PERMANEN
DISCOVERY FUNCTION
TOOLS OPTIMISED FOR
EDUCATION SCALABLE DISCOVERY
EXPANSION
RADIANT BRAND VALUES
CITY TRUST, IMPARTIALITY,
QUALITY, DEPTH
ENTERTAINMENT
FERTILE FIRST FIRST
ORDER ORDER
GROWTH
OBJECT OBJECT
FEEDS, ASSETS
LOW ROAD V OBJE
CTS
STABILIT
S, A
S, FEED
LINK
ERN
N PATT
S
DESIG
VERNACULAR
SUBURBS
AGGREGATORS
QUALITIES
INNOVATI
Strategic design
EGATED, EXPRESSIVE
IBUTED, AMATEUR,
MERAL, PERMEABLE
FANTASY
ARCHITECTURE
BBC: Web as a canvas
FUNCTION
PTIMISED FOR
"FOLLY" SHOWPIECES
EXPRESSION
RAND VALUES
VATION, UBIQUITY,
ONALITY, DELIGHT

35. TASK-BASED
HIGH-QUALITY
TOOLS
(ORDERED)
PROGRAMME
INFO TOOL
SETS
FEEDS, AS
DIFFERENT
LAYOUT
FOOTBALL MATCH OF S PO RT S
ENABLING
PERSONAL
RESPONSES
(VERNACULAR)
BL O G S
A BO U T
F O O T B AL L
RESULTS
)) ) )
THE DAY
LINKS &
ASSETS
(SIGNAGE)
A CA DE MY
LIN
KS
B L OG S A BOU T
MOTD & FEEDS, VIDEO
FO O T B AL L EXTERNAL
SYNDICATION
(SUBURBS) TEMPORARY
STRUCTURES COMMERCIAL OR
E S P N. C OM EDITORIALLY
(FANTASIES)
A MA Z ON PROBLEMATIC
A B C. NE T .A U D O T CO M M OT SON
M OT D T IM E LI N E
RADIO A LA N
VI RT U A L H AN S E N
T IM E S
Strategic design
RE P LA Y S I TE
BBC: Web as a canvas
BLUEPRINT:
E NTI R E WEB AS A C ANVAS ,
M ATCH OF THE D AY B RAN D
AS THE M OD E L

36. GLOBAL UPPER TOOLBAR
GLO BAL NAVIG ATI ON, B BC-W ID E P R IO RI TIE S
iPLAYER
BBC
CONTENT
BBC
PRODUCERS
P
U
S
H
TOPIC-BASED NAVIGATION
LOCAL
(TO CONTENT)
L
L
U
USER P
RESPONSE
BBC
USERS
Strategic design
PERSONAL LOWER TOOLBAR
GLO BAL NAVIG ATI ON, P E RS ONA L P RI O R I TI ES
BBC: Push:pull model
BLUEPRINT:
O VE RA L L P A G E
S TRU CTU R E

37. Prototyping the future
Redesigning your surroundings

38. the suite of web services driving other elements of 2.0. For instance, comm
a user's iPlayer client, or their stated or inferred preferences. The toolbar c
dynamically alert users of events they're likely to be interested in, such as o
iPlayer downloads completing/expiring or when one of their favourite show
TV or available for live streaming.
Available to watch now
B B C Browse Search
Your Kath and Kim has downloaded!
deally, the toolbar is dynamically communicating with a user's iPlayer client status,
etting you know when their programmes are available to watch.
The Simpsons, Now, BBC2
B B C Browse Search
Matt, 'The Simpsons' is on BBC2. Join the show now x
Or is communicated with a user's stated preferences - or those inferred from user behaviour while moving and interacting throughout
he site, and alerting the user of relevant events. This mode would benefit from a user feedback loop, 'training' the recommendations.
Radiohead, Zane Lowe, R1
B B C Browse Search
Strategic design
Bronwyn, 'Karma Police' by Radiohead is about to be played on Radio 1. Join the show now x
The range of potential web services and findability systems that the toolbar could integrate with should be as wide and varied as the
BBC's services in general. For instance, they could draw from the Music Discovery platforms, creating a rich service around 'ambient
BBC: Active toolbar
alerts' for a particular user's favourite music, or music they're likely to be interested in.
BLUEPRI
UPP ER
WOR KE

39. Artefacts from the future
BBC
BBC: Showpage mockup

40. Artefacts from the future
BBC
BBC: Showpage mockup

41. Artefacts from the future
BBC
BBC: Showpage mockup

42. av ech al a u
Th T Fiv e e IC id u uch thi lti-t direc inte e bu erac dio- , via
str ese e ta nica nd p hese e id me T a se
nd of tha s ca ouch ted/ racti ildin tion visu med
a k e r
mo ateg im t en t l and eda enc as t ging so pr t it
nb ,u in on g op al ia
op re ic a o fl he de go om o
gic pa tak insi on oc do e en ploa tima mo will n por devi fa
de nd us op . es de t ce
he port tai h p sig a ss e gh s, veta visa d/do te, fa s a eed unit s.
lp un l. O prac out ortu n-led l stra urb the ts 3. rat ils ge wn ce- rou to y, a
wi i t Cr he w d
th ty to f co ical som nity thin tegi an, Th ea r t ith and load to-f nd con nd
Po thi
s. talk
urs is e t
e, sue of t o list ing as
k es
bu is en
tin
ga
ha a
n a the a doc and ce, earn ide
l s
ten to we s fo he
wo r t pri elow hic
b ,w an ildin tails gr wk rch um so gro ing
wa ite en
1. tia yo
ua uld he ma h rat d UT g (an an u
ea
tu rd
o
ctu ted n. A ped
u
En lw bo
ut wel acu y
F r .
or her S ca d F rban
rb
an
ly
fol ral d suc ll of
en visa or ho co tha n ac pla low es h
Ide vir gin
on ks w me lty in un drow n tak ult stra ce ing ign
int ally me he
gt tre Ar
up the pr ders ned feel e ad y its teg lat
us o stu this nt rig
for ht am co
o
as ject tand in t ing h van elf), for
y er.
qu
er
re de wo
n u FE pe s uld urb n co s a ing ra
t n o c
em tag en
m e su the
sib ickly sear t an ld en IT rva
siv wi an d emp d ac f th . Dr ed of t ring Facu
l a
wi ilitie unc ch, le sta tail
d
el ‘a l ind esig orar tors e va wn in, th heir tha lty
d e ea gr
ing ea icate n, il y th aro rio fro re loc t F
illu er U s for over d w b thn rn l i u us m at at EI
in str
at niv the mo ithi ehav ogr ing us pro t urb the ustr nkin nd t dev a d ened ion, T
n a e a
e
as the l ed p rsity Fac e im a de our, phic
r i su co visio an p vari ted g ar he F elop eep
ult
res we h ife o erso ). Th y plica sign yet f rese de
sta nte n lac ou de oun acu me
(an ve inab mpo of am e’ a s co sign d u lty, nt
sta olut ave f ...’ t na/s ese tio co ocu arc nin lo l r m r a
en ion sk he ce wo d by ns a ntex sed h g f pm e bu rary enit ound pon doc bani s w
an . etc n na u e n t or en sin IC ies th en um sm ell
wh gage d st By d hed ew F rio- ld ta xten d po , wou 4. mo t o e T
pp ss m to a + se e Fa ts of nta and
e
at me ude oin o ac led ke sio s- ld Ex bil rv c tio
Fa ity ort o c c
cu the nt nts g t ut h ulty vis the n, t bu plor , a un del tivat ices ulty, reat n
me lty rig pr , i hes er b ion fo he ild ing nd itie s, l , i i
fin nt c . Tec ht e ogra t cou e in e, ye uildi s of rm o
A
se ing th so s, o e p ho nc ng
ng in rie eb on urb cal e ublic w to lud-
wi ding an b hnic nvir mme ld fo coll t wit , ‘da f
bu crea s of lur . an co s
+2
3 ll n
ee the e im ally onm an rm abo h m muc ys ild tiv sce rin de nom pace
d a rig agi ,a en d b pa rati ore h pli in ely gF sig ,
lm t r DA nary g an blu ario
n n, ic
2.
En mo ht o ned ost s m egin t of on w s
ac
ult pla
vis re ne n a ig s a it for B) a con d ca rring ind y, n-
A
se ion se for ow ( ny k ht b to u wid h m nd nec mp the icat th
eb
ov rie ns ind e fo nco er an
ing itiv this bud th in t u i
are ervie s of th e, Fa get of e r th ver inf d stu e ba stit ions s, ex Fac ng th lur
rin
ws vis e‘ cre cu n e or de sis utio wit em ulty e p g
of inte
pe , le ual bu
ild ati lty perm viro its
elf
m
the nts of ns h o plif ac os
ne rv nde adi isat ing ve at
co thi tting -
i n ap in ac ful (e th yin ro sib
— ss, in asiv d to ng t ions as lla s p ) in pear elemdesig ross ler e .g. IS er fa g m ss th ilitie
be sens tera e tec indi owa , dia pla bo
rat int
o ; in the c ing i ent n p facu ngag F). T culti ultid e s
us ors ctio hn cat rds gra tfo the ity n o s ro ltie em he es isc
tat rm ion mu th of ce
ed e n o e d m F ,a s s e se (e i-
co ion for mb and logie the esig s an ’ . ing ch o EIT nd er U the s. T , bu nt w cou .g.
a e ot bu his t w
ex nfigu nd feed dde ani s to rea n br d sy
c thi silo f co build he TS i ith ld
ter red so o ba d in ma ad tive iefs ste wi nk s a nte in r fa bui ldin cou ould sta
as na c ti d . m l in n m g c ld g ld a
n
wo plat l da to p . Bu k loo phy on t resp oss Thes
p mi l ge g, ex d en por to s ultie ings and man lso
s o gh nu ab ary om s b , a its
so rks form taba rovid ildin ps, ical bu ons ibilit e me t in plo l e n a fe
i
to on tap ’ in ses e r g m cre sp ilt f ive- ies an nt, ent ely ring ing c wor de eing d el ctiv st
.A p fr e a ac ab p ai e t o k g e se it
t
se prov ll o ed t astr hat al-ti nag tive e, in ric
a tio d ac arti l new nrich hrou llab is ab ree. mbe whe y
arc id f t o m uc co m em ex n, tiv cu g or Gi
he e a hes ea ture mp e ou en peri urn
t an ity lar for the h th ativ out ven dded re
rs, r e s r t t m d m , su ly ms de is e, ov s
© an ich r inp ure . Wi- ise t put syst en- 5.
Cr ult ch focu of r sign cap holi erco o
Ar
up d t es uts stu fi a he to em Fin ea idi as sin ea pr ac sti m-
he ou sc i c
Pt
y.
c d
ve rce an b ent d ot uild
n ‘b s
op ally,
tin
gb ipl com g on l-tim oce ty to
Ltd ry a ina mu qu e m ss.
.2 sk for s e or ctiv er n ng
h i
sig port the ala ry n T ‘bl
00 nc co icat alita easu his ur ’
Strategic artefacts
9 in tud che ity et- su n p un ag ed
of , ity gr nn ion tiv
the ents stra and c r
the h th oces to ega sp ec e re-
bu an ted i t ac tiv , col fac
ild d r int Fac at th s an nfor e of es
+s
ity lab tor
. or s
ing e- mu se en ult e s d o m b th erv a-
its yi pa rga ot is w
elf an st fa ly cr s b tia nis h t or ice
s
a
lite d dis cilit eati lanc l and atio he a k pro
University of Technology, Sydney ne al
v
‘tu rally tanc ate f e. S ed, soc nal c rchit vide
ed ace pa har ial ha ec s
an
be d s the l po asy -to ces mo org nge tural an
t b in n -f a n a p
ke rate uild ts in chro ace nd t ious nisa roc de-
y t gi
o t es
ing -b
e no phy ech an tion ess
d
he for ’ in r twe us in sica nolo fee of
bu ex eal en. ter l in gie ls
ild em -tim D ac ter s
ing pl e t
’s s ify e to taili ion a actio
i n n

43. +23
Strategic artefacts
University of Technology, Sydney

44. Strategic artefacts
The Edge, Brisbane

45. Strategic artefacts
The Edge, Brisbane

46. Strategic artefacts
The Edge, Brisbane

47. Strategic artefacts
The Edge, Brisbane

48. e Ed
ge.
Edg
Mo e
nth
Edg
#2 e Mon
ly
Jun thly
edg e 2010
equ
een
slan
d.o
rg
Artefacts from the future
The Edge: Edge Monthly

49. he E
dge
.
Wor
Jun ksho
e 20 ps.
Dra
ft
10
Fash
ion
pho
togr
aph
y wor
ksho
p
Artefacts from the future
Fash
ion
pho
edg togr
The Edge: Edge Monthly
equ
een
slan
d.o
aph
y wo
rksh
op
rg

50. he E
dge
.
Eve
Jun nts.
e 20
Dra
ft
10
‘Sha
ng hai
Edg
e Lau
nch
’, by e
dgeq
uee
nsla
nd.org
/ann
alan
gham
Artefacts from the future
‘Cau
gh
t in
the
edg act’,
The Edge: Edge Monthly
equ
een
slan
d.o
by e
dge
que
ensl
rg and
.org
/ste
fanb
eckm
an