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

Design Everything

Steve Smith
April 28, 2012

Design Everything

Workflow, Tools, and Your Business

Steve Smith

April 28, 2012
Tweet

More Decks by Steve Smith

Other Decks in Design

Transcript

  1. DESIGN EVERYTHING
    WORKFLOW, TOOLS, AND YOUR BUSINESS

    View full-size slide

  2. DESIGN?
    WHAT IS

    View full-size slide

  3. DESIGN IS
    DELIBERATELY
    MAKING SOMETHING
    EXCELLENT

    View full-size slide

  4. FAR TOO NARROW
    OUR DESIGN FOCUS IS
    DESIGN

    View full-size slide

  5. DESIGNING FEATURES
    WE SPEND TOO MUCH TIME
    HOME PAGES
    WIDGETS
    LOGOS
    NAVIGATION
    HEADERS

    View full-size slide

  6. DESIGNING EVERYTHING
    WE SHOULD BE

    View full-size slide

  7. WE SHOULD DESIGN
    DEBUGGING
    COMMUNICATION
    ANALYTICS
    COMMUNITY
    DEPLOYMENT
    ENGAGEMENT
    SUPPORT
    FEATURES
    EFFICIENCY
    ONBOARDING
    AVAILABILITY
    TEAM BUILDING
    API INTERFACES
    INTERACTION
    WORKFLOWS

    View full-size slide

  8. TEAM WORKFLOW
    THE IDEA
    DISCUSSION
    VISUALS & DEVELOPMENT
    DEPLOYMENT
    MONITOR
    ITERATE

    View full-size slide

  9. EXAMPLE?
    NEED AN

    View full-size slide

  10. HUMMING BIRD FEEDERS
    GITHUB OFFICE

    View full-size slide

  11. TEAM WORKFLOW
    THE IDEA

    View full-size slide

  12. TEAM WORKFLOW
    DISCUSSION

    View full-size slide

  13. TEAM WORKFLOW
    VISUALS

    View full-size slide

  14. TEAM WORKFLOW
    DEPLOYMENT

    View full-size slide

  15. TEAM WORKFLOW
    MONITORING

    View full-size slide

  16. TEAM WORKFLOW
    ITERATION

    View full-size slide

  17. DESIGN EVERY STEP
    YOUR TEAM NEEDS TO

    View full-size slide

  18. THOUGHT
    EVERY STEP NEEDS

    View full-size slide

  19. VISUAL DESIGN
    EVERY STEP NEEDS

    View full-size slide

  20. SIMPLICITY
    EVERY STEP NEEDS

    View full-size slide

  21. DOCUMENTED
    EVERY STEP NEEDS TO BE

    View full-size slide

  22. GITHUB WORKFLOW
    SOME EXAMPLES FROM THE

    View full-size slide

  23. IDEAS & DISCUSSION
    TOOLS FOR

    View full-size slide

  24. TEAM DISCUSSION

    View full-size slide

  25. VISUALS & DEVELOPMENT
    TOOLS FOR

    View full-size slide

  26. SCRIPT/BOOTSTRAP

    View full-size slide

  27. BRANCHES
    YOUR CODE (MASTER)
    A BRANCH
    CODE/DESIGN CHANGES
    OTHER CHANGES
    BRANCH CHANGES MERGED INTO MASTER

    View full-size slide

  28. PULL REQUESTS

    View full-size slide

  29. PULL REQUESTS

    View full-size slide

  30. DEPLOYMENT
    TOOLS FOR

    View full-size slide

  31. hubot deploy github to production
    IN CAMPFIRE
    hubot deploy github/branch-name to production
    # locks deploy to branch-name, no other deploys

    View full-size slide

  32. AUTOMATICALLY DEPLOYED
    AFTER COMMITS TO MASTER, CODE IS

    View full-size slide

  33. PULL REQUESTS

    View full-size slide

  34. MONITORING
    TOOLS FOR

    View full-size slide

  35. MUST DESIGN
    THINGS WE

    View full-size slide

  36. MOBILE DEVICES
    DESIGN FOR

    View full-size slide

  37. CUSTOMER SUPPORT
    DESIGN FOR

    View full-size slide

  38. FIRST TIME USER
    DESIGN FOR THE

    View full-size slide

  39. NOTIFICATIONS
    DESIGN EXTERNAL

    View full-size slide

  40. SPEED
    DESIGN FOR

    View full-size slide

  41. DESIGN EVERYTHING
    WE SHOULD

    View full-size slide

  42. DESIGN EVERYTHING
    WORKFLOW, TOOLS, AND YOUR BUSINESS

    View full-size slide