Team Stylus Design Presentation

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: caseymaddy@gmail.com