SlideShare une entreprise Scribd logo
1  sur  65
Télécharger pour lire hors ligne
But I’m a Bloody
          Designer!



Mike Stenhouse / Trampoline Systems / Donotremove1
Specialisation
                 2
18/02/2005
             3
18/02/2005
             4
✤ 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


                                                     5
✤ 1996 iFrame Remoting

✤ 1998 Microsoft Remote Scripting

✤ 1999 Microsoft Office 2000 Web Access

✤ 2002 Flash 4 Remoting




                                          6
Sexy new ameworks
                    7
Javascript renaissance
                         8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
Danger, Will Robinson!
                     26
27
28
Linear process
                 29
“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.”


                                     molly.com

                                                  30
✤ User experience            ✤ Web designer
  designer
                             ✤ Web product designer
✤ User interface designer
                             ✤ Web interface
✤ Web interface designer       developer

✤ Web standards              ✤ Web standards
  designer                     developer

✤ Usability consultant       ✤ Designer

✤ Accessibility consultant   ✤ Rails developer


                                                      31
“Photoshop, Usability, Accessibility,
Information Architecture, Interaction Design,
User Experience, HTML, CSS, Javascript, Ajax,
 PHP, Ruby, Rails, Patterns, Databases. Good
      communication skills essential.”



                                   Mike-a-like

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




                               Craig Mcmillan

                                                33
System aware designers
                     34
“There are only two hard things in computer
  science: cache invalidation and naming
                  things.”




                 Tim Bray quoting Phil Karlton

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



               Garrett Dimon / garrettdimon.com

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



                           designcouncil.org.uk

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

                Jonathan Ive / designmuseum.org

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



                             Jon Lax / uxmag.com

                                                      39
Interaction aware
    developers
                    40
“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.”




                   Jono DiCarlo / humanized.com

                                                    41
“Each developer is assigned to maintain their
own features and respond to bug reports from
                   users.”




               Marc Hedlund / radar.oreilly.com

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




                             adaptivepath.com

                                                 45
Agile
        46
✤ 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
Pairing
          48
Design
         49
Development
              50
Features
           51
Test driven development
                     52
Pairing on testing
                     53
But I'm a Bloody Designer!
But I'm a Bloody Designer!
But I'm a Bloody Designer!
Behaviour driven
  development
                   57
“What should this do?”




wikipedia.org/wiki/Behavior_driven_development

                                                 58
But I'm a Bloody Designer!
But I'm a Bloody Designer!
“You can tell people how it feels but everyone
        needs their own epiphany.”




                                 Matt Biddulph

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




                                      Josh Davis

                                                   62
But I’m a Bloody
          Designer!



Mike Stenhouse / Trampoline Systems / Donotremove
                                                63
✤   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

Contenu connexe

Similaire à But I'm a Bloody Designer!

Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
Do Try This At Home  Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...Do Try This At Home  Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...jward5519
 
Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...
Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...
Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...Marcel Bruch
 
Kill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your PrototypesKill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your Prototypesjsokohl
 
High Order Bit - Architecture for Humanity
High Order Bit - Architecture for HumanityHigh Order Bit - Architecture for Humanity
High Order Bit - Architecture for Humanitykkjjkevin03
 
Hey open source, don’t forget the user! - by Chad Kieffer
Hey open source,  don’t forget the user! - by Chad KiefferHey open source,  don’t forget the user! - by Chad Kieffer
Hey open source, don’t forget the user! - by Chad Kiefferdmthompson
 
Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...
Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...
Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...Software Park Thailand
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframesHong Qu
 
Designing for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of ExperiencesDesigning for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of ExperiencesJeremy Johnson
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivityjylee_kgit
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product managementPhil Barrett
 
10 Things About Plone - Software Freedom Day 2008
10 Things About Plone - Software Freedom Day 200810 Things About Plone - Software Freedom Day 2008
10 Things About Plone - Software Freedom Day 2008Jazkarta, Inc.
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must DesignAndrew Malek
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction DesignChristina Wodtke
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product ExperiencesJeremy Johnson
 
Pete Goodliffe A Tale Of Two Systems
Pete Goodliffe A Tale Of Two SystemsPete Goodliffe A Tale Of Two Systems
Pete Goodliffe A Tale Of Two Systemsdeimos
 
Inleiding tot chi
Inleiding tot chiInleiding tot chi
Inleiding tot chiErik Duval
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR SystemsMark Billinghurst
 
Designing with Giant Pictures
Designing with Giant PicturesDesigning with Giant Pictures
Designing with Giant PicturesTraction
 
A question of craftsmanship
A question of craftsmanshipA question of craftsmanship
A question of craftsmanshipAgileOnTheBeach
 

Similaire à But I'm a Bloody Designer! (20)

Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
Do Try This At Home  Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...Do Try This At Home  Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
 
Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...
Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...
Being Amazon for Software Developers - IDE 2.0: Crowdsourcing mal anders #Jav...
 
