1. BUILDING PIVOT COLLECTIONS Jeff Weir User Experience Designer Live Labs jeffweir@microsoft.com Troy Schauls Senior Program Manager Live Labs troysch@microsoft.com Want to get Pivot right now? http://www.getpivot.com

2. WHAT’S PIVOT FOR?

3. 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

4. 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

5. - DEMO -

6. SO HOW DOES IT WORK?

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

8. On The Disk

10. On The Wire XML + Images HTTP

11. DZC & DZI: An Example

12. CXML: An Example

13. The Collection Container … 3 … 4

14. Facet Definitions

15. Facet Types

17. Items

19. HOW DO I MAKE A (GREAT) COLLECTION?

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

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

22. 2. TREAT CONTENT APPROPRIATELY How to make a great collection

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

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

25. 2.1 Treat Visuals Appropriately Few elements Many elements `

26. 2.1 Treat Visuals Appropriately No elements Too many elements

27. 2.1 Treat Visuals Appropriately Appropriate Typical

28. 2.1 Treat Visuals Appropriately Appropriate Typical

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

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

31. Fill the info pane 2.2 Treat Data Appropriately

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

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

34. 3. DESIGN FOR DISTANCE How to make a great collection

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

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

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

38. 3.2 Design For Up Close PortraitSquareLandscape

39. 3.2 Design For Up Close Avoid variable aspect ratios

40. 3.2 Design For Up Close Avoid variable aspect ratios

41. 3.3 Design For Deep Zoom Rich content

42. 3.3 Design For Deep Zoom Rich adornments

43. Information importance 3.3 Design For Deep Zoom

44. Easter eggs

45. 4. AUTOMATE PRODUCTION How to make a great collection

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

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

48. 4. Automate Production Image -> Variables -> Define… http://help.adobe.com/en_US/Photoshop/11.0/

49. 5. ITERATE How to make a great collection

50. 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

51. HOW DO I DEPLOY MY COLLECTIONS (AT SCALE)?

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

53. 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

54. WHEN WILL PIVOT BE AVAILABLE?

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

56. LASTLY, A CHALLENGE

57. 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!)

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