15 years in - Dan Hill

4,003 views
3,901 views

Published on

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.

Published in: Design, Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,003
On SlideShare
0
From Embeds
0
Number of Embeds
439
Actions
Shares
0
Downloads
75
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

15 years in - Dan Hill

  1. 1. 15 years in ... Redesigning your surroundings Dan Hill, Arup
  2. 2. Arup
  3. 3. Multidisciplinary design
  4. 4. 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
  5. 5. 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
  6. 6. 15 (or so) years ago ...
  7. 7. Actually 23 years ago The Artist (1986)
  8. 8. Skeletons, closets Hypercard stack for dissertation (1991)
  9. 9. Skeletons, closets Northern Quarter Network (1995)
  10. 10. Skeletons, closets Northern Quarter Network (1997)
  11. 11. Skeletons, closets Spice Girls (1998)
  12. 12. Skeletons, closets Chemical Brothers (1997)
  13. 13. Skeletons, closets Bryan Ferry (1999)
  14. 14. Skeletons, closets Genesis (2000)
  15. 15. Skeletons, closets Lamb (1998)
  16. 16. Skeletons, closets Virgin Records (2000)
  17. 17. BBC
  18. 18. BBC
  19. 19. Monocle
  20. 20. Monocle
  21. 21. Monocle
  22. 22. Monocle
  23. 23. Monocle
  24. 24. Monocle
  25. 25. Monocle
  26. 26. Monocle
  27. 27. Strategic design Redesigning your surroundings
  28. 28. 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
  29. 29. Redesign your surroundings Redesigning organisations to enable products + services
  30. 30. 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.
  31. 31. XEN AK IS S CO RE CRU MB SCO RE Strategic design BBC: Push:pull model
  32. 32. 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
  33. 33. 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
  34. 34. 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
  35. 35. 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
  36. 36. Prototyping the future Redesigning your surroundings
  37. 37. 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
  38. 38. Artefacts from the future BBC BBC: Showpage mockup
  39. 39. Artefacts from the future BBC BBC: Showpage mockup
  40. 40. Artefacts from the future BBC BBC: Showpage mockup
  41. 41. 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
  42. 42. +23 Strategic artefacts University of Technology, Sydney
  43. 43. Strategic artefacts The Edge, Brisbane
  44. 44. Strategic artefacts The Edge, Brisbane
  45. 45. Strategic artefacts The Edge, Brisbane
  46. 46. Strategic artefacts The Edge, Brisbane
  47. 47. 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
  48. 48. 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
  49. 49. 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

×