Design Everything

Workflow, Tools, and Your Business

Transcript

1. DESIGN EVERYTHING
   WORKFLOW, TOOLS, AND YOUR BUSINESS
   

   View Slide

2. DESIGN?
   WHAT IS
   

   View Slide

3. DESIGN IS
   DELIBERATELY
   MAKING SOMETHING
   EXCELLENT
   

   View Slide

4. FAR TOO NARROW
   OUR DESIGN FOCUS IS
   DESIGN
   

   View Slide

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

   View Slide

6. DESIGNING EVERYTHING
   WE SHOULD BE
   

   View Slide

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

   View Slide

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

   View Slide

9. EXAMPLE?
   NEED AN
   

   View Slide

10. HUMMING BIRD FEEDERS
    GITHUB OFFICE
    

    View Slide

11. TEAM WORKFLOW
    THE IDEA
    

    View Slide

12. TEAM WORKFLOW
    DISCUSSION
    

    View Slide

13. TEAM WORKFLOW
    VISUALS
    

    View Slide

14. TEAM WORKFLOW
    DEPLOYMENT
    

    View Slide

15. TEAM WORKFLOW
    MONITORING
    

    View Slide

16. TEAM WORKFLOW
    ITERATION
    

    View Slide

17. DESIGN EVERY STEP
    YOUR TEAM NEEDS TO
    

    View Slide

18. THOUGHT
    EVERY STEP NEEDS
    

    View Slide

19. VISUAL DESIGN
    EVERY STEP NEEDS
    

    View Slide

20. SIMPLICITY
    EVERY STEP NEEDS
    

    View Slide

21. DOCUMENTED
    EVERY STEP NEEDS TO BE
    

    View Slide

22. GITHUB WORKFLOW
    SOME EXAMPLES FROM THE
    

    View Slide

23. IDEAS & DISCUSSION
    TOOLS FOR
    

    View Slide

24. View Slide

25. TEAM APP
    

    View Slide

26. TEAM IDEAS
    

    View Slide

27. TEAM DISCUSSION
    

    View Slide

28. CAMPFIRE
    

    View Slide

29. TALKS
    

    View Slide

30. VISUALS & DEVELOPMENT
    TOOLS FOR
    

    View Slide

31. GITHUB.COM
    

    View Slide

32. SCRIPT/BOOTSTRAP
    

    View Slide

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

    View Slide

34. PULL REQUESTS
    

    View Slide

35. PULL REQUESTS
    

    View Slide

36. CAMPFIRE
    

    View Slide

37. PLAY APP
    

    View Slide

38. DEPLOYMENT
    TOOLS FOR
    

    View Slide

39. View Slide

40. HUBOT
    

    View Slide

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

    View Slide

42. AUTOMATICALLY DEPLOYED
    AFTER COMMITS TO MASTER, CODE IS
    

    View Slide

43. PULL REQUESTS
    

    View Slide

44. MONITORING
    TOOLS FOR
    

    View Slide

45. ERRORS
    

    View Slide

46. GRAPHS
    

    View Slide

47. GRAPHS
    

    View Slide

48. GRAPHS
    

    View Slide

49. MONITORS
    

    View Slide

50. MUST DESIGN
    THINGS WE
    

    View Slide

51. MOBILE DEVICES
    DESIGN FOR
    

    View Slide

52. CUSTOMER SUPPORT
    DESIGN FOR
    

    View Slide

53. FIRST TIME USER
    DESIGN FOR THE
    

    View Slide

54. NOTIFICATIONS
    DESIGN EXTERNAL
    

    View Slide

55. APIs
    DESIGN
    

    View Slide

56. SPEED
    DESIGN FOR
    

    View Slide

57. DESIGN EVERYTHING
    WE SHOULD
    

    View Slide

58. QUESTIONS?
    

    View Slide

59. DESIGN EVERYTHING
    WORKFLOW, TOOLS, AND YOUR BUSINESS
    

    View Slide