Team Stylus Design Presentation

1,320 views

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
1,320
On SlideShare
0
From Embeds
0
Number of Embeds
201
Actions
Shares
0
Downloads
8
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

    ×