sps chicago - practical information architecture

93
1 | SharePoint Saturday Chicago 2013 Twitter: @SPSChicago Hashtag #SPSChicago Ruven Gotz Practical SharePoint Information Architecture

Upload: ruven-gotz

Post on 15-Jan-2015

561 views

Category:

Technology


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: SPS Chicago - Practical Information Architecture

1 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago

Ruven Gotz

Practical SharePoint Information Architecture

Page 2: SPS Chicago - Practical Information Architecture

2 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago

Thanks to Our Sponsors!

Page 3: SPS Chicago - Practical Information Architecture

3 | SharePoint Saturday Chicago 2013Twitter: @SPSChicago Hashtag #SPSChicago

Housekeeping Please remember to submit your session

evaluation using our mobile application Follow SharePoint Saturday Chicago on

Twitter @spschicago & use hashtag #spschicago

Page 4: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Ruven Gotz

@ruveng

spinsiders.com/ruveng

[email protected]

About me

Page 5: SPS Chicago - Practical Information Architecture

Buy the Book (or Kindle):http://amzn.to/JnxlcC

Page 6: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

SharePoint can be dangerous to your career!

Page 7: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Expectations are set very high

Page 8: SPS Chicago - Practical Information Architecture

Reality: The waters can be rougher than expected…

Page 9: SPS Chicago - Practical Information Architecture

…but the results can make it worthwhile

Page 10: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

What is an Information Architect?

http://www.flickr.com/photos/racingmix/274777460/

Page 11: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

What is a Business Analyst?

Page 12: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

In the SharePoint world, it’s a bit of a hybrid

Page 13: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Dealing with humans in tough circumstances

Page 14: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Soft skills

Page 15: SPS Chicago - Practical Information Architecture

You have got to get everyone onto the same page

Page 16: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

The key to shared commitment is Shared Understanding

Page 17: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Visual tools are a great way to get to shared understanding

Page 18: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

We will cover visual tools that assist with SharePoint

Page 19: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Let’s start with Mind Mapping

Page 20: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Building a simple mind map

Page 21: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Using a mind map for navigation

Page 22: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Using a mind map for prioritization

Page 23: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Discovery workshops

Page 24: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Using a mind map for taxonomy

Page 25: SPS Chicago - Practical Information Architecture

What is Metadata?

The BIG Question

Page 26: SPS Chicago - Practical Information Architecture

Data about data

Page 27: SPS Chicago - Practical Information Architecture

Ruven Gotz

Thank you for coming!

@ruveng

spinsiders.com/ruveng

[email protected]

Page 28: SPS Chicago - Practical Information Architecture

What is Metadata?

I think I get it

Oh! Now I see(Mostly)

What is Metadata?

I think I get it

The BIG Question

Page 29: SPS Chicago - Practical Information Architecture

Meta for?

What is

Page 30: SPS Chicago - Practical Information Architecture

Metaphor

Let’s use a

Page 31: SPS Chicago - Practical Information Architecture

What does a cow say?

Page 32: SPS Chicago - Practical Information Architecture

What does a chicken say?

Page 33: SPS Chicago - Practical Information Architecture

What does a duck say?

Page 34: SPS Chicago - Practical Information Architecture
Page 35: SPS Chicago - Practical Information Architecture

The sounds these animals make are attributes that distinguish them

Page 36: SPS Chicago - Practical Information Architecture

Example from Yoav Lurie

• Prince• Pop/Rock• 1984

Page 37: SPS Chicago - Practical Information Architecture
Page 38: SPS Chicago - Practical Information Architecture

Adapted from the “pea soup” story by Serge Tremblay

Page 39: SPS Chicago - Practical Information Architecture
Page 40: SPS Chicago - Practical Information Architecture
Page 41: SPS Chicago - Practical Information Architecture

What is our Base Metaphorfor files?

Page 42: SPS Chicago - Practical Information Architecture
Page 43: SPS Chicago - Practical Information Architecture

What if we saw this?

Page 44: SPS Chicago - Practical Information Architecture

Better…

Page 45: SPS Chicago - Practical Information Architecture

Solve with folders

Page 46: SPS Chicago - Practical Information Architecture

Hire an intern

Page 47: SPS Chicago - Practical Information Architecture
Page 48: SPS Chicago - Practical Information Architecture

What is metadata?

Page 49: SPS Chicago - Practical Information Architecture

This is metadata!

Page 50: SPS Chicago - Practical Information Architecture

Not this!

or this…

What is Taxonomy?

Page 51: SPS Chicago - Practical Information Architecture
Page 52: SPS Chicago - Practical Information Architecture

Carl Linnaeus (1751)

Page 53: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Page 54: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Superclass

Page 55: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Class

Page 56: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Order

