team stylus design presentation
DESCRIPTION
Design presentation for allowing creative communities to collaborate with each other.TRANSCRIPT
Team Stylus
Casey AddyFebruary – May 2010Indiana University HCI/d
Bringing together communities of creative people
Companies employ many creative people
In the Workforce
Most Work is Done By TeamsImage from flickr (martinc)
Image from flickr (DailyM)
Individuals Need to Know Latest Information
Difficult to Manage Schedules and PeopleImage from flickr (Homies in Heaven)
Always Work to Plan and DeliverImage 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 Evaluation
Moving Forward
Overview
WalkthroughIdeationResearchIntroductio
nMoving Forward
Primary Research
| || |
PrimarySecondar
yExemplars Design Insights| | |
Meet GameZombie.tv
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
PrimarySecondar
yExemplars Design Insights| | |
Web Videos Focusing on GamingImage from GameZombie.tv
Continuing to Work on their WebsiteImage 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
Teaches students powerful industry tools
Multiple Teams Collaborate to Produce Videos
Graphics
Audio Web
Editing
Writing
They want to make a better website for the company
Primary ResearchEveryone 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 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
“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
Secondary Research
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
PrimarySecondar
yExemplars Design Insights| | |
Awareness
“the understanding of the activities of others, which provides a context for your
own activity”
Dourish, Paul and Victoria Bellotti (1992)
Community and Collaborative Design
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).
Design Exemplars
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
PrimarySecondar
yExemplars Design Insights| | |
inPreso
Axure
Wireframing ToolsImages from (axure.com and inpreso.com)
Collaboration Only Happens Through Physical File Sharing
Collaborative Wireframing ToolsImages from (gliffy.com, mockflow.com, and mockingbird.com)
Gliffy
Mockflow
Mockingbird
Collaboration Only Happens Through Non-Collocated URL
Sharing
Sketching ToolsImages from (flashpaint.com, art.com, and sketchandsmudge.com)
ArtPad
FlashPaint
SketchStudio
Simpler Tools Lower Barrier to Collaborate and Create Ideas
Design Insights
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
PrimarySecondar
yExemplars Design Insights| | |
Others understand what you are doing
Benefits of Designing for Awareness
Understand the thoughts and actions of othersHave the latest information
Helps to bring everyone together
Speeds up the process of communicating
Utilizing Team Culture for Awareness
Awareness and Community Collaboration
Opportunity to Enhance Current Sketching Tools
Work Culture Creation Tools
Concept Ideation
WalkthroughIdeationResearchIntroductio
nMoving 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|
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
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|
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
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|
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
“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|
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
Thoughts from Participants
Creative and Emergent Inspiration
Participants Engaged With Creative Activity
Suggested Improvements
Sketching
In Situ Evaluation Insights| | |Improvements|
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
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
WalkthroughIdeationResearchIntroductio
nMoving Forward| || |
Make a high fidelity prototype
Continue testing test with more users
Test with other creative groups
Integrate feedback from experience prototype
Questions? Comments?
E-mail: [email protected]