2.
Presentation Overview• Who I am, what I do, what CIHI does, and why our work is important.• Explain the CHRP solutions, the data, the challenges we faced, and detailed examples.• Information Design, theory in action.• Things to remember, authors to read, questions.

3.
Data Visualization Teaser Visualizations I created: Visualization I did not create: 3http://pinterest.com/stefanpopowycz/information-design/

5.
CIHI• The Canadian Institute for Health Information (CIHI) is an independent, not-for-profit corporation that aims to contribute to the improvement of the health of Canadians and the health care system by disseminating quality health information.• Additionally, CIHIs data and reports are provided to help inform health policies, support the effective delivery of health services and to raise awareness among Canadians in general on current research and trends in the healthcare industry that contribute to better health outcomes.

6.
Why is our work important?• Healthcare is extremely important for all Canadians.• Healthcare data is used to inform decision makers on progress, overall comparison, and most importantly best practice.• Traditionally, CIHI has had a clear obligation to analyze these data, and communicate the results to all Canadians (vision & mandate).

7.
Why is our work important?• However, there is a clear shift in the way people are organizing, sharing, and consuming data.• Proper data visualizations facilitates the comprehension of complex analysis and patterns.• But, data visualizations do not need to be boring and uninviting.

8.
Challenges• We needed to design a solution that was sexy, fast, inviting and easily accessible to all Canadians.• It needed to be public facing.• Added bonus, if it was functional on a mobile platform with social media capabilities.• Critical requirement that detailed contextual metadata (tooltips) be made available

9.
Solution• Never done before: cloud computing and aggregated health care metrics.• Strong belief in better communication through visualization• Tableau was the only tool that allowed us to quickly create and publish data visualizations with many best practice features already inherent within the software.

11.
What is CHRP?• The Canadian Hospital Reporting Project (CHRP) is a national quality improvement initiative providing hospital decision makers, policy makers and Canadians with access to clinical and financial indicator results for more than 600 facilities, from every province and territory in Canada.

12.
What is CHRP?• The public data visualizations of the CHRP project were designed with the intent to visually and interactively communicate key messages to end users using a web-based business intelligence solution.• In essence, we wanted to create interactive infographics.

13.
CHRP Key Findings• The first category of visualization we created we called “Key Findings”. Nuggets of information.• Its summary level data, at 2-3 different levels of analysis for a specific indicator of interest, and represents an interactive approach to data presentation.• We created two (2) clinical and two (2) financial key findings.

15.
CHRP Stand Alone Solution• The second category of data visualizations created we called “Stand Alone Interactive Solution”.• These consist of more complex data visualizations that combine several types of data within an interactive real-estate.• Contains guided analysis, allowing the end user to focus in on information of interest.

16.
CHRP Stand Alone Solutions• Layered views of the same data provides better contextual understanding of the whole message being communicated.• Things to note: 2 complete solutions; 2 tabs, first tabs have around 5 vizs, second tab around 9; all headings and titles done in Adobe Illustrator; all embedded within our web ECM.

19.
Information Design• Its goal is to communicate a specific message to an end user in a way that is clear, accessible and easy to understand.• Combines graphic design, communications theory, technical and non- technical practices, cultural studies and psychology.

20.
Data Visualization• Data visualization is a visual representation of data that has a main goal to communicate quantitative information clearly and effectively through graphical means.• Objects/components/artefacts generated during the Information Design process.• More analytical in nature, and can be static, animated, or interactive.

21.
Infographics• Infographics are graphic visual representations of information, data or knowledge, and present complex information quickly and clearly, such as in signs, maps, journalism, technical writing, and education.• Static and less analytic in nature. Also an artefact of the information design process.• Currently very popular with media and are published almost on a weekly basis.

23.
Content, Function, Form• The essential elements for information design are content, function and form.• A delicate balance needs to be maintained between all three in order to achieve an effective data visualization.

24.
Form Follows Function• Content: the information that you want to communicate• Function: the intended actions associated with the object you are designing.• Form: the size, shape, dimension and other distinct parameters of the object you are designing.

25.
Negotiation• Preconceived notions of what type of data visualizations are appropriate hinder the overall information design process.• Developers need to participate in gentle negotiation between the business and all three elements.• Ex: academic vs.. graphic art (boxplots vs.. data variability).

28.
Key Messages• It is important to clearly define 3-5 key messages that you want to communicate?• This requires that you distill the various components of your critical analysis into nuggets of information.• What are they key metrics?

29.
Key Messages• Important to be explicit when defining your key messages, and try to contextualize them as much as possible.• Maybe arrange them hierarchically, as it will allow you to get a better understanding of the overall message you want to communicate.

30.
Key Messages• 30-Day Readmission example.• Three key messages clearly defined and levels arranged hierarchically in all Key Findings.• Graphs are clean and crisp.• Colour palette is muted and maintained throughout all the key findings.

32.
Types of Data• Important to assess the types of data available for development.• Compare data to the key messages in order to assess if all necessary fields are available or if additional data collection is necessary.• Why? The data visualization techniques for one data type may not be appropriate for another type of data.

38.
Typography• Font selection is extremely important when thinking about information design and communication.• Rule of thumb, keep it simple and ensure the legibility of your design.• Aesthetics vs. communicability.

39.
Typography• Compromise between visual impact and the richness of data.• Try not to use all caps, stylized fonts, or angled fonts. Different types of fonts can be mixed, but be careful.• Adjust the size, weight, colour of the font for additional impact.• Integrating Corporate standards and design.• Donna Wong

40.
TypographyCHRP best Practices:• Large chunky fonts used to draw end users attention to top.• Sans serif font employed throughout (web and print).• All titles are two points larger than the text for impact.• This pattern is maintained though all data visualizations created for the CHRP public.

42.
Colour• Selecting a colour scheme is also very important when designing data visualizations.• Allows the designer to set the tone of the data visualization.• Colours used as categorical highlight (performance allocation)• Corporate colours?

43.
Colour• Try to keep the representation consistent across your data visualizations.• Altering the hues and intensity are a good way to draw distinctions and make comparisons.• Do not use distracting colours.• Print everything in black and white.

44.
ColourCHRP best Practices:• Clean, crisp, and simple.• Contrasting colours differentiate between values that are above national average and those that are not.• The colour scheme is carried over into the interactive graph.

45.
ColourCHRP best Practices:• In the performance allocation example, the shape and colour indicate these stability and performance of the result.• Both schemes carried over to the scatterplot below.• Similar pattern for key findings.

47.
Design and Layout• Selecting the proper design and layout for your data visualization is also very important.• Adhering to simplicity and being aware of narrative flow, will greatly aid in communicating.• The information should flow with ease for the consumer.

49.
Design and Layout• Trellises and cross tabs: provides more contextual view of the data you would like to present.• Web and social media integration.• Designed with printing in mind.

50.
Design and LayoutCHRP best practices:• Trellises and cross tabs: provides more contextual view of the data you would like to present.• Multiple concurrent views of the data provides helps to provide contextual understanding of your key message.• Facebook and Twitter functionality, and JavaScript embedding.

54.
Lightweight BI• Gartner Magic Quadrant for Business Intelligence Platforms• Why are they so important? They have a lot of the best practices built into them. Easier easier for the developer to create effective data visualizations.• Many have inherent social media functionality and web integration.• However, none of them are perfect.

55.
Things to Remember• Look at your data: what story do you want to tell? How will people consume this information?• Remember that a chart is always more memorable than a table.• Keep it simple. Less is more.• Design, dont decorate.