But I’m a Bloody Designer!

Mike Stenhouse / Trampoline Systems / Donotremove1

Specialisation2

3

18/02/2005

4

18/02/2005

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

✤ 1996 iFrame Remoting

✤ 1998 Microsoft Remote Scripting

✤ 1999 Microsoft Office 2000 Web Access

✤ 2002 Flash 4 Remoting

6

Sexy new !ameworks7

Javascript renaissance8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

Danger, Will Robinson!26

27

28

Linear process29

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

✤ 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

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

Craig Mcmillan

“If you think you understand the problem then you clearly haven’t thought about it enough.”

33

System aware designers34

Tim Bray quoting Phil Karlton

35

“There are only two hard things in computer science: cache invalidation and naming

things.”

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.”

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

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

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

Interaction aware developers

40

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.”

Marc Hedlund / radar.oreilly.com

“Each developer is assigned to maintain their own features and respond to bug reports from

users.”

42

43

Collaboration44

adaptivepath.com

45

“Designers learn empathy by spending time in the lives and environments of real customers.”

Agile46

✤ 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

Pairing48

Design49

Development50

Features51

Test driven development52

Pairing on testing53

Behaviour driven development

57

wikipedia.org/wiki/Behavior_driven_development

“What should this do?”

58

Matt Biddulph

“You can tell people how it feels but everyone needs their own epiphany.”

61

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

But I’m a Bloody Designer!

Mike Stenhouse / Trampoline Systems / Donotremove63

✤ 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

✤ 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