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.

Transcript

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

   View Slide

2. The Web
   

   View Slide

3. 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. View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. 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. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

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