Team Stylus Design Presentation

  • 884 views
Uploaded on

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

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

More in: Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
884
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
6
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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 :)

Transcript

  • 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