SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

151
Visual Tools & Innovation Games Getting everyone onto the same page Ruven Gotz Avanade Michelle Caldwell Avanade

description

SharePoint projects are wickedly complex. Among the reasons: You are dealing with loosely defined big-picture issues like collaboration, information sharing, portal navigation and information organization; and you are trying to define these solutions within the context of the social complexity that exists in all organizations. The result is that you end up with solutions that may satisfy some of your stakeholders, but which leave others disengaged, disenfranchised and disappointed. Getting to success is dependent on reaching a shared understanding, followed by a shared commitment from all of the participants and stakeholders. We have discovered that visual tools can very quickly allow groups of people to get to shared understanding and commitment. We will share our techniques with you and teach you how to use free or very inexpensive tools that allow you elicit your clients' goals. We then show you to prioritize, map and construct the solution. We will cover the use of Gamestorming and Innovation Games, which use the concepts of games to get to serious results in a much less painless way than the usual planning and requirements workshops. We will demonstrate the use of mind mapping for navigational design, taxonomy design, prioritization and capturing the thought process of a team via an interactive process.

Transcript of SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Page 1: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Visual Tools & Innovation GamesGetting everyone onto the same page

Ruven GotzAvanade

Michelle CaldwellAvanade

Page 2: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Low-tech social network

Draw your AvatarU

Add your name for the Avatar

“Tag” your AvatarDraw your Avatar

“Upload” your Avatar

Page 3: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

DIRECTOR & REGIONAL LEAD

Michelle Caldwell

[email protected] @shellecaldwell shellecaldwell.com

Page 4: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

DIRECTOR & NATIONAL LEAD

Ruven Gotz

[email protected] @ruveng spinsiders.com/ruveng

Page 5: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Agenda

Part 1

• Introduction

• Shared Understanding

• Innovation Games & Visual Tools

• Soft Skills

• Requirements Gathering

• Bad Meetings

• Envisioning (Cover Story)

• Mapping

Break

Part 2

• Envisioning (IBIS Mapping)

• Analyze (Sailboat)

• Visual Design

• Wireframing

• Wrap Up

Page 6: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Make a Connection & Build a Network

Page 7: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 7

Shared understanding

Page 8: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 8

Page 9: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 9

Page 10: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 10

Page 11: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 11

Page 12: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 12

Yes!A bridge!

Page 13: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Odds ofSuccess?

Page 14: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 14

Project goes?

Page 15: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 15

Same page

Page 16: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 16

Wickedproblems

Page 17: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 17

Hard(but tame)

Wicked

Page 18: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Guess what SharePoint is…

Page 19: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 19

Usually a bunch of people who all have a different

idea of what success looks like

Page 20: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Some of whom, won’t talk to each other

Page 21: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Machiavelli (not exactly )

It must be considered that there is nothing more difficultto carry out nor more doubtful of success nor moredangerous to handle than to initiate a new SharePointproject; for the project team has enemies in all thosewho profit by the old portal, and only lukewarmdefenders in all those who would profit by the newportal; this lukewarmness arising partly from theincredulity of mankind who does not truly believe inanything new until they actually have experience of it.

Page 22: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dealing with humansin tough circumstances

Page 23: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dealing with humansin tough circumstances

Page 24: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

SHARE 2012 | 24

Page 25: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

How do gamestorming & visual tools help?

Page 26: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Involves People

Page 27: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Egalitarian & Participatory

• Equal Opportunity to

Participate

• Success Depends on

Everyone get Involved

Page 28: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Structured with Goals

Page 29: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

29

Time Bound

Page 30: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Why they are valuable

• They involve a high level of emotion

• Alternative to traditional meeting format

• Real-time feedback

• Helps you discover the unknown

• Catalyst for consensus building

• Provides structure for Creative Chaos

Page 31: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Putting it into actionExcellent facilitation means building your soft skills

Page 32: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Soft Skills

Page 33: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Confidence

Page 34: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Listening

Page 35: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Humor

Page 36: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Brutal Honesty

Page 37: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Requirements GatheringVisual Tools and Games that can help with analysis

Page 38: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Why is it so hard to get good requirements?

Page 39: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

The chicken and egg problem

Page 40: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Requirements

Page 41: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What makes something a requirement?

Page 42: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

My three rules of SharePoint

1. Simplicity2. Simplicity3. Simplicity

Page 43: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

We can do that for $10

Page 44: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

We can do that for $1,000,000

Page 45: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Too much focus on the detail…

How

Page 46: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

…and not enough on the destination

Why

Page 47: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Roadblock: Bad meetingsMeetings & workshops take time, but are often ineffective

Page 48: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

The Facts

Page 49: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

11Million

Page 50: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

61.8Meetings/month

Page 51: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

50% Unproductive

Page 52: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

31 Hours wasted

Page 53: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

The Effects

Page 54: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

91%Daydreaming

Page 55: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

96% Miss Meetings

Page 56: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

95% Miss parts of

meetings

Page 57: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

73% Bring other work

to meetings

Page 58: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

39% Fall Asleep

Page 59: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 60: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 61: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

EnvisioningVisual Tools and Games that can help with defining Project Goals and Vision

Page 62: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

EnvisionWith cover Story

Page 63: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Soooo…………. What is your vision for SharePoint?

Page 64: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

The object of the game

is to suspend all disbelief and envision a future state that is so stellar that it landed your organization on the cover of a well-known magazine.

Page 65: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 66: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Cover: Tells the story of your big success

