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

Antifragile Design (Great Wide Open)

Kevin Clark
March 16, 2016

Antifragile Design (Great Wide Open)

Kevin Clark

March 16, 2016
Tweet

More Decks by Kevin Clark

Other Decks in Design

Transcript

  1. ANTI
    FRAGILE
    DESIGN

    View full-size slide

  2. KEVIN CLARK
    Senior Product Designer, Shopify
    @vernalkick
    HELLO!

    View full-size slide

  3. DESIGNING
    AT SCALE

    View full-size slide

  4. 01 / EVERY USER
    IS DIFFERENT

    View full-size slide

  5. So who do we design for?

    View full-size slide

  6. THEIR LIFE OUR LIFE

    View full-size slide

  7. We can’t design solutions for
    problems we don’t understand

    View full-size slide

  8. Good design isn’t
    MAGIC

    View full-size slide

  9. USER RESEARCH

    View full-size slide

  10. It’s about understanding how another
    person thinks — what’s going on inside her
    head and heart. And most importantly, it’s
    about acknowledging her reasoning and
    emotions as valid, even if they differ from
    your own understanding.
    — INDI YOUNG
    PRACTICAL EMPATHY

    View full-size slide

  11. https://medium.com/design-x-data/are-you-a-good-driver-how-designers-use-data-to-get-to-the-truth-3c534fcaf9d2
    DATA

    View full-size slide

  12. Behavioural data shows us what
    people really do, and how it differs
    from what they say.
    — MATT COOPER-WRIGHT
    IDEO

    View full-size slide

  13. https://medium.com/tab-design/empathy-for-big-audiences-d0b1c5167ca2
    IDENTIFY

    MINDSETS & CONTEXTS

    View full-size slide

  14. — What is going through someone’s head when they are
    trying to achieve X?
    https://medium.com/tab-design/empathy-for-big-audiences-d0b1c5167ca2
    IDENTIFY

    MINDSETS & CONTEXTS

    View full-size slide

  15. — What is going through someone’s head when they are
    trying to achieve X?
    — What are people likely to be feeling when they want Y?
    https://medium.com/tab-design/empathy-for-big-audiences-d0b1c5167ca2
    IDENTIFY

    MINDSETS & CONTEXTS

    View full-size slide

  16. — What is going through someone’s head when they are
    trying to achieve X?
    — What are people likely to be feeling when they want Y?
    — In what context is someone going to be doing Z?
    https://medium.com/tab-design/empathy-for-big-audiences-d0b1c5167ca2
    IDENTIFY

    MINDSETS & CONTEXTS

    View full-size slide

  17. The best interface is the
    one within reach
    — CAMERON MOLL

    View full-size slide

  18. DESIGN SYSTEMS
    THAT CAN EVOLVE
    AND ADAPT TO
    USERS’ NEEDS

    View full-size slide

  19. A design system is a definition of the
    architecture, content, visual and templates
    to produce [...] a consistent and effective
    product experience.
    — NATHAN CURTIS

    View full-size slide

  20. Broccoli
    UNITED STATES

    View full-size slide

  21. Green Peppers
    JAPAN

    View full-size slide

  22. Hockey
    UNITED STATES

    View full-size slide

  23. Soccer
    UNITED KINGDOM

    View full-size slide

  24. YOU CAN’T DESIGN
    WITHOUT REAL DATA

    View full-size slide

  25. 02 / EVERYONE HAS
    DIFFERENT NEEDS
    FAIL

    View full-size slide

  26. To see what my friends are up to
    To relieve boredom
    To look at my friends' pictures
    To procrastinate
    To send messages to my friends
    To let my friends know what I'm up to
    To post my own pictures
    To look at funny videos or links
    To find friends from my past
    0 1 2 3 4 5
    http://www.sciencedirect.com/science/article/pii/S0191886911005149
    WHY DO YOU USE FACEBOOK?

    View full-size slide

  27. THE WHOLE TEAM NEEDS
    TO CARE ABOUT DESIGN
    04 /

    View full-size slide

  28. SHIP FAST AND ITERATE
    Show early

    View full-size slide

  29. SHIP FAST AND ITERATE
    Show early

    View full-size slide

  30. DEFAULT TO OPEN

    View full-size slide

  31. — Describe the problem you’re trying to solve
    — Indicate what type of feedback you’d like to receive
    — Present your work, don’t sell it
    PRESENTER

    View full-size slide

  32. — Highlight problems, not suggest solutions
    — Ask lots of questions
    — Be candid
    AUDIENCE

    View full-size slide

  33. — Make sure that people stay on track (15-20 minutes)
    — Make sure everyone has the chance to speak
    — Make sure the feedback given answers the right questions
    FACILITATOR

    View full-size slide

  34. It’s uncomfortable…

    View full-size slide

  35. It’s uncomfortable…
    at first.

    View full-size slide

  36. You want to wait until it’s perfect

    View full-size slide

  37. You want to wait until it’s perfect
    Except it’s never perfect

    View full-size slide

  38. You want to wait until it’s perfect
    Except it’s never perfect
    So you’re never done

    View full-size slide

  39. You want to wait until it’s perfect
    Except it’s never perfect
    So you’re never done
    And you never share it

    View full-size slide

  40. WORK IN PUBLIC

    View full-size slide

  41. OPEN
    SOURCE
    DESIGN

    View full-size slide

  42. Share what you know!

    View full-size slide

  43. DEALING WITH
    COMPLEXITY
    05 /

    View full-size slide

  44. “But I only need this one extra feature!”
    ×1000000000

    View full-size slide

  45. SOFTWARE
    COMPLEXITY
    OVER TIME

    View full-size slide

  46. SOFTWARE
    COMPLEXITY
    OVER TIME

    View full-size slide

  47. If your UI even vaguely
    resembles an airplane cockpit,
    you’re doing it wrong.
    — JOHN GRUBER
    http://daringfireball.net/linked/2008/12/01/fahey-bulk-rename-utility

    View full-size slide

  48. SOFTWARE
    COMPLEXITY
    OVER TIME

    View full-size slide

  49. THE SWEET SPOT

    View full-size slide

  50. DECIDE ON DEFAULTS
    RATHER THAN OPTIONS

    View full-size slide

  51. HAVE A SINGLE WAY OF
    DOING SOMETHING

    View full-size slide

  52. CHOOSE
    PERSONALIZATION
    OVER CUSTOMIZATION

    View full-size slide

  53. SO WHAT IS
    ANTIFRAGILE DESIGN?

    View full-size slide

  54. It breaks if you drop it
    FRAGILE

    View full-size slide

  55. It stays the same if you drop it
    RESILIENT

    View full-size slide

  56. It gets stronger with every hit
    ANTIFRAGILE

    View full-size slide

  57. EMBRACE
    UNCERTAINTY
    Lesson #1

    View full-size slide

  58. Lesson #2
    BE VULNERABLE

    View full-size slide

  59. Lesson #3
    DESIGN YOUR
    PROCESS

    View full-size slide

  60. Doing things
    10%
    90%
    Staring into space
    thinking about how
    to do things better

    View full-size slide

  61. THANK YOU
    @VERNALKICK

    View full-size slide