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

Engineering of Craft - Let's Sketch Tech

Engineering of Craft - Let's Sketch Tech

In this talk, we'll talk about making a pair of hiking pants from scratch while using the product development process. We’ll talk about patterns, prototypes, testing, and bug fixing... without reviewing a single line of code. 😉

It's also the backstory for Alpine Parrot, a new outdoor apparel company for plus size women. 🎉 Come for the pants, stay for the puns, and let's explore two seemingly different industries with a single development framework!

Raquel Vélez

May 16, 2020
Tweet

More Decks by Raquel Vélez

Other Decks in Programming

Transcript

  1. Raquel Vélez
    @rockbot
    @alpineparrotco
    The Engineering of
    Craft

    View full-size slide

  2. let's talk about pants

    View full-size slide

  3. but use the
    engineering development
    process

    View full-size slide

  4. This is also the backstory of
    Pssst:

    View full-size slide

  5. let’s compare the two
    Code vs Pants
    https://bit.ly/2VQvIEO

    View full-size slide

  6. The Product Spec

    View full-size slide

  7. Our Customer
    Engineer by trade
    Likes to hike, ski, and climb
    Based in SF, but also spends
    time in the woods

    View full-size slide

  8. Our Customer
    Engineer by trade
    Likes to hike, ski, and climb
    Based in SF, but also spends
    time in the woods
    that’s me!

    View full-size slide

  9. The Problem
    Hiking pants that fit are hard
    to find
    Pants gape at the waist and
    are tight in the hips, resulting
    in distractions on the trail
    https://i.imgur.com/z7TNt9X_d.jpg

    View full-size slide

  10. Proposed Solution
    A custom-made pair of hiking
    pants!
    https://bit.ly/2YwnAar

    View full-size slide

  11. Success Criteria
    Adjustable in waist
    Roomy enough for lots of
    bending
    POCKETS

    View full-size slide

  12. but wait -
    why are pants so tricky?

    View full-size slide

  13. Everyone has trouble finding clothes that fit well
    A Quick Primer on Clothes + Fit
    https://bit.ly/2JcVvkN

    View full-size slide

  14. Designers start with a “fit model”
    A Quick Primer on Clothes + Fit
    a pattern is made to fit them perfectly

    View full-size slide

  15. A Quick Primer on Clothes + Fit
    https://bit.ly/2JcVvkN
    cut and spread to create a larger size
    Then they algorithmically update the pattern for everyone else

    View full-size slide

  16. A Quick Primer on Clothes + Fit
    https://bit.ly/2JcVvkN
    cut and overlap to create a smaller size
    This process is called grading

    View full-size slide

  17. WOMEN’S SIZE 16 PANTS
    Size Guide Comparison
    Eddie Bauer Kühl Old Navy REI Variation
    Waist
    35 - 36.5 in
    (89 - 93 cm)
    35.5 - 36.5 in
    (90 - 93 cm)
    34.5 in
    (88 cm)
    35.5 in
    (90 cm)
    2 in
    (5 cm)
    Hip
    44.5 - 46 in
    (113 - 117 cm)
    45 - 47 in
    (114 - 119 cm)
    45.5 in
    (116 cm)
    45 in
    (114 cm)
    2.5 in
    (6 cm)
    Inseam
    32 in
    (81 cm)
    32 in
    (81 cm)
    32 in
    (81 cm)
    31 in
    (79 cm)
    1 in
    (2 cm)

    View full-size slide

  18. The Tech Spec

    View full-size slide

  19. Two Options for Custom Hiking Pants
    TAKE A PATTERN THAT ALREADY
    EXISTS AND MODIFY IT
    • Pros:
    • Instructions + community exist
    • Avoid NIH syndrome
    • Cons:
    • Made for “generic human”; but every
    human is unique and making it fit is
    going to be time-consuming

    View full-size slide

  20. Two Options for Custom Hiking Pants
    TAKE A PATTERN THAT ALREADY
    EXISTS AND MODIFY IT
    • Pros:
    • Instructions + community exist
    • Avoid NIH syndrome
    • Cons:
    • Made for “generic human”; but every
    human is unique and making it fit is
    going to be time-consuming
    CREATE A PATTERN FROM
    SCRATCH
    • Pros:
    • Make exactly what we want
    • It’s been done before, in principle
    • Cons:
    • Requires skill to do well
    • Will likely still be painfully time-
    consuming

    View full-size slide

  21. Two Options for Custom Hiking Pants
    TAKE A PATTERN THAT ALREADY
    EXISTS AND MODIFY IT
    • Pros:
    • Instructions + community exist
    • Avoid NIH syndrome
    • Cons:
    • Made for “generic human”; but every
    human is unique and making it fit is
    going to be time-consuming
    CREATE A PATTERN FROM
    SCRATCH
    • Pros:
    • Make exactly what we want
    • It’s been done before, in principle
    • Cons:
    • Requires skill to do well
    • Will likely still be painfully time-
    consuming

    View full-size slide

  22. The Pattern
    Start with measurements
    Add ease
    Draft it on paper

    View full-size slide

  23. Our First Prototype

    View full-size slide

  24. Prototyping
    Basics
    Throw away-able
    Quick turnaround
    Cheap fabric
    No finishing touches
    Continuous iteration
    cut the
    pattern pieces
    sew the
    pieces
    together
    fit the garment
    to the end-user
    modify the
    pattern

    View full-size slide

  25. TDD: Test-Driven
    Development

    View full-size slide

  26. Note: The Tests Are
    Always Perfect

    View full-size slide

  27. Warning:
    You cannot unsee what you are
    about to see

    View full-size slide

  28. These are blockers to production
    Failing Tests
    1
    2
    3

    View full-size slide

  29. Break and Iterate
    Broken tests = time to fix the code
    Let's change the pattern to take
    fabric out of the crotch, add room
    at the hips, and pull the back waist
    down
    2 2
    1
    3

    View full-size slide

  30. Unit vs
    Integration Tests
    It’s one thing for the tests to
    pass when standing, but do
    they still pass during
    movement?

    View full-size slide

  31. Unit vs
    Integration Tests
    It’s one thing for the tests to
    pass when standing, but do
    they still pass during
    movement?

    View full-size slide

  32. Unit vs
    Integration Tests
    It’s one thing for the tests to
    pass when standing, but do
    they still pass during
    movement?
    (Answer: nope.)

    View full-size slide

  33. Staging, Round 2

    View full-size slide

  34. Unit vs
    Integration Tests
    Terrible angle of video, but
    note the general environment

    View full-size slide

  35. Unit vs
    Integration Tests
    Terrible angle of video, but
    note the general environment

    View full-size slide

  36. Unit vs
    Integration Tests
    Terrible angle of video, but
    note the general environment

    Tests: Pass!

    View full-size slide

  37. No more blockers
    for production!

    View full-size slide

  38. Retrospective

    View full-size slide

  39. Version Control
    TFW you're certain you'll
    remember what that meant
    and then you get distracted
    and come back to it later and
    totally forget

    View full-size slide

  40. More Frequent
    Commits
    What did I do here?
    Why? When?
    How do I go back?

    View full-size slide

  41. Backups
    You never know when your
    code may be corrupted

    View full-size slide

  42. Code Reviews
    It's helpful to get other
    opinions
    These two didn't help much at
    all

    View full-size slide

  43. Success?
    Yes!
    Fitted in waist
    Roomy enough for lots of
    bending
    POCKETS!

    View full-size slide

  44. look at code from a
    different angle

    View full-size slide

  45. we are craftspeople

    View full-size slide

  46. use what you know

    View full-size slide

  47. build something different

    View full-size slide

  48. break and iterate

    View full-size slide

  49. and surprise yourself with
    what you learn

    View full-size slide

  50. Raquel Vélez
    @rockbot / @_rockbot_
    @alpineparrotco
    [email protected]
    Thank you!
    Year of the Pants: https://rckbt.me/tag/yotp/
    : https://alpineparrot.co

    View full-size slide