Page 67: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 68: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Headline: The Substance of the cover story

Page 69: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 70: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Sidebars: Interesting facts about the story

Page 71: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 72: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Quotes: Quotes from potential end users of the solution

Page 73: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 74: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Brainstorm: Documenting initial ideas

– this is important!

Page 75: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Images: Supporting the content with illustrations

Page 76: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 77: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Wrap Up

At the end of the time period, usually an hour, get the groups to present their cover story, essentially their vision of SharePoint, to the rest of the groups and then discuss.

Page 78: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Game Setup•Cover Story Template

•Post-its

•Pens

• tape

•Facilitator (# depends on size of group

•At least 3 participants

•A Scribe

•Camera (optional)

Page 79: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Introduction to Mind Mapping

Page 80: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 81: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 82: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 83: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 84: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 85: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 86: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 87: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 88: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 89: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 90: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Mapping for Navigation

Page 91: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Mapping for Prioritization

Page 92: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Mapping for Prioritization

Page 93: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Mapping for Scoping

Page 94: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

1st Half Wrap UpDon’t go away, we’ll be back for Part 2

[email protected]/ruveng

@ruveng

[email protected]

@shellecaldwell

Page 95: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Break

Page 96: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Welcome to Part 2.

IBIS MappingA Grammar for Thinking

Page 97: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Two books you must read

Page 98: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What are wicked problems? (recap)

• You don’t really understand the problem until

you’ve developed the solution

• You don’t know when you’ve accomplished your goal

• Solutions are not right or wrong, they are just better

or worse

• Every wicked problem is unique

• Every solution to a wicked problem is a one-shot

operation

• You are dealing with social complexity

Page 99: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Tools that can help

Page 100: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

IBIS Notation

Page 101: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

I use Mind Manager to express the same notation

Page 102: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 103: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 104: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 105: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 106: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialog mapping to capture argumentation

Page 107: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialog mapping to capture argumentation

Page 108: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialog mapping to capture argumentation

Page 109: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialog mapping to capture argumentation

Page 110: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialog mapping to capture argumentation

Page 111: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialog mapping to capture argumentation

Page 112: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Dialogue Mapping for scoping

Page 113: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Analyze with Sailboat

Page 114: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

The object of the game

Gain insight and understanding into the current state of the situation

Page 115: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

How to Play the game•Draw and/or put up a boat

•Name the boat to represent the focus area

Page 116: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What is

dragging you

down?

Page 117: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 118: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What can speed you up?

Page 119: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
Page 120: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Power Dot – Extra Bonus•Give each participant a fixed # of dots (time box the activity)

•Ask each participant to “vote” for their highest priority pains and solutions

•Quickly analyze the results

•Discuss the results as a group

Page 121: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

How to Play the game

•Analyze voting

•Discuss the results as a group

Page 122: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Game Setup•A BOAT !

•Post-its (various colors)

•Pens

• tape

•Facilitator (# depends on size of group

•At least 3 participants

•A Scribe

•Camera (optional)

Page 123: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Visual DesignCard Sorting & Tree Testing

Page 124: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What is Card Sorting?

Page 125: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

“Card sorting is a great, reliable, inexpensive method for finding patterns in how users would expect to find content or functionality.”

- Donna Spencer

http://www.amazon.com/Card-Sorting-ebook/dp/B004VFUOL0

Page 126: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What are the types of card sort?

Open & Closed

Page 127: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Open card sorting process

Gerbil

Page 128: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Results

Gerbil

Page 129: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

But not always what you expect

Ford

Gerbil

Page 130: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

But not always what you expect (2)

Ford

Gerbil

Page 131: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Analysis

http://www.boxesandarrows.com/view/analyzing_card_sort_results_with_a_spreadsheet_template

Page 132: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

What is Tree Testing?

Page 133: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Formally Known as……..

Card-based Classification

Evaluation

Page 134: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Step 1 – Create a set of menus based on draft sitemap

Page 135: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Methods for Tree Testing

Paper Or Online

Page 136: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Step 2 – Develop Scenarios

Page 137: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Creating effective scenarios

• You are planning a vacation and you want to know how

much leave you have left

• You need to book travel for work

• You are filling out a request for time off

• You are looking for a contact email/name for the helpdesk

• You have questions about your benefits

Page 138: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Step 3 - Recruit

Page 139: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Step 4 - Observe

Page 140: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Step 5 - Analyze

Page 141: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Step 7 - Repeat Create Menu

Develop Scenario

Recruit

Evaluate

Analyze

Repeat & Optimize

Page 142: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Wireframing

Page 143: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

I used to hate wireframing!

Page 144: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

A useless wireframe

Page 145: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Way too much work

Erik Swenson

Page 146: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Balsamiq: Just right

Page 147: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Simple Wireframe

Page 148: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Wrap Up

Page 149: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Adapting the low-tech social network

Page 150: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Products and Tools Referenced• Mind Manager www.mindjet.com• Xmind www.xmind.net• Balsamiq www.balsamiq.com• UserZoom www.userzoom.com• Optimal Workshop www.optimalworkshop.com• Card sort tools measuringuserexperience.com/CardSorting

• Boxes & Arrows boxesandarrows.com• Gamestorming (book) www.gogamestorm.com• Innovation Games www.innovationgames.com• Dialogue Mapping cognexus.org

Thank You!

Page 151: SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop

Stay Connected!

[email protected]/ruveng

@ruveng

[email protected]

@shellecaldwell