$30 off During Our Annual Pro Sale. View Details »

Notes from the edge

Simon Collison
November 22, 2011

Notes from the edge

Beyond Tellerrand, Düsseldorf, 22nd November 2011

Craftsmanship and communication are at the heart of everything we do on the web. With our ability to understand and overcome challenges, we should deliver engaging experiences without compromising our integrity or failing the end user. Still, we're often naive and we make the same mistakes over and over. We get hung up on our tools and confuse our goals. It's time to think and talk smarter, get our priorities straight, and learn from our mistakes.

Cover is a photo I took on top of Oslo opera house.

Simon Collison

November 22, 2011
Tweet

More Decks by Simon Collison

Other Decks in Design

Transcript

  1. NOTES FROM THE EDGE
    SIMON COLLISON

    View Slide

  2. View Slide

  3. View Slide

  4. View Slide

  5. THE DOING
    1

    View Slide

  6. What do you think you’ll be doing
    in five years?
    Interview question

    View Slide

  7. View Slide

  8. ARE YOU IN YOUR WORK?

    View Slide

  9. It took me until my 40s to realize:
    There’s no destination. There’s no
    ge ing anywhere. There’s just
    the going.
    Pa on Oswalt

    View Slide

  10. Not necessarily slowing down,
    but rather just opting out of speed.
    Frank Chimero

    View Slide

  11. SERENDIPITY

    View Slide

  12. STRENGTHS & VALUES
    2

    View Slide

  13. To progress and to create work of
    substance or even greatness, we
    each must start by knowing our
    values, our strengths, and the level
    of expertise we seek
    Strengths and values

    View Slide

  14. I have not failed 700 times. I have
    not failed once. I have succeeded
    in proving that those 700 ways
    will not work.
    Thomas Edison

    View Slide

  15. OUR STRENGTHS FIND US

    View Slide

  16. designer
    developer
    strategist
    writer
    educator
    manager
    web designer 100%

    View Slide

  17. designer
    developer
    strategist
    writer
    educator
    manager
    web designer 100%

    View Slide

  18. LEARNING
    3

    View Slide

  19. I’m self-actualised, without the stamp
    of approval from any guild, curriculum
    authority, or academic institution. I’m
    web taught. Colleague taught.
    Empirically taught.
    Jon Tan

    View Slide

  20. The sad, beautiful fact that we’re all
    going to miss almost everything
    Linda Holmes

    View Slide

  21. ORBITAL LEARNING

    View Slide

  22. FOCUS

    View Slide

  23. CRAFT
    4

    View Slide

  24. View Slide

  25. Cra smanship is a basic human
    impulse: the desire to do a job well
    for its own sake
    Richard Senne

    View Slide

  26. View Slide

  27. Discovery through doing:
    honing skills over a significant
    period of time, with substantial
    commitment.
    Our cra

    View Slide

  28. TOOLS
    5

    View Slide

  29. Tools are the scaffold for what we
    produce, the enablers. They help us
    bring our ideas to fruition.
    Our tools

    View Slide

  30. View Slide

  31. The tool doesn’t make the
    cra sman. Choosing the right
    tool for the right purpose is a
    technical and personal choice.
    Oliver Reichenstein

    View Slide

  32. INQUIRY
    6

    View Slide

  33. Inquiring beyond the “necessary”
    to explore other areas, look at
    things differently, and bring these
    findings back into our work.
    Creative inquiry

    View Slide

  34. View Slide

  35. A rich alphabet of components such as
    line and point, structure, color, shapes,
    rhythm, and movement, which we use
    to shape our messages
    Visual grammar

    View Slide

  36. View Slide

  37. View Slide

  38. A puzzle is be er than an answer
    Milton Glaser

    View Slide

  39. View Slide

  40. 7
    OUR UNIQUE WEB

    View Slide

  41. The screen brings with it different
    kinds of challenges for visual design,
    some of which occur exclusively in
    interactive media.
    Pa erns & interactions

    View Slide

  42. View Slide

  43. View Slide

  44. View Slide

  45. View Slide

  46. http://www.chromeexperiments.com/detail/browser-ball/

    View Slide

  47. http://wallswaps.com/

    View Slide

  48. View Slide

  49. SYSTEMS
    8

    View Slide

  50. We don’t design web pages.
    We design systems.
    Systems

    View Slide

  51. View Slide

  52. View Slide

  53. View Slide

  54. View Slide

  55. http://gregorywood.co.uk/ http://jasonsantamaria.com/

    View Slide

  56. VOCABULARY
    9

    View Slide

  57. The terms responsive and adaptive
    are distinct yet related, and have
    evolved naturally from outdated
    web-based layout terminology
    Responsive web design

    View Slide

  58. View Slide

  59. View Slide

  60. OUR MOTIVATION
    10

    View Slide

  61. View Slide

  62. View Slide

  63. Find problems and design responses.
    Not answers, not solutions.
    Responses.
    The designer

    View Slide

  64. View Slide

  65. THANKS
    @colly

    View Slide