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

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 full-size slide

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

    View full-size slide

  3. ARE YOU IN YOUR WORK?

    View full-size slide

  4. 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 full-size slide

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

    View full-size slide

  6. STRENGTHS & VALUES
    2

    View full-size slide

  7. 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 full-size slide

  8. 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 full-size slide

  9. OUR STRENGTHS FIND US

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. 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 full-size slide

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

    View full-size slide

  14. ORBITAL LEARNING

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  18. 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 full-size slide

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

    View full-size slide

  20. 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 full-size slide

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

    View full-size slide

  22. 7
    OUR UNIQUE WEB

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  25. http://wallswaps.com/

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  29. OUR MOTIVATION
    10

    View full-size slide

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

    View full-size slide

  31. THANKS
    @colly

    View full-size slide