Kill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your PrototypesKill Your Darlings: Solving Design by Throwing Away Your Prototypes
Kill Your Darlings: Solving Design by Throwing Away Your Prototypes
 
High Order Bit - Architecture for Humanity
High Order Bit - Architecture for HumanityHigh Order Bit - Architecture for Humanity
High Order Bit - Architecture for Humanity
 
Hey open source, don’t forget the user! - by Chad Kieffer
Hey open source,  don’t forget the user! - by Chad KiefferHey open source,  don’t forget the user! - by Chad Kieffer
Hey open source, don’t forget the user! - by Chad Kieffer
 
Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...
Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...
Thailand SPIN: Series 3: กุญแจสู่ความสำเร็จในการเขียนโปรแกรมให้ตรงกับความต้อง...
 
Introduction to building wireframes
Introduction to building wireframesIntroduction to building wireframes
Introduction to building wireframes
 
Designing for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of ExperiencesDesigning for Sensors 
& the Future of Experiences
Designing for Sensors 
& the Future of Experiences
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
UX, Agile and product management
UX, Agile and product managementUX, Agile and product management
UX, Agile and product management
 
Imagecon Itai
Imagecon ItaiImagecon Itai
Imagecon Itai
 
10 Things About Plone - Software Freedom Day 2008
10 Things About Plone - Software Freedom Day 200810 Things About Plone - Software Freedom Day 2008
10 Things About Plone - Software Freedom Day 2008
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must Design
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
Pete Goodliffe A Tale Of Two Systems
Pete Goodliffe A Tale Of Two SystemsPete Goodliffe A Tale Of Two Systems
Pete Goodliffe A Tale Of Two Systems
 
Inleiding tot chi
Inleiding tot chiInleiding tot chi
Inleiding tot chi
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems
 
Designing with Giant Pictures
Designing with Giant PicturesDesigning with Giant Pictures
Designing with Giant Pictures
 
A question of craftsmanship
A question of craftsmanshipA question of craftsmanship
A question of craftsmanship
 

Dernier

COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 

Dernier (20)

COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 

But I'm a Bloody Designer!

  • 1. But I’m a Bloody Designer! Mike Stenhouse / Trampoline Systems / Donotremove1
  • 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 5
  • 6. ✤ 1996 iFrame Remoting ✤ 1998 Microsoft Remote Scripting ✤ 1999 Microsoft Office 2000 Web Access ✤ 2002 Flash 4 Remoting 6
  • 9. 9
  • 10. 10
  • 11. 11
  • 12. 12
  • 13. 13
  • 14. 14
  • 15. 15
  • 16. 16
  • 17. 17
  • 18. 18
  • 19. 19
  • 20. 20
  • 21. 21
  • 22. 22
  • 23. 23
  • 24. 24
  • 25. 25
  • 27. 27
  • 28. 28
  • 30. “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.” molly.com 30
  • 31. ✤ User experience ✤ Web designer designer ✤ Web product designer ✤ User interface designer ✤ Web interface ✤ Web interface designer developer ✤ Web standards ✤ Web standards designer developer ✤ Usability consultant ✤ Designer ✤ Accessibility consultant ✤ Rails developer 31
  • 32. “Photoshop, Usability, Accessibility, Information Architecture, Interaction Design, User Experience, HTML, CSS, Javascript, Ajax, PHP, Ruby, Rails, Patterns, Databases. Good communication skills essential.” Mike-a-like 32
  • 33. “If you think you understand the problem then you clearly haven’t thought about it enough.” Craig Mcmillan 33
  • 35. “There are only two hard things in computer science: cache invalidation and naming things.” Tim Bray quoting Phil Karlton 35
  • 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.” Garrett Dimon / garrettdimon.com 36
  • 37. “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.” designcouncil.org.uk 37
  • 38. “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.” Jonathan Ive / designmuseum.org 38
  • 39. “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.” Jon Lax / uxmag.com 39
  • 40. Interaction aware developers 40
  • 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.” Jono DiCarlo / humanized.com 41
  • 42. “Each developer is assigned to maintain their own features and respond to bug reports from users.” Marc Hedlund / radar.oreilly.com 42
  • 43. 43
  • 45. “Designers learn empathy by spending time in the lives and environments of real customers.” adaptivepath.com 45
  • 46. Agile 46
  • 47. ✤ 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
  • 48. Pairing 48
  • 49. Design 49
  • 51. Features 51
  • 57. Behaviour driven development 57
  • 58. “What should this do?” wikipedia.org/wiki/Behavior_driven_development 58
  • 61. “You can tell people how it feels but everyone needs their own epiphany.” Matt Biddulph 61
  • 62. “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.” Josh Davis 62
  • 63. But I’m a Bloody Designer! Mike Stenhouse / Trampoline Systems / Donotremove 63
  • 64. 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
  • 65. 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