Upgrade to Pro — share decks privately, control downloads, hide ads and more …

codecraft

 codecraft

GE Design Conference
San Francisco, CA
May 12, 2014

I gave this talk at GE's first annual Design Conference, which discusses the rapid pace of change in development practices over the last ten years, and its implications for how we practice design.

Dane Petersen

May 12, 2014
Tweet

More Decks by Dane Petersen

Other Decks in Design

Transcript

  1. codecraft
    dane petersen
    GE design conference
    may 12, 2014

    View Slide

  2. The Web

    View Slide

  3. 2005

    View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. “Desktop applications have a
    richness and responsiveness
    that has seemed out of reach
    on the Web.”

    View Slide

  9. “Desktop applications have a
    richness and responsiveness
    that has seemed out of reach
    on the Web.”

    View Slide

  10. View Slide

  11. View Slide

  12. “Forget what we think we
    know about the limitations
    of the Web, and begin to
    imagine a wider, richer
    range of possibilities.”

    View Slide

  13. “Forget what we think we
    know about the limitations
    of the Web, and begin to
    imagine a wider, richer
    range of possibilities.”

    View Slide

  14. Since then…

    View Slide

  15. 2005

    View Slide

  16. 2006
    2005

    View Slide

  17. 2006
    2007
    2005

    View Slide

  18. 2006
    2007
    2008
    2005

    View Slide

  19. 2006
    2007
    2008
    2009
    2005

    View Slide

  20. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  21. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  22. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  23. 2006
    2007
    2008
    2009
    2010
    2005
    2011

    View Slide

  24. 2006
    2007
    2008
    2009
    2010
    2005
    2011
    2012

    View Slide

  25. 2011
    2012
    2013
    2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  26. 2011
    2012
    2013
    2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  27. 2011
    2012
    2013
    ?
    2014
    2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  28. Our ability to express the rich
    experience of the modern web is
    hobbled by design tools that are
    stuck in a static past.

    View Slide

  29. Meanwhile…

    View Slide

  30. “Ajax applications inevitably involve
    running complex JavaScript code on
    the client. Making that complex code
    efficient and bug-free is not a task to be
    taken lightly, and better development
    tools and frameworks will be needed
    to help us meet that challenge.”

    View Slide

  31. “Ajax applications inevitably involve
    running complex JavaScript code on
    the client. Making that complex code
    efficient and bug-free is not a task to be
    taken lightly, and better development
    tools and frameworks will be needed
    to help us meet that challenge.”

    View Slide

  32. 2005

    View Slide

  33. 2006
    2005

    View Slide

  34. 2006
    2007
    2005

    View Slide

  35. 2006
    2007
    2008
    2005

    View Slide

  36. 2006
    2007
    2008
    2005

    View Slide

  37. 2006
    2007
    2008
    2009
    2005

    View Slide

  38. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  39. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  40. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  41. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  42. 2006
    2007
    2008
    2009
    2010
    2005

    View Slide

  43. Bootstrap
    2006
    2007
    2008
    2009
    2010
    2011
    2005

    View Slide

  44. Bootstrap
    2006
    2007
    2008
    2009
    2010
    2011
    2012
    2005

    View Slide

  45. Bootstrap
    2006
    2007
    2008
    2009
    2010
    2011
    2012
    2013
    2005

    View Slide

  46. Bootstrap
    ?
    2014
    2006
    2007
    2008
    2009
    2010
    2011
    2012
    2013
    2005

    View Slide

  47. Bootstrap
    2014
    2006
    2007
    2008
    2009
    2010
    2011
    2012
    2013
    2005

    View Slide

  48. Bootstrap
    2014
    2006
    2007
    2008
    2009
    2010
    2011
    2012
    2013
    2005

    View Slide

  49. Design in Code

    View Slide

  50. Design in Code

    View Slide

  51. Design in Code
    Designers Should Code

    View Slide

  52. Design in Code
    Designers Should Code

    View Slide

  53. Maybe this isn’t about us at all.

    View Slide

  54. Bootstrap

    View Slide

  55. Code is infinitely malleable, which makes it
    a fantastic medium for creating tools.
    Code is infinitely malleable

    View Slide

  56. Great developers demonstrate
    the same care, skill and ingenuity
    in their craft as great designers.
    Great developers demonstrate
    the same care, skill and ingenuity
    in their craft

    View Slide

  57. 2014
    ?

    View Slide

  58. 2014

    View Slide

  59. Designers gonna design. Coders gonna code.

    View Slide

  60. Imagine wider,
    richer possibilities.

    View Slide

  61. Craft the tools
    that bring them to life.

    View Slide


  62. View Slide