BUILDING PIVOT COLLECTIONS Jeff Weir User Experience Designer Live Labs Troy Schauls Senior Program Manager Live Labs Want to get Pivot right now?

WHAT’S PIVOT FOR?

Explore & Inspire It’s about following curiosities It’s about moving through set of data and exploring hidden or nuanced relationships It’s about extracting new insights from familiar data

Navigate & Act It’s about finding the needle in the haystack It’s about comparing a few “needles” with each other It’s about making a decision or taking action

- DEMO -

SO HOW DOES IT WORK?

The Pivot experience is data-driven Pivot collections are just files XML CXML = collection metadata DZCs + DZIs = collection visuals lots of image tiles

On The Disk

On The Wire XML + Images HTTP

DZC & DZI: An Example

CXML: An Example

The Collection Container … 3 … 4

Facet Definitions

Facet Types

Items

HOW DO I MAKE A (GREAT) COLLECTION?

1. KNOW YOUR GOALS & AUDIENCE How to make a great collection

1. Know Your Goals & Audience Most questions can be answered by your goals and audience

2. TREAT CONTENT APPROPRIATELY How to make a great collection

2. Treat Content Appropriately A good collection Visual Data Visual Visually richData richor

2. Treat Content Appropriately A great collection DataVisual Visually rich and data rich

2.1 Treat Visuals Appropriately Few elements Many elements `

2.1 Treat Visuals Appropriately No elements Too many elements

2.1 Treat Visuals Appropriately Appropriate Typical

2.1 Treat Visuals Appropriately Appropriate Typical

2.1 Treat Visuals Appropriately $48,565 $23,800 $56,760 $35,200 $17,495 $22,245

2.2 Treat Data Appropriately 7-10 Facet Categories 20 Facet Categories1 Facet Category

Fill the info pane 2.2 Treat Data Appropriately

3 ways to filter by date Numeric Range Date Picker Text Filters

2.2 Treat Data Appropriately Format numbers 1999 $1, € 1.999,89

3. DESIGN FOR DISTANCE How to make a great collection

3.1 Design For Far Away Major Visible 2009 IUCN Red List Endangered Species Collection

3.1 Design For Far Away Minor Visible 2009 IUCN Red List Endangered Species Collection

3.1 Design For Far Away Limit to 1 major and 1 minor color Major Minor

3.2 Design For Up Close PortraitSquareLandscape

3.2 Design For Up Close Avoid variable aspect ratios

3.2 Design For Up Close Avoid variable aspect ratios

3.3 Design For Deep Zoom Rich content

3.3 Design For Deep Zoom Rich adornments

Information importance 3.3 Design For Deep Zoom

Easter eggs

4. AUTOMATE PRODUCTION How to make a great collection

4. Automate Production Photoshop Data Sets Tab Delimited File Photoshop TemplateBatch Processing +=

4. Automate Production Toggle layer or group visibility Insert images Replace Text

4. Automate Production Image -> Variables -> Define…

5. ITERATE How to make a great collection

How To Make A Great Collection 1.Know your goals and audience 2.Treat content appropriately 3.Design for distance a)Far away b)Up close c)Deep zoom 4.Automate production 5.Iterate

HOW DO I DEPLOY MY COLLECTIONS (AT SCALE)?

Data Store 1.Treat pyramids as assets Batch build and catalog Then build JIT, during “ingestion” Survival Tips

2. Treat all collections as temporal a.always generate CXML and DZCs on the fly, or b.regenerate & propagate Survival Tips Data Store Staging HTTP Production HTTP 1. Assemble2. Review (& Revise)3. Display

WHEN WILL PIVOT BE AVAILABLE?

Pivot/Silverlight 4 coming Summer 2010 Get Pivot and tools today – get started with the Excel collection builder Collections you build today are portable between client and Silverlight versions be sure to make JPEG pyramids

LASTLY, A CHALLENGE

We don’t think the best Pivot experiences will come from us. They will come from you. What will you make? (We can’t wait to see!)

THANK YOU QUESTIONS? Please fill out your evaluation forms :)