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

Design in GitHub

Design in GitHub

Talks @ Aarhus Alpha
June 11, 2014

Mu-An Chiou

June 11, 2014
Tweet

More Decks by Mu-An Chiou

Other Decks in Technology

Transcript

  1. Designer Developer @ GitHub
    MU-AN CHIOU
    Taipei, Taiwan

    View full-size slide

  2. Designer Developer
    it’s a thing.
    So,

    View full-size slide

  3. A designer comes up with ideas
    A developer makes it real

    View full-size slide

  4. A static mockup A web page

    View full-size slide

  5. Design happens here

    View full-size slide

  6. What is GitHub?

    View full-size slide

  7. Build software better, together

    View full-size slide

  8. Git
    The GitHub Flow
    Open Source

    View full-size slide








  9. View full-size slide









  10. View full-size slide










  11. View full-size slide









  12.  

    View full-size slide









  13.  


    View full-size slide

  14. The GitHub Flow
    For Designerds

    View full-size slide

  15. Met the Internet
    Started making websites
    Went into Product Design
    Went back to Web Design
    Background
    9 10 18 23

    View full-size slide

  16. Met the Internet
    Started making websites
    Went into Product Design
    Went back to Web Design
    9 10 18 23
    Background

    View full-size slide

  17. Patience
    Because

    View full-size slide

  18. Patience
    I have no such thing.
    Because

    View full-size slide

  19. Idea
    Prototype Reality

    View full-size slide

  20. Idea
    Prototype Reality

    View full-size slide

  21. Idea
    Prototype Reality

    View full-size slide

  22. iterations
    fast

    View full-size slide

  23. iterations
    low-cost

    View full-size slide

  24. iterations
    fast
    low-cost

    View full-size slide

  25. iterations
    lots of

    View full-size slide

  26. How does design
    happen on
    GitHub?

    View full-size slide

  27. Design in a browser
    1

    View full-size slide

  28. Start a conversation
    2

    View full-size slide

  29. Discuss, argue, review
    3

    View full-size slide

  30. Make changes accordingly
    4

    View full-size slide

  31. Everyone’s happy
    5

    View full-size slide

  32. Design in the open

    View full-size slide

  33. Feedback
    Because

    View full-size slide

  34. Contribution
    Because

    View full-size slide

  35. Collaboration
    Because

    View full-size slide

  36. Scary
    Obviously

    View full-size slide

  37. Difficult
    Obviously

    View full-size slide

  38. Rewarding
    But

    View full-size slide

  39. See you on GitHub
    @muanchiou
    MU-AN CHIOU

    View full-size slide