we are the makers of things
DESCRIPTION
Slides from my Web Directions @Media London talk, 27 May 2011.Looking through the lenses of industrial design, architecture and animation, I talk about the skills interaction designers will need in the future and my experiments / experiences.TRANSCRIPT
![Page 1: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/1.jpg)
We are the makers of things
Designing Without the Browser
27 May, 2011 • Hannah Donovan
![Page 2: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/2.jpg)
My name is Hannah,
![Page 3: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/3.jpg)
My name is Hannah,
![Page 4: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/4.jpg)
![Page 5: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/5.jpg)
![Page 6: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/6.jpg)
Last.fm Kinect
![Page 7: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/7.jpg)
Last.fm Kinect
![Page 8: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/8.jpg)
Last.fm Kinect
![Page 9: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/9.jpg)
Last.fm Kinect
Why was it hard?
!"#"$%&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
/*1-0(.&'%(%)*$+ 2(3&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
45(6"7&!(8)*45(6"7&!(8)* 45(6"7&!(8)*
9(+%:;6&<)$"#%
9)=.(.>&!(8)*?)@&!(8)*
!"#*66"$8"8&!(8)*
/*1-0(.&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
A.%)+%&!(8)*
9(+%:;6&<)$"#%
9(+%:;6&<)$"#%
2(3&'%(%)*$+
9(+%:;6&<)$"#%
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*
A.%)+%A.%)+% A.%)+%
)#*$)#*$
)#*$
B=*@&<)$"#%&5(C)3(%)*$'"0"#%)$3&+%(%)*$+
D*$%.*0+E&F+".&+"0"#%+&(&%)0"&=>&GH*08)$3I&%H").&H($8
'%(%"+E&/".+*$(0&+%(%)*$+&J)00&="&"61%>&K($8&$""8&(&H"01&+#.""$L&-$%)0&%H"&-+".&H(+&0)+%"$"8&%*&@&%.(#M+N&1-00&."#"$%&+%(%)*$+&;.*6&-+".O+&9P?&H)+%*.>:
'"0"#%)$3&%H"+"&+%(.%+%H"&+%()*$N&."Q-)."+
10(>&)#*$
'"0"#%)$3&%H"+"*1"$&(&G;*08".I
K+H*-08&$*%&H(C"&(&10(>&)#*$L
![Page 10: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/10.jpg)
![Page 11: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/11.jpg)
Flexibility today
Increasingly, the medium we’re designing for is not the browser.
And these mediums are (at the moment) are less flexible to work with.
![Page 12: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/12.jpg)
Flexibility today
The plateau of profitability
Gartner’s Hype Cycle (image from BERG’s ‘Mining the Trough of Disillusionment’)
![Page 13: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/13.jpg)
Flexibility today
The plateau of profitability
Gartner’s Hype Cycle (image from BERG’s ‘Mining the Trough of Disillusionment’)
= flexibility
![Page 14: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/14.jpg)
Photo credit: Jeffrey Beall
But what aboutlunch?
![Page 15: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/15.jpg)
The story of the shark
Hong Kong
![Page 16: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/16.jpg)
The story of the shark
Hong Kong
![Page 17: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/17.jpg)
From ‘The Art of Finding Nemo” by Mark Cotta Vaz (Pixar)
![Page 18: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/18.jpg)
!"#"$%&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
/*1-0(.&'%(%)*$+ 2(3&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
45(6"7&!(8)*45(6"7&!(8)* 45(6"7&!(8)*
9(+%:;6&<)$"#%
9)=.(.>&!(8)*?)@&!(8)*
!"#*66"$8"8&!(8)*
/*1-0(.&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
A.%)+%&!(8)*
9(+%:;6&<)$"#%
9(+%:;6&<)$"#%
2(3&'%(%)*$+
9(+%:;6&<)$"#%
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*
A.%)+%A.%)+% A.%)+%
)#*$)#*$
)#*$
B=*@&<)$"#%&5(C)3(%)*$'"0"#%)$3&+%(%)*$+
D*$%.*0+E&F+".&+"0"#%+&(&%)0"&=>&GH*08)$3I&%H").&H($8
'%(%"+E&/".+*$(0&+%(%)*$+&J)00&="&"61%>&K($8&$""8&(&H"01&+#.""$L&-$%)0&%H"&-+".&H(+&0)+%"$"8&%*&@&%.(#M+N&1-00&."#"$%&+%(%)*$+&;.*6&-+".O+&9P?&H)+%*.>:
'"0"#%)$3&%H"+"&+%(.%+%H"&+%()*$N&."Q-)."+
10(>&)#*$
'"0"#%)$3&%H"+"*1"$&(&G;*08".I
K+H*-08&$*%&H(C"&(&10(>&)#*$L
The story of the shark
Shark vs. my Kinect drawings?
![Page 19: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/19.jpg)
!"#"$%&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
/*1-0(.&'%(%)*$+ 2(3&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
45(6"7&!(8)*45(6"7&!(8)* 45(6"7&!(8)*
9(+%:;6&<)$"#%
9)=.(.>&!(8)*?)@&!(8)*
!"#*66"$8"8&!(8)*
/*1-0(.&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
A.%)+%&!(8)*
9(+%:;6&<)$"#%
9(+%:;6&<)$"#%
2(3&'%(%)*$+
9(+%:;6&<)$"#%
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*
A.%)+%A.%)+% A.%)+%
)#*$)#*$
)#*$
B=*@&<)$"#%&5(C)3(%)*$'"0"#%)$3&+%(%)*$+
D*$%.*0+E&F+".&+"0"#%+&(&%)0"&=>&GH*08)$3I&%H").&H($8
'%(%"+E&/".+*$(0&+%(%)*$+&J)00&="&"61%>&K($8&$""8&(&H"01&+#.""$L&-$%)0&%H"&-+".&H(+&0)+%"$"8&%*&@&%.(#M+N&1-00&."#"$%&+%(%)*$+&;.*6&-+".O+&9P?&H)+%*.>:
'"0"#%)$3&%H"+"&+%(.%+%H"&+%()*$N&."Q-)."+
10(>&)#*$
'"0"#%)$3&%H"+"*1"$&(&G;*08".I
K+H*-08&$*%&H(C"&(&10(>&)#*$L
The story of the shark
Shark vs. my Kinect drawings?
![Page 20: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/20.jpg)
!"#"$%&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
/*1-0(.&'%(%)*$+ 2(3&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
45(6"7&!(8)*45(6"7&!(8)* 45(6"7&!(8)*
9(+%:;6&<)$"#%
9)=.(.>&!(8)*?)@&!(8)*
!"#*66"$8"8&!(8)*
/*1-0(.&'%(%)*$+
,*-.&/".+*$(0&'%(%)*$+
A.%)+%&!(8)*
9(+%:;6&<)$"#%
9(+%:;6&<)$"#%
2(3&'%(%)*$+
9(+%:;6&<)$"#%
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*A.%)+%&!(8)*
A.%)+%&!(8)*
A.%)+%A.%)+% A.%)+%
)#*$)#*$
)#*$
B=*@&<)$"#%&5(C)3(%)*$'"0"#%)$3&+%(%)*$+
D*$%.*0+E&F+".&+"0"#%+&(&%)0"&=>&GH*08)$3I&%H").&H($8
'%(%"+E&/".+*$(0&+%(%)*$+&J)00&="&"61%>&K($8&$""8&(&H"01&+#.""$L&-$%)0&%H"&-+".&H(+&0)+%"$"8&%*&@&%.(#M+N&1-00&."#"$%&+%(%)*$+&;.*6&-+".O+&9P?&H)+%*.>:
'"0"#%)$3&%H"+"&+%(.%+%H"&+%()*$N&."Q-)."+
10(>&)#*$
'"0"#%)$3&%H"+"*1"$&(&G;*08".I
K+H*-08&$*%&H(C"&(&10(>&)#*$L
The story of the shark
Shark vs. my Kinect drawings?
SHARK WINS. GAME OVER.
![Page 21: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/21.jpg)
The story of the shark
Why does the shark win?
![Page 22: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/22.jpg)
The story of the shark
Why does the shark win?
Why doesn’t the shark win? It’s a fucking shark.
![Page 23: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/23.jpg)
The story of the shark
Why does the shark win?
Why doesn’t the shark win? It’s a fucking shark.
![Page 24: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/24.jpg)
What’s our equivalent of the 3/4 view?
Open question:
![Page 25: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/25.jpg)
![Page 26: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/26.jpg)
Our toolkit
If you grew up in flatland, you had a very ill-equipped toolkit.
So we’ve spent the last 10 years levelling up.
![Page 27: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/27.jpg)
Our toolkit
The toolkit of our future needs to be able to communicate things like:
• physical space
• context
• scale
• timing
![Page 28: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/28.jpg)
And it’s going to be awesome.
![Page 29: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/29.jpg)
Our toolkit
It’s time to look in our Ramona Bags.
Excerpt from “Scrott Pilgrim vs. The World”
![Page 30: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/30.jpg)
Our toolkit
It’s time to look in our Ramona Bags.
Excerpt from “Scrott Pilgrim vs. The World”
![Page 31: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/31.jpg)
Our toolkit
![Page 32: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/32.jpg)
InvestigationInspired by: animation, architecture & industrial design
![Page 33: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/33.jpg)
Investigation | The talented observer
Observation, or “just go look”
![Page 34: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/34.jpg)
Investigation | The talented observer
Observation, or “just go look”
From ‘The Animator’s Survival Kit’ by Richard Williams
![Page 35: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/35.jpg)
Investigation | The talented observer
Stills from the DVD commentary on “Up”
![Page 36: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/36.jpg)
Investigation | The talented observer
Even if there’s nothing to look at, there’s always something to see.
![Page 37: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/37.jpg)
Investigation | The talented observer
Even if there’s nothing to look at, there’s always something to see.
![Page 38: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/38.jpg)
Investigation | Sketching, a conversation in…
Sketch with whatever you’ve got in your studio.
(So keep fun things lying around).
![Page 39: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/39.jpg)
Investigation | Sketching, a conversation in…
“Sketching is not putting pen to paper, it’s the mindset you do it in” — Bill Buxton
Sketch for ‘Valley of the Wind’ building by Benny Lee, Bread Studio
![Page 40: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/40.jpg)
CommunicationInspired by: Industrial design, 3D animation & architecture
![Page 41: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/41.jpg)
Communication | The art of concept drawing
Concept drawing; leaving just enough “holes”.
Your Recommended Lineup (show complete lineup)Email Print
PavementYour stats: 500 scrobbles, discovered 12 May 2009You’ve seen this artist 8 times
Broken Social SceneYour stats: 400 scrobbles, discovered 14 June 2006
Pierced ArrowsYour stats: 320 scrobbles, discovered 20 Feb 2008You’ve seen this artist 1 time
The CleanYour stats: 215 scrobbles, discovered 3 Jan 1020
Camera ObscuraYour stats: 98 scrobbles, discovered 10 May 2009
Don’t Miss:
You might also like:
ShareThe WalkmenTags: indie, folk, indie rock, indietronicaSimilar to: French Kicks, Jonathan Fire*Eater, Spoon, White Rabbits
The Walkmen is an American indie rock band, with members based in New York City and Philadelphia. Read more…
Mobile phone concept drawing from “Drawing for Designers” by Alan Pipes
![Page 42: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/42.jpg)
Communication | The art of concept drawing
Concept drawing; leaving just enough “holes”.
Your Recommended Lineup (show complete lineup)Email Print
PavementYour stats: 500 scrobbles, discovered 12 May 2009You’ve seen this artist 8 times
Broken Social SceneYour stats: 400 scrobbles, discovered 14 June 2006
Pierced ArrowsYour stats: 320 scrobbles, discovered 20 Feb 2008You’ve seen this artist 1 time
The CleanYour stats: 215 scrobbles, discovered 3 Jan 1020
Camera ObscuraYour stats: 98 scrobbles, discovered 10 May 2009
Don’t Miss:
You might also like:
ShareThe WalkmenTags: indie, folk, indie rock, indietronicaSimilar to: French Kicks, Jonathan Fire*Eater, Spoon, White Rabbits
The Walkmen is an American indie rock band, with members based in New York City and Philadelphia. Read more…
Mobile phone concept drawing from “Drawing for Designers” by Alan Pipes
![Page 43: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/43.jpg)
Communication | The art of concept drawing
Concept drawing; leaving just enough “holes”.
Your Recommended Lineup (show complete lineup)Email Print
PavementYour stats: 500 scrobbles, discovered 12 May 2009You’ve seen this artist 8 times
Broken Social SceneYour stats: 400 scrobbles, discovered 14 June 2006
Pierced ArrowsYour stats: 320 scrobbles, discovered 20 Feb 2008You’ve seen this artist 1 time
The CleanYour stats: 215 scrobbles, discovered 3 Jan 1020
Camera ObscuraYour stats: 98 scrobbles, discovered 10 May 2009
Don’t Miss:
You might also like:
ShareThe WalkmenTags: indie, folk, indie rock, indietronicaSimilar to: French Kicks, Jonathan Fire*Eater, Spoon, White Rabbits
The Walkmen is an American indie rock band, with members based in New York City and Philadelphia. Read more…
Mobile phone concept drawing from “Drawing for Designers” by Alan PipesDrawing by Spencer Nugent, www.spencernugent.com
![Page 44: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/44.jpg)
Communication | The art of concept drawing
Concept drawing; leaving just enough “holes”.
Your Recommended Lineup (show complete lineup)Email Print
PavementYour stats: 500 scrobbles, discovered 12 May 2009You’ve seen this artist 8 times
Broken Social SceneYour stats: 400 scrobbles, discovered 14 June 2006
Pierced ArrowsYour stats: 320 scrobbles, discovered 20 Feb 2008You’ve seen this artist 1 time
The CleanYour stats: 215 scrobbles, discovered 3 Jan 1020
Camera ObscuraYour stats: 98 scrobbles, discovered 10 May 2009
Don’t Miss:
You might also like:
ShareThe WalkmenTags: indie, folk, indie rock, indietronicaSimilar to: French Kicks, Jonathan Fire*Eater, Spoon, White Rabbits
The Walkmen is an American indie rock band, with members based in New York City and Philadelphia. Read more…
Mobile phone concept drawing from “Drawing for Designers” by Alan PipesDrawing by Spencer Nugent, www.spencernugent.com
![Page 45: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/45.jpg)
Communication | The art of concept drawing
Focus on the important parts; create rich stories around them.
Architectural concept by Benny Lee, Bread Studio
![Page 46: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/46.jpg)
Communication | The art of concept drawing
Focus on the important parts; create rich stories around them.
Architectural concept by Benny Lee, Bread StudioDrawing by Oscar Tusquets Blanca from “Drawing for Designers” by Alan Pipes
![Page 47: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/47.jpg)
Communication | Technical drawings for all
Wireframes are our technical drawings, but what are they exactly?
![Page 48: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/48.jpg)
Communication | Technical drawings for all
Wireframes are our technical drawings, but what are they exactly?
![Page 49: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/49.jpg)
Communication | Technical drawings for all
Getting technical.
Engineering drawing from 1775, Brompton GA, “Drawing for Designers” by Alan Pipes
![Page 50: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/50.jpg)
Communication | Technical drawings for all
Getting technical.
Engineering drawing from 1775, Brompton GA, “Drawing for Designers” by Alan Pipes
![Page 51: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/51.jpg)
Communication | Technical drawings for all
Mapmaking
![Page 52: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/52.jpg)
Communication | Technical drawings for all
Mapmaking
![Page 53: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/53.jpg)
ValidationInspired by: comics, 2D animation & industrial design
![Page 54: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/54.jpg)
Validation | Our users, our characters
We love looking at people.
Disir character design for ‘Siege: Loki’ by Jamie McKelvie
![Page 55: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/55.jpg)
Validation | Our users, our characters
We love looking at people.
Disir character design for ‘Siege: Loki’ by Jamie McKelvieCharacter design for ‘Batman the Animated Series’ by Bruce Tim
![Page 56: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/56.jpg)
Validation | Our users, our characters
From characters to storyboard
Storyboards from ‘Batman the Animated Series’
![Page 57: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/57.jpg)
Validation | Our users, our characters
What’s our ‘mood lighting’?
![Page 58: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/58.jpg)
Validation | Roughing it; sketch prototyping
Sketch prototype
A quick model of your design made from cheap materials.
![Page 59: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/59.jpg)
Validation | Roughing it; sketch prototyping
I <3 iPhone video.
![Page 60: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/60.jpg)
Validation | Roughing it; sketch prototyping
You just don’t know until you can touch it.
![Page 61: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/61.jpg)
Validation | Roughing it; sketch prototyping
You just don’t know until you can touch it.
![Page 62: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/62.jpg)
Right, it’s almost lunch time.
![Page 63: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/63.jpg)
Being like the shark
So, how do we be like the shark? How do we find our 3/4 view?
![Page 64: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/64.jpg)
Being like the shark
As the ‘youngest’ group of designers I’ve talked about today; I don’t think we have it yet.
But we absolutely need to find it, because what we do is important.
![Page 65: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/65.jpg)
Being like the shark
Investigation:
• ‘Just go look’ observation
• Sketching, a conversation in…
![Page 66: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/66.jpg)
Being like the shark
Communication:
• The art of concept drawing
• Technical drawing for all
![Page 67: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/67.jpg)
Being like the shark
Validation
• Our users; our characters• Roughing it;sketch prototyping
![Page 68: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/68.jpg)
The makers of things
10 years ago we were pushing “invisible pixels” around.
![Page 69: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/69.jpg)
The makers of things
10 years ago we were pushing “invisible pixels” around.
Today we’re building products that people depend on as part of their lives.
![Page 70: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/70.jpg)
The makers of things
We’re working with materials that are as impactful and consequential as the stuff that films, objects and buildings are made of.
![Page 71: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/71.jpg)
The makers of things
As product designers of a mature medium—the web—it’s time for us to break out of our silos.
And to learn from and experiment with other designer’s techniques to find our 3/4 view.
![Page 72: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/72.jpg)
The makers of things
As product designers of a mature medium—the web—it’s time for us to break out of our silos.
And to learn from and experiment with other designer’s techniques to find our 3/4 view.
![Page 73: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/73.jpg)
Special thanks to the designers who let me interview them & those who helped along the way: Monika Wensel, Benny Lee, Matt Sheret, Matthew Ogle & Jamie McKelvie.
Thanks!
![Page 74: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/74.jpg)
Slides: www.hannahdonovan.comContact:Twitter: @hanEmail: [email protected]
![Page 75: We Are The Makers Of Things](https://reader037.vdocument.in/reader037/viewer/2022110117/55396666550346722e8b4a37/html5/thumbnails/75.jpg)
LUNCH!