Design presentation for allowing creative communities to collaborate with each other.

1. Team Stylus Casey Addy February – May 2010 Indiana University HCI/d Bringing together communities of creative people

2. Companies employ many creative people In the Workforce

3. Most Work is Done By Teams Image from flickr (martinc)

4. Image from flickr (DailyM) Individuals Need to Know Latest Information

5. Difficult to Manage Schedules and People Image from flickr (Homies in Heaven)

6. Always Work to Plan and Deliver Image from flickr (Marc Ellison)

7. How Can Companies Tackle this Challenge? Image from flickr (deepwarren)

8. Companies employ many creative people What You’ll See Tonight

9. Design Walkthrough Concept Ideation Understanding the Opportunity for Design A Look at This Problem for a Company Design Evaluation Moving Forward Overview

10. Walkthrough Ideation Research Introduction Moving Forward Primary Research | | | | Primary Secondary Exemplars Design Insights | | |

11. Meet GameZombie.tv Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |

12. Web Videos Focusing on Gaming Image from GameZombie.tv

13. Continuing to Work on their Website Image from GameZombie.tv

14. Behind the Scenes

15. The Creative Director is in Charge

16. Creative Director Duties Fluent with many industry tools Micromanages and teleconferences with other GameZombie managers Teaches students powerful industry tools

17. Multiple Teams Collaborate to Produce Videos Graphics Audio Web Editing Writing

18. They want to make a better website for the company Primary Research Everyone Critiques Work on Projector

19. Social and Fast-Paced Environment

20. “ It’s a roller coaster – there are times where lots get done, and other times nothing” Life on the Graphics Team Have to be rude to get Creative Director’s attention since he is very busy Need to know in advance when to arrive for other team meetings and needed assets

21. “ I just manage the pixels on the screen and backend data” Life on the Web Team Have to use the company forum to get information when not at meetings

22. Secondary Research Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |

23. Awareness

24. “ the understanding of the activities of others , which provides a context for your own activity ” Dourish, Paul and Victoria Bellotti (1992)

25. Community and Collaborative Design

26. Team Storm Designer’s Notepad CoOL Studio Images from Twidale et al (1993), Craig et al (2000), Hailpern, J., Hinterbichler, E., Leppert, C., Cook, D., and Bailey, B. P. (2007).

27. Design Exemplars Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |

28. inPreso Axure Wireframing Tools Images from (axure.com and inpreso.com)

29. Collaboration Only Happens Through Physical File Sharing

30. Collaborative Wireframing Tools Images from (gliffy.com, mockflow.com, and mockingbird.com) Gliffy Mockflow Mockingbird

31. Collaboration Only Happens Through Non-Collocated URL Sharing

32. Sketching Tools Images from (flashpaint.com, art.com, and sketchandsmudge.com) ArtPad FlashPaint SketchStudio

33. Simpler Tools Lower Barrier to Collaborate and Create Ideas

34. Design Insights Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |

35. Others understand what you are doing Benefits of Designing for Awareness Understand the thoughts and actions of others Have the latest information Helps to bring everyone together Speeds up the process of communicating

36. Utilizing Team Culture for Awareness

37. Awareness and Community Collaboration Opportunity to Enhance Current Sketching Tools Work Culture Creation Tools

38. Concept Ideation Walkthrough Ideation Research Introduction Moving Forward | | | |

39. Design Rogues Collaborative Design Hunting

40. Log into the Company Portal

41. Select a Rogue to Find Design Inspiration

42. Come back and critique your spoils! View the Spoils of Design Hunting

43. Review the Team’s Spoils Together

44. Wireframe Cabinet Gathering Design Artifacts

45. Log into the Company Portal

46. View and Add to Company Design

47. Give Input on the Design Direction

48. Review the Design Ideas Together

49. Interactive Spec Generator Using the Space of Design Activities

50. Design Talk Happens Everywhere

51. Room Listens to Team Ideation

52. Design Notes Placed on Company Portal

53. Review the Day’s Notes Together

54. Design Walkthrough Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |

55. Team Stylus Bringing Creative Communities Together

56. Everyone is Working

57. Can See Your Workspace and the Projector

58. Grab the Current Design from the Projector

59. Improve the Design and Share

60. Reflect on the Ideas Together

61. Team Stylus in Situ Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |

62. Team is Working on a New Site Concept

63. Jon Wants to Add to Design

64. Jon Creates His Idea

65. Jon Sends it to the Projector Presses Y/N button to make the design “public” or “private”

66. Everyone Can Immediately See the Idea

67. Henry Wants to Add to Idea

68. Drags the Projector View to His Space

69. Projector View is Imported to Henry’s Space

70. Design Evaluation Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |

71. “ Wizard of Oz” Prototyping Tools

72. Prototyping Toolkit Paper Tools and a Laptop

73. Prototyping Toolkit Individual User’s View in Team Stylus

74. Evaluation Scenario

75. 4 Participants 1 Creative Director, 3 Employees

76. Create an “About” Page for the Web

77. Prototype Setup and Running

78. Prototype Setup and Running Creative Director Employees

79. When Someone Wanted to Share

80. “ Wizard” Springs into Action

81. Save Design to Flash Drive

82. Update All Team Post-it Notes and Projector

83. Team Continued Until End of Session ( 30 Minutes )

84. Ideas Created from Prototype

85. Initial Direction from Creative Director

86. Employee-Submitted Idea

87. Evolution of Previous Idea

88. Quick Modification

89. Alternate Direction (Not Made Public)

90. Editing of Public Design

91. Another Approach (Not Made Public)

92. Evaluation Insights Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |

93. Thoughts from Participants

94. Creative and Emergent Inspiration

95. Participants Engaged With Creative Activity

96. Suggested Improvements Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |

97. The projector view was fixed during the session Movable Projector View

98. Participants wanted to know who created and improved their designs Design Attribution

99. Include IM/Chat Tools Participants talked very rarely to each other, despite being close

100. Ability to See All Designs Participants wanted a chance to view and talk about all ideas

101. Moving Forward Walkthrough Ideation Research Introduction Moving Forward | | | |

102. Make a high fidelity prototype Continue testing test with more users Test with other creative groups Integrate feedback from experience prototype

103. Questions? Comments?

104. E-mail : caseymaddy@gmail.com