Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Team Stylus Casey Addy February – May 2010 Indiana University HCI/d Bringing together communities of creative people
Companies employ many creative people In the  Workforce
Most Work is Done By Teams Image from flickr (martinc)
Image from flickr (DailyM) Individuals Need to Know Latest Information
Difficult to Manage Schedules and People Image from flickr (Homies in Heaven)
Always Work to Plan and Deliver Image from flickr (Marc Ellison)
How Can Companies Tackle this Challenge? Image from flickr (deepwarren)
Companies employ many creative people What You’ll See Tonight
Design Walkthrough Concept Ideation Understanding the Opportunity for Design A Look at This Problem for a Company Design E...
Walkthrough Ideation Research Introduction Moving Forward Primary Research | | | | Primary Secondary Exemplars Design Insi...
Meet GameZombie.tv Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design In...
Web Videos Focusing on Gaming Image from GameZombie.tv
Continuing to Work on their Website Image from GameZombie.tv
Behind the Scenes
The Creative Director is in Charge
Creative Director Duties Fluent with many industry tools Micromanages and teleconferences with other GameZombie managers T...
Multiple Teams Collaborate to Produce Videos Graphics Audio Web Editing Writing
They want to make a better website for the company Primary Research Everyone Critiques Work on Projector
Social and Fast-Paced Environment
“ It’s a roller coaster – there are times where lots get done, and other times nothing” Life on the Graphics Team Have to ...
“ I just manage the pixels on the screen and backend data” Life on the Web Team Have to use the company forum to get infor...
Secondary Research Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design In...
Awareness
“ the  understanding  of the  activities of others , which provides a  context  for  your own activity ” Dourish, Paul and...
Community  and  Collaborative  Design
Team Storm Designer’s Notepad CoOL Studio Images from Twidale et al (1993), Craig et al (2000), Hailpern, J., Hinterbichle...
Design Exemplars Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insi...
inPreso Axure Wireframing Tools Images from (axure.com and inpreso.com)
Collaboration  Only Happens Through  Physical File Sharing
Collaborative Wireframing Tools Images from (gliffy.com, mockflow.com, and mockingbird.com) Gliffy Mockflow Mockingbird
Collaboration  Only Happens Through  Non-Collocated URL Sharing
Sketching Tools Images from (flashpaint.com, art.com, and sketchandsmudge.com) ArtPad FlashPaint SketchStudio
Simpler  Tools  Lower Barrier  to  Collaborate  and  Create  Ideas
Design Insights Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insig...
Others understand what you are doing Benefits of Designing for Awareness Understand the thoughts and actions of others Hav...
Utilizing Team Culture for Awareness
Awareness and Community Collaboration Opportunity to Enhance Current Sketching Tools Work Culture Creation Tools
Concept Ideation Walkthrough Ideation Research Introduction Moving Forward | | | |
Design Rogues Collaborative Design Hunting
Log into the Company Portal
Select a Rogue to Find Design Inspiration
Come back and critique your spoils! View the Spoils of Design Hunting
Review the Team’s Spoils Together
Wireframe Cabinet Gathering Design Artifacts
Log into the Company Portal
View and Add to Company Design
Give Input on the Design Direction
Review the Design Ideas Together
Interactive Spec Generator Using the Space of Design Activities
Design Talk Happens Everywhere
Room Listens to Team Ideation
Design Notes Placed on Company Portal
Review the Day’s Notes Together
Design Walkthrough Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction M...
Team Stylus Bringing Creative Communities Together
Everyone is Working
Can See Your Workspace and the Projector
Grab the Current Design from the Projector
Improve the Design and Share
Reflect on the Ideas Together
Team Stylus in Situ Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction ...
Team is Working on a New Site Concept
Jon Wants to Add to Design
Jon Creates His Idea
Jon Sends it to the Projector Presses Y/N button to make the design “public” or  “private”
Everyone Can Immediately See the Idea
Henry Wants to Add to Idea
Drags the Projector View to His Space
Projector View is Imported to Henry’s Space
Design Evaluation Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Mo...
“ Wizard of Oz” Prototyping Tools
Prototyping Toolkit Paper Tools and a Laptop
Prototyping Toolkit Individual User’s View in Team Stylus
Evaluation Scenario
4 Participants 1 Creative Director, 3 Employees
Create  an  “About” Page  for the Web
Prototype Setup and Running
Prototype Setup and Running Creative Director Employees
When Someone Wanted to Share
“ Wizard” Springs into Action
Save Design to Flash Drive
Update All Team Post-it Notes and Projector
Team Continued Until End of Session (  30 Minutes  )
Ideas Created from Prototype
Initial Direction from Creative Director
Employee-Submitted Idea
Evolution of Previous Idea
Quick Modification
Alternate Direction (Not Made Public)
Editing of Public Design
Another Approach (Not Made Public)
Evaluation Insights Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction ...
Thoughts from Participants
Creative and Emergent Inspiration
Participants Engaged With Creative Activity
Suggested Improvements Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introducti...
The projector view was fixed during the session Movable Projector View
Participants wanted to know who created and improved their designs Design Attribution
Include IM/Chat Tools Participants talked very rarely to each other, despite being close
Ability to See All Designs Participants wanted a chance to view and talk about all ideas
Moving Forward Walkthrough Ideation Research Introduction Moving Forward | | | |
Make a high fidelity prototype Continue testing test with more users Test with other creative groups Integrate feedback fr...
Questions?  Comments?
E-mail : caseymaddy@gmail.com
Upcoming SlideShare
Loading in …5
×

