But I'm a Bloody Designer!
-
Upload
mike-stenhouse -
Category
Technology
-
view
112 -
download
0
description
Transcript of But I'm a Bloody Designer!
![Page 1: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/1.jpg)
But I’m a Bloody Designer!
Mike Stenhouse / Trampoline Systems / Donotremove1
![Page 2: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/2.jpg)
Specialisation2
![Page 3: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/3.jpg)
3
18/02/2005
![Page 4: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/4.jpg)
4
18/02/2005
![Page 5: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/5.jpg)
5
✤ Standards-based presentation using XHTML and CSS
✤ Dynamic display and interaction using the Document Object Model
✤ Data interchange and manipulation using XML and XSLT
✤ Asynchronous data retrieval using XMLHttpRequest
✤ JavaScript binding everything together
![Page 6: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/6.jpg)
✤ 1996 iFrame Remoting
✤ 1998 Microsoft Remote Scripting
✤ 1999 Microsoft Office 2000 Web Access
✤ 2002 Flash 4 Remoting
6
![Page 7: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/7.jpg)
Sexy new !ameworks7
![Page 8: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/8.jpg)
Javascript renaissance8
![Page 9: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/9.jpg)
9
![Page 10: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/10.jpg)
10
![Page 11: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/11.jpg)
11
![Page 12: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/12.jpg)
12
![Page 13: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/13.jpg)
13
![Page 14: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/14.jpg)
14
![Page 15: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/15.jpg)
15
![Page 16: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/16.jpg)
16
![Page 17: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/17.jpg)
17
![Page 18: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/18.jpg)
18
![Page 19: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/19.jpg)
19
![Page 20: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/20.jpg)
20
![Page 21: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/21.jpg)
21
![Page 22: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/22.jpg)
22
![Page 23: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/23.jpg)
23
![Page 24: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/24.jpg)
24
![Page 25: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/25.jpg)
25
![Page 26: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/26.jpg)
Danger, Will Robinson!26
![Page 27: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/27.jpg)
27
![Page 28: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/28.jpg)
28
![Page 29: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/29.jpg)
Linear process29
![Page 30: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/30.jpg)
molly.com
“Perl, PHP, ASP, .NET, HTML, CSS, RSS, ATOM, JavaScript, Flash, Photoshop, Illustrator, graphic user interface design as well as
interaction design. The applicant must have at least five years practical experience, and a
computer science degree is a plus.”
30
![Page 31: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/31.jpg)
✤ User experience designer
✤ User interface designer
✤ Web interface designer
✤ Web standards designer
✤ Usability consultant
✤ Accessibility consultant
✤ Web designer
✤ Web product designer
✤ Web interface developer
✤ Web standards developer
✤ Designer
✤ Rails developer
31
![Page 32: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/32.jpg)
Mike-a-like
“Photoshop, Usability, Accessibility, Information Architecture, Interaction Design, User Experience, HTML, CSS, Javascript, Ajax, PHP, Ruby, Rails, Patterns, Databases. Good
communication skills essential.”
32
![Page 33: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/33.jpg)
Craig Mcmillan
“If you think you understand the problem then you clearly haven’t thought about it enough.”
33
![Page 34: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/34.jpg)
System aware designers34
![Page 35: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/35.jpg)
Tim Bray quoting Phil Karlton
35
“There are only two hard things in computer science: cache invalidation and naming
things.”
![Page 36: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/36.jpg)
Garrett Dimon / garrettdimon.com
36
“Many people falsely assume that interface design can mask any ugly complexities of the underlying business. [...] You can put lipstick on a pig, but at the end of the day, it’s still a
pig.”
![Page 37: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/37.jpg)
designcouncil.org.uk
“There was a clear and strategic requirement from the heads of design in [these 11 top global
brands] to recruit and train designers who demonstrate multi-disciplinary working,
business acumen and strategic thinking.”
37
![Page 38: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/38.jpg)
Jonathan Ive / designmuseum.org
“Twin shooting materials – moulding different plastics together or co-moulding plastic to metal
gives us a range of functional and formal opportunities that really didn’t exist before. The
iPod is made from twin-shot plastic with no fasteners and no battery doors enabling us to create a design which was dense completely
sealed.”
38
![Page 39: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/39.jpg)
Jon Lax / uxmag.com
“We invested $50,000 of our company’s money into a fund consisting of 10 companies we felt did a great a job at user experience. [...] In the one year period of our test, our UX investment
philosophy trounced the markets.”
39
![Page 40: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/40.jpg)
Interaction aware developers
40
![Page 41: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/41.jpg)
Jono DiCarlo / humanized.com
41
“The easiest way to make a bad interface in your OSS project is to ignore it. Bad interfaces are the natural state of software: You’ll get one
unless you work hard to avoid it.”
![Page 42: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/42.jpg)
Marc Hedlund / radar.oreilly.com
“Each developer is assigned to maintain their own features and respond to bug reports from
users.”
42
![Page 43: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/43.jpg)
43
![Page 44: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/44.jpg)
Collaboration44
![Page 45: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/45.jpg)
adaptivepath.com
45
“Designers learn empathy by spending time in the lives and environments of real customers.”
![Page 46: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/46.jpg)
Agile46
![Page 47: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/47.jpg)
✤ Individuals and interactions over processes and tools
✤ Working software over comprehensive documentation
✤ Customer collaboration over contract negotiation
✤ Responding to change over following a plan
47
![Page 48: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/48.jpg)
Pairing48
![Page 49: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/49.jpg)
Design49
![Page 50: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/50.jpg)
Development50
![Page 51: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/51.jpg)
Features51
![Page 52: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/52.jpg)
Test driven development52
![Page 53: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/53.jpg)
Pairing on testing53
![Page 54: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/54.jpg)
![Page 55: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/55.jpg)
![Page 56: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/56.jpg)
![Page 57: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/57.jpg)
Behaviour driven development
57
![Page 58: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/58.jpg)
wikipedia.org/wiki/Behavior_driven_development
“What should this do?”
58
![Page 59: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/59.jpg)
![Page 60: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/60.jpg)
![Page 61: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/61.jpg)
Matt Biddulph
“You can tell people how it feels but everyone needs their own epiphany.”
61
![Page 62: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/62.jpg)
Josh Davis
“People that don't, you don't have to – it's not going to make a bad DJ good – but it'll make a
good DJ better.”
62
![Page 63: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/63.jpg)
But I’m a Bloody Designer!
Mike Stenhouse / Trampoline Systems / Donotremove63
![Page 64: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/64.jpg)
✤ http://flickr.com/photos/kola1965/98669672/
✤ http://flickr.com/photos/mylesnoton/741240199/
✤ http://flickr.com/photos/peterme/85327653/
✤ http://flickr.com/photos/kidneybingos/379625556/
✤ http://flickr.com/photos/st_morpheus/1188884587/
✤ http://flickr.com/photos/emr9801/746788982/
✤ http://flickr.com/photos/jgilbert/40662088/
✤ http://flickr.com/photos/sookie/36356334/
✤ http://flickr.com/photos/mhaithaca/150442221/
✤ http://flickr.com/photos/vrogy/514733529/
✤ http://flickr.com/photos/jefflippold/504295340/
✤ http://flickr.com/photos/auntiep/348330632/
✤ http://flickr.com/photos/mn_francis/69934792/
✤ http://flickr.com/photos/nickfarnhill/415649633/
64
![Page 65: But I'm a Bloody Designer!](https://reader034.fdocuments.in/reader034/viewer/2022051515/54c789844a7959f6208b475e/html5/thumbnails/65.jpg)
✤ http://www.adaptivepath.com/ideas/essays/archives/000385.php
✤ http://www.molly.com/2006/11/17/creativity-jam-session-write-your-own-web-dev-job-advert/
✤ http://garrettdimon.com/archives/2007/10/3/the_hidden_interface/
✤ http://www.designcouncil.org.uk/en/About-Design/managingdesign/Management-challenges/Skills/
✤ http://www.rttsweb.com/outsourcing/statistics/
✤ http://www.designmuseum.org/design/jonathan-ive
✤ http://www.uxmag.com/strategy/327/investing-in-ux
✤ http://humanized.com/weblog/2007/10/05/make_oss_humane/
✤ http://radar.oreilly.com/archives/2006/02/web_development_20.html
✤ http://agilemanifesto.org/
✤ http://www.adaptivepath.com/ideas/essays/archives/000858.php
✤ http://wikipedia.org/wiki/Behavior_driven_development
65