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

983

Published on

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

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
983
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Overall impact image goes here
  • Intro
  • Intro – find a number for this - http://www.flickr.com/photos/martincrockett/169943246/sizes/z/in/photostream/
  • Intro –somehow weave in collocation - http://www.flickr.com/photos/dailym/2922651812/sizes/l/in/photostream/
  • Intro – use challenge - http://www.flickr.com/photos/homiesinheaven/592866124/
  • Intro – use challenge - http://www.flickr.com/photos/facemark/4669213570/
  • Intro – use challenge - http://www.flickr.com/photos/fuzzhead/45513353/
  • Intro
  • Table of contents and layout of powerpoint – probably take out the interim slides
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!! (either website – add slide with views
  • Problem space overview – introduce the GZ crew!!! (either website – add slide with views
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!! (labels for graphcis and web team)
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Primary research – interview graphics team and web team – bust schedule, the team has to use more impersonal/boisterous ways to get his attention
  • Primary research – interview graphics team and web team – bust schedule, the team has to use more impersonal/boisterous ways to get his attention
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Problem space overview – introduce the GZ crew!!!
  • Secondary research – awareness, collaborative design, supporting a community of creative people – add why these are awesome
  • Problem space overview – introduce the GZ crew!!!
  • Exemplars – balsamiq (http://balsamiq.wpengine.netdna-cdn.com/images/mockups/screenshots/components-thumb.png) axure.com
  • Problem space overview – introduce the GZ crew!!!
  • Exemplars – the turn taking kills ya
  • Exemplars – the turn taking kills ya
  • Exemplars (artpad.art.com,)
  • Exemplars – the turn taking kills ya
  • Problem space overview – introduce the GZ crew!!!
  • Insights – put more about culture in the powerpoint – second point break down into culture
  • Insights – put more about culture in the powerpoint – second point break down into culture
  • Insights – put more about culture in the powerpoint – second point break down into culture
  • Insights
  • Insights
  • Concepts – design rogues
  • Concepts – design rogues
  • Concepts – design rogues
  • Concepts – design rogues
  • Insights
  • Concepts – wireframe cabinet
  • Concepts – wireframe cabinet
  • Concepts – wireframe cabinet
  • Concepts – design rogues
  • Insights (highligh tools, cultrue, awareness)
  • Concepts – Interactive Spec Generator
  • Concepts – Interactive Spec Generator
  • Concepts – Interactive Spec Generator
  • Concepts – design rogues
  • Insights
  • Insights
  • Design overview – sketch of team stylus
  • Design overview – sketch of team stylus
  • Design overview – sketch of team stylus
  • Design overview – sketch of team stylus
  • Concepts – design rogues
  • Insights
  • Insights
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Evaluation – leave this as my workspace
  • Evaluation – you may need to get a better angle here
  • Design walkthrough
  • Design walkthrough
  • Design walkthrough
  • Evaluation
  • Evaluation
  • Design walkthrough
  • Evaluation – put in a shot of me in there
  • Evaluation – maybe put a shot of the usb
  • Evaluation – maybe put a shot of the usb (show updated post-its)
  • Design walkthrough
  • Design walkthrough
  • Some ideas generated – change label at top
  • Some ideas generated
  • Some ideas generated
  • Some ideas generated
  • Some ideas generated
  • Some ideas generated
  • Some ideas generated
  • Evaluation – maybe use a different word for insights
  • Evaluation – maybe use a different word for insights (go with the little things and end with the AHA)
  • Evaluation – maybe use a different word for insights
  • Evaluation – maybe use a different word for insights
  • Evaluation – maybe use a different word for insights
  • Evaluation – maybe use a different word for insights (go with the little things and end with the AHA)
  • Evaluation – maybe use a different word for insights (go with the little things and end with the AHA)
  • Evaluation – maybe use a different word for insights (go with the little things and end with the AHA)
  • Evaluation – maybe use a different word for insights (go with the little things and end with the AHA)
  • Evaluation – maybe use a different word for insights
  • Moving forward – characterize diffferent / similar groups and why work with them
  • Questions slide – include email as a means to get people to contact me :)
  • Questions slide – include email as a means to get people to contact me :)
  • 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×