Team Stylus Design Presentation

1,380 views

Published on

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

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

Team Stylus Design Presentation

  1. 1. Team Stylus Casey Addy February – May 2010 Indiana University HCI/d Bringing together communities of creative people
  2. 2. Companies employ many creative people In the Workforce
  3. 3. Most Work is Done By Teams Image from flickr (martinc)
  4. 4. Image from flickr (DailyM) Individuals Need to Know Latest Information
  5. 5. Difficult to Manage Schedules and People Image from flickr (Homies in Heaven)
  6. 6. Always Work to Plan and Deliver Image from flickr (Marc Ellison)
  7. 7. How Can Companies Tackle this Challenge? Image from flickr (deepwarren)
  8. 8. Companies employ many creative people What You’ll See Tonight
  9. 9. Design Walkthrough Concept Ideation Understanding the Opportunity for Design A Look at This Problem for a Company Design Evaluation Moving Forward Overview
  10. 10. Walkthrough Ideation Research Introduction Moving Forward Primary Research | | | | Primary Secondary Exemplars Design Insights | | |
  11. 11. Meet GameZombie.tv Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |
  12. 12. Web Videos Focusing on Gaming Image from GameZombie.tv
  13. 13. Continuing to Work on their Website Image from GameZombie.tv
  14. 14. Behind the Scenes
  15. 15. The Creative Director is in Charge
  16. 16. Creative Director Duties Fluent with many industry tools Micromanages and teleconferences with other GameZombie managers Teaches students powerful industry tools
  17. 17. Multiple Teams Collaborate to Produce Videos Graphics Audio Web Editing Writing
  18. 18. They want to make a better website for the company Primary Research Everyone Critiques Work on Projector
  19. 19. Social and Fast-Paced Environment
  20. 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. 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. 22. Secondary Research Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |
  23. 23. Awareness
  24. 24. “ the understanding of the activities of others , which provides a context for your own activity ” Dourish, Paul and Victoria Bellotti (1992)
  25. 25. Community and Collaborative Design
  26. 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. 27. Design Exemplars Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |
  28. 28. inPreso Axure Wireframing Tools Images from (axure.com and inpreso.com)
  29. 29. Collaboration Only Happens Through Physical File Sharing
  30. 30. Collaborative Wireframing Tools Images from (gliffy.com, mockflow.com, and mockingbird.com) Gliffy Mockflow Mockingbird
  31. 31. Collaboration Only Happens Through Non-Collocated URL Sharing
  32. 32. Sketching Tools Images from (flashpaint.com, art.com, and sketchandsmudge.com) ArtPad FlashPaint SketchStudio
  33. 33. Simpler Tools Lower Barrier to Collaborate and Create Ideas
  34. 34. Design Insights Walkthrough Ideation Research Introduction Moving Forward | | | | Primary Secondary Exemplars Design Insights | | |
  35. 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. 36. Utilizing Team Culture for Awareness
  37. 37. Awareness and Community Collaboration Opportunity to Enhance Current Sketching Tools Work Culture Creation Tools
  38. 38. Concept Ideation Walkthrough Ideation Research Introduction Moving Forward | | | |
  39. 39. Design Rogues Collaborative Design Hunting
  40. 40. Log into the Company Portal
  41. 41. Select a Rogue to Find Design Inspiration
  42. 42. Come back and critique your spoils! View the Spoils of Design Hunting
  43. 43. Review the Team’s Spoils Together
  44. 44. Wireframe Cabinet Gathering Design Artifacts
  45. 45. Log into the Company Portal
  46. 46. View and Add to Company Design
  47. 47. Give Input on the Design Direction
  48. 48. Review the Design Ideas Together
  49. 49. Interactive Spec Generator Using the Space of Design Activities
  50. 50. Design Talk Happens Everywhere
  51. 51. Room Listens to Team Ideation
  52. 52. Design Notes Placed on Company Portal
  53. 53. Review the Day’s Notes Together
  54. 54. Design Walkthrough Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |
  55. 55. Team Stylus Bringing Creative Communities Together
  56. 56. Everyone is Working
  57. 57. Can See Your Workspace and the Projector
  58. 58. Grab the Current Design from the Projector
  59. 59. Improve the Design and Share
  60. 60. Reflect on the Ideas Together
  61. 61. Team Stylus in Situ Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |
  62. 62. Team is Working on a New Site Concept
  63. 63. Jon Wants to Add to Design
  64. 64. Jon Creates His Idea
  65. 65. Jon Sends it to the Projector Presses Y/N button to make the design “public” or “private”
  66. 66. Everyone Can Immediately See the Idea
  67. 67. Henry Wants to Add to Idea
  68. 68. Drags the Projector View to His Space
  69. 69. Projector View is Imported to Henry’s Space
  70. 70. Design Evaluation Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |
  71. 71. “ Wizard of Oz” Prototyping Tools
  72. 72. Prototyping Toolkit Paper Tools and a Laptop
  73. 73. Prototyping Toolkit Individual User’s View in Team Stylus
  74. 74. Evaluation Scenario
  75. 75. 4 Participants 1 Creative Director, 3 Employees
  76. 76. Create an “About” Page for the Web
  77. 77. Prototype Setup and Running
  78. 78. Prototype Setup and Running Creative Director Employees
  79. 79. When Someone Wanted to Share
  80. 80. “ Wizard” Springs into Action
  81. 81. Save Design to Flash Drive
  82. 82. Update All Team Post-it Notes and Projector
  83. 83. Team Continued Until End of Session ( 30 Minutes )
  84. 84. Ideas Created from Prototype
  85. 85. Initial Direction from Creative Director
  86. 86. Employee-Submitted Idea
  87. 87. Evolution of Previous Idea
  88. 88. Quick Modification
  89. 89. Alternate Direction (Not Made Public)
  90. 90. Editing of Public Design
  91. 91. Another Approach (Not Made Public)
  92. 92. Evaluation Insights Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |
  93. 93. Thoughts from Participants
  94. 94. Creative and Emergent Inspiration
  95. 95. Participants Engaged With Creative Activity
  96. 96. Suggested Improvements Sketching In Situ Evaluation Insights | | | Improvements | Walkthrough Ideation Research Introduction Moving Forward | | | |
  97. 97. The projector view was fixed during the session Movable Projector View
  98. 98. Participants wanted to know who created and improved their designs Design Attribution
  99. 99. Include IM/Chat Tools Participants talked very rarely to each other, despite being close
  100. 100. Ability to See All Designs Participants wanted a chance to view and talk about all ideas
  101. 101. Moving Forward Walkthrough Ideation Research Introduction Moving Forward | | | |
  102. 102. Make a high fidelity prototype Continue testing test with more users Test with other creative groups Integrate feedback from experience prototype
  103. 103. Questions? Comments?
  104. 104. E-mail : caseymaddy@gmail.com

×