Page 57: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Suborder

Page 58: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Family

Page 59: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Subfamily

Page 60: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Genus

Page 61: SPS Chicago - Practical Information Architecture

Animal Kingdom

Invertebrates Vertebrates

Mammals

Predators Primates Whales Rodents

Squirrels Mice

Mice & Rats Hamsters and Voles

Real Hamsters

Short-tailed dwarf

hamsters

Djungarian dwarf

hampsters

Roborovski Hamster

Long-tailed dwarf

hamsters

Voles Gerbils

Porcupines Guinea Pigs

Fish Amphibians Reptiles Birds

Taxonomy

Species

Page 62: SPS Chicago - Practical Information Architecture

Shared Drive Zoo X:

Production Sales & Marketing

Marketing

Commercial Industrial Government Healthcare

Labs Hospitals

Private Public

Large

Urban

Not Associated University

Rural

Medium Small

Clinics Mobile

Sales Web Design Newsletter Social

Taxonomy

Page 63: SPS Chicago - Practical Information Architecture

As we’ve already seen: This always works out great

Page 64: SPS Chicago - Practical Information Architecture

Findability vs. Putability: a basic asymmetry

Page 65: SPS Chicago - Practical Information Architecture

Shared Drive Zoo X:

Production Sales & Marketing

Marketing

Major Hospitals Commercial Industrial Government Healthcare

Labs Hospitals

Private Public

Large

Urban

Not Associated University

Rural

Medium Small

Clinics Mobile Colleges

Big Small

Sales Web Design Newsletter Social

Page 66: SPS Chicago - Practical Information Architecture

Moving this mess to SharePoint makes it worse

Page 67: SPS Chicago - Practical Information Architecture

SharePoint Sux

Page 68: SPS Chicago - Practical Information Architecture

The #1 rule of SharePoint?

Never use folders

Except when it makes sense

ever

Page 69: SPS Chicago - Practical Information Architecture

Folders for Security

Permissions assigned per folder

Page 70: SPS Chicago - Practical Information Architecture

A SharePoint Taxonomy (Navigation)

Page 71: SPS Chicago - Practical Information Architecture

Customer Type• Lab• Hospital• Clinic• Mobile

Sector• Private• Public

Size• Large• Medium• Small

Location• Urban• Rural

University• Yes• No

A SharePoint Taxonomy (Metadata)

Page 72: SPS Chicago - Practical Information Architecture

Adding Metadata (when uploading)

Page 73: SPS Chicago - Practical Information Architecture

A SharePoint Simulation

Page 74: SPS Chicago - Practical Information Architecture

Document Type Inventory Worksheet

Page 75: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

What is metadata?

Page 76: SPS Chicago - Practical Information Architecture

What is Taxonomy?

Page 77: SPS Chicago - Practical Information Architecture

What are content types?

Page 78: SPS Chicago - Practical Information Architecture

Name _________Emp. # _________Date _________

Dates Requested:From __________To: __________

Manager ________Approved Y/N

Name _________Emp. # _________Date _________

Dates Requested:From __________To: __________

Manager ________Approved Y/N

Name _________Emp. # _________Date _________

Drug Used:Name __________Cost: $ _________

Manager ________Approved Y/N

Name _________Emp. # _________Date _________

Drug Used:Name __________Cost: $ _________

Manager ________Approved Y/N

Vacation Request

Drug Reimbursement

Page 79: SPS Chicago - Practical Information Architecture

Both Content Types in One Library

Page 80: SPS Chicago - Practical Information Architecture

Content Types for:

Workflow,

Policy,Security

Page 81: SPS Chicago - Practical Information Architecture

Back to the Inventory Worksheet

Page 82: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Build Mind Map (based on inventory worksheet)

Page 83: SPS Chicago - Practical Information Architecture

Dealing with Wicked Problems

Page 84: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Dialogue Mapping

Facilitation & Mapping

Shared Display

Notation (IBIS)

Dialogue Mapping

http://cognexus.org/

Page 85: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

A very simple example IBIS map

Page 86: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Real example

Page 87: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Wireframing with Balsamiq

Page 88: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Process mapping

Page 89: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

This stuff is hard

Page 90: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Social complexity makes every problem ‘wicked’

Page 91: SPS Chicago - Practical Information Architecture

© 2012 Ruven Gotz

Getting to shared understanding is crucial

Page 92: SPS Chicago - Practical Information Architecture

Visual tools with shared displays can help

Page 93: SPS Chicago - Practical Information Architecture

Slideshare.org/ruvengRuven Gotz

@ruveng

spinsiders.com/ruveng

[email protected]

Tools Mentioned:- Mindjet MindManager- Balsamiq Mockups- BizAgi Entry Level- Microsoft Visio