{"id":136,"date":"2020-07-23T18:53:10","date_gmt":"2020-07-23T18:53:10","guid":{"rendered":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/?post_type=chapter&p=136"},"modified":"2020-11-12T17:11:42","modified_gmt":"2020-11-12T17:11:42","slug":"the-value-of-visuals","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/chapter\/the-value-of-visuals\/","title":{"raw":"Importance & Types of Visuals","rendered":"Importance & Types of Visuals"},"content":{"raw":"

Importance of Visuals in Technical Communication<\/h2>\r\n\"\"\r\n\r\nMost technical communications require more than text to concisely and accurately communicate concepts or techniques. Visual elements such as graphs, charts, tables, photographs, diagrams, and maps capture your readers\u2019 attention and help them to understand your ideas more fully. They are like the illustrations that help tell the story. Visuals augment your written ideas and simplify complicated textual descriptions. They can help a reader understand a complicated process or visualize trends in the data. The key concept to remember here is that visuals\u00a0clarify<\/em>,\u00a0illustrate,<\/em>\u00a0and\u00a0augment<\/em>\u00a0your written text; they are not a replacement for written text. The old adage, \u201ca picture is worth a thousand words\u201d does not hold true in technical writing, but adding visuals may save you a hundred words or so of additional explanation and clarification. If you have visual elements in your document, they must be based on and supplement your written content, even those that are used simply to visually break up text.\r\n\r\nVisuals are important in explaining information to an audience. The human brain is programmed visually; it \u201cprocesses images 60 times faster than text, and 90 percent of the information transmitted to the brain is visual.\u201d\u00a0[1]\u00a0 <\/sup>According to How People Learn:\r\n

Different features of learning contribute to the durability or fragility of memory. For example, comparisons of people\u2019s memories for words with their memories for pictures of the same objects show a superiority effect for pictures. The superiority effect of pictures is also true if words and pictures are combined during learning (Roediger, 1997). Obviously, this finding has direct relevance for improving the long-term learning of certain kinds of information. [2]<\/sup><\/p>\r\nOffering information graphically plays on the propensity of the brain for images, and can help your audience process and recall information. Graphics can make large amounts of data accessible to your reader. However, graphics have to be created properly in order to aid understanding. Crowded or busy graphics can leave readers more confused than they were before. Graphs drawn incorrectly may cause readers to draw inaccurate conclusions. Data can be used to mislead readers when not represented responsibly. Create or choose visuals based on their ability to accurately communicate and enhance your information for your purpose and audience.\r\n

Types of Visuals<\/h2>\r\nVisuals are classified into two large categories, Tables and Figures. Here's an overview; subsequent pages in this section go into more detail about how to create tables and figures.\r\n

Tables<\/h3>\r\nTables organize data in volumes and rows using numbers and words. Tables present data logically, and usually are used to compare data. Here's a table that identifies and describes visuals commonly used in technical writing.\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
Common Types of Graphics<\/caption>\r\n
Type of Visual<\/strong><\/th>\r\nDescription and Purpose<\/strong><\/th>\r\n<\/tr>\r\n
Tables<\/strong><\/th>\r\n<\/td>\r\nPlace detailed data\/information in categories formatted into rows and columns for comparison; use when exact figures are important. Label column headings (box heads) and\/or rows (stubs).<\/td>\r\n<\/tr>\r\n
Graphs<\/strong><\/th>\r\nBar Graph<\/strong><\/th>\r\nCompare and contrast two or more subjects at the same point in time, or compare change over time.<\/td>\r\n<\/tr>\r\n
Column Graph<\/strong><\/th>\r\nReveal change in a subject at regular intervals of time.<\/td>\r\n<\/tr>\r\n
Line Graph<\/strong><\/th>\r\nShow the degree and direction of change relative to two variables; compare items over time, show frequency or distribution, or show correlations.<\/td>\r\n<\/tr>\r\n
Charts<\/strong><\/th>\r\nPie Chart<\/strong><\/th>\r\nDisplay the number and relative size of the divisions of a subject; shows relation of parts to a whole (parts must sum to 100% to make sense).<\/td>\r\n<\/tr>\r\n
Org. Chart<\/strong><\/th>\r\nMap the divisions and levels of responsibility or hierarchy within an organization.<\/td>\r\n<\/tr>\r\n
Flow Chart<\/strong><\/th>\r\nShow the sequence of steps in a process or procedure.<\/td>\r\n<\/tr>\r\n
Gantt Chart<\/strong><\/th>\r\nIndicates timelines for multi-stepped projects, especially used in proposals and progress reports.<\/td>\r\n<\/tr>\r\n
Illustrations<\/strong><\/th>\r\nDiagram<\/strong><\/th>\r\nIdentify the parts of a subject and their spatial or functional relationship; emphasize detail or show dimensions.<\/td>\r\n<\/tr>\r\n
Photo<\/strong><\/th>\r\nShow what a subject looks like in realistic detail or show it being used.<\/td>\r\n<\/tr>\r\n
Drawing\r\n<\/strong><\/th>\r\nSimplify an item to explain that item's characteristics.<\/td>\r\n<\/tr>\r\n
Animation<\/strong><\/th>\r\nSimulate a process, operation, or incident.<\/td>\r\n<\/tr>\r\n
Film clip<\/strong><\/th>\r\nDepict a process, operation, or incident in realistic detail.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n

Figures<\/h3>\r\nFigures illustrate all other types of data. Figures include such visuals as pie charts, line graphs, bar graphs, diagrams, flow charts, drawings, and photographs. Here's some of the same information from the table above presented in different form, so that you can compare tables and figures and how they present information. Note that the only rule for choosing a type of visual is that it needs to be appropriate for your purpose and audience.\r\n\r\n\"\"\r\n\r\n \r\n\r\nPie Charts show pieces of a whole, and the relative size of divisions of that whole.\r\n\r\n \r\n\r\n\"\"\r\n\r\n \r\n\r\nLine graphs show the degree and direction of change between two variables.\r\n\r\n \r\n\r\n\"\"\r\n\r\n \r\n\r\nHorizontal Bar Graphs compare and contrast two or more subjects.\r\n\r\n \r\n\r\n \r\n\r\n\"\"\r\n\r\n \r\n\r\nVertical Bar Graphs compare and contrast two or more subjects, and may compare change over time.\r\n\r\n\"\"\r\n\r\n \r\n\r\nDiagrams show spatial and\/or functional relationships.\r\n\r\n \r\n\r\n\"\"\r\n\r\n \r\n\r\n \r\n\r\nOrganizational and Flow Charts show reporting structures (organizational chart) and the sequence of steps in a process or procedure (flow chart).\r\n\r\n \r\n\r\n \r\n\r\n\"\"\r\n\r\n \r\n\r\nDrawings simplify an item to more effectively explain that item's characteristics.\r\n\r\n \r\n\r\n \r\n\r\n\"\"\r\n\r\n \r\n\r\nPhotographs show what something looks like in realistic detail.\r\n\r\n \r\n\r\nThe following video reviews important concepts about graphics and also provides useful examples of what not<\/strong> to do in visuals.\r\n\r\nhttps:\/\/youtu.be\/YatGWqmfQGY\r\n\r\n \r\n\r\n[1]<\/sup>\u00a0http:\/\/www.t-sciences.com\/news\/humans-process-visual-data-better<\/a> Eisenberg, Harris. \u201cHumans Process Visual Data Better.\u201d Thermopylae<\/em> website.\u00a0 Published September 15, 2014.\r\n\r\n[2]<\/sup> Bransford, John D., Brown, Ann L., Cocking, Rodney R., editors. Mind and Brain Chapter, How People Learn: Brain, Mind, Experience, and School<\/em>. Consensus Study Report, The National Academies of Sciences, Engineering, Medicine, 2020.\u00a0 https:\/\/www.nap.edu\/read\/9853\/chapter\/8<\/a>","rendered":"

Importance of Visuals in Technical Communication<\/h2>\n

\"\"<\/p>\n

Most technical communications require more than text to concisely and accurately communicate concepts or techniques. Visual elements such as graphs, charts, tables, photographs, diagrams, and maps capture your readers\u2019 attention and help them to understand your ideas more fully. They are like the illustrations that help tell the story. Visuals augment your written ideas and simplify complicated textual descriptions. They can help a reader understand a complicated process or visualize trends in the data. The key concept to remember here is that visuals\u00a0clarify<\/em>,\u00a0illustrate,<\/em>\u00a0and\u00a0augment<\/em>\u00a0your written text; they are not a replacement for written text. The old adage, \u201ca picture is worth a thousand words\u201d does not hold true in technical writing, but adding visuals may save you a hundred words or so of additional explanation and clarification. If you have visual elements in your document, they must be based on and supplement your written content, even those that are used simply to visually break up text.<\/p>\n

Visuals are important in explaining information to an audience. The human brain is programmed visually; it \u201cprocesses images 60 times faster than text, and 90 percent of the information transmitted to the brain is visual.\u201d\u00a0[1]\u00a0 <\/sup>According to How People Learn:<\/p>\n

Different features of learning contribute to the durability or fragility of memory. For example, comparisons of people\u2019s memories for words with their memories for pictures of the same objects show a superiority effect for pictures. The superiority effect of pictures is also true if words and pictures are combined during learning (Roediger, 1997). Obviously, this finding has direct relevance for improving the long-term learning of certain kinds of information. [2]<\/sup><\/p>\n

Offering information graphically plays on the propensity of the brain for images, and can help your audience process and recall information. Graphics can make large amounts of data accessible to your reader. However, graphics have to be created properly in order to aid understanding. Crowded or busy graphics can leave readers more confused than they were before. Graphs drawn incorrectly may cause readers to draw inaccurate conclusions. Data can be used to mislead readers when not represented responsibly. Create or choose visuals based on their ability to accurately communicate and enhance your information for your purpose and audience.<\/p>\n

Types of Visuals<\/h2>\n

Visuals are classified into two large categories, Tables and Figures. Here’s an overview; subsequent pages in this section go into more detail about how to create tables and figures.<\/p>\n

Tables<\/h3>\n

Tables organize data in volumes and rows using numbers and words. Tables present data logically, and usually are used to compare data. Here’s a table that identifies and describes visuals commonly used in technical writing.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Common Types of Graphics<\/caption>\n
Type of Visual<\/strong><\/th>\nDescription and Purpose<\/strong><\/th>\n<\/tr>\n
Tables<\/strong><\/th>\n<\/td>\nPlace detailed data\/information in categories formatted into rows and columns for comparison; use when exact figures are important. Label column headings (box heads) and\/or rows (stubs).<\/td>\n<\/tr>\n
Graphs<\/strong><\/th>\nBar Graph<\/strong><\/th>\nCompare and contrast two or more subjects at the same point in time, or compare change over time.<\/td>\n<\/tr>\n
Column Graph<\/strong><\/th>\nReveal change in a subject at regular intervals of time.<\/td>\n<\/tr>\n
Line Graph<\/strong><\/th>\nShow the degree and direction of change relative to two variables; compare items over time, show frequency or distribution, or show correlations.<\/td>\n<\/tr>\n
Charts<\/strong><\/th>\nPie Chart<\/strong><\/th>\nDisplay the number and relative size of the divisions of a subject; shows relation of parts to a whole (parts must sum to 100% to make sense).<\/td>\n<\/tr>\n
Org. Chart<\/strong><\/th>\nMap the divisions and levels of responsibility or hierarchy within an organization.<\/td>\n<\/tr>\n
Flow Chart<\/strong><\/th>\nShow the sequence of steps in a process or procedure.<\/td>\n<\/tr>\n
Gantt Chart<\/strong><\/th>\nIndicates timelines for multi-stepped projects, especially used in proposals and progress reports.<\/td>\n<\/tr>\n
Illustrations<\/strong><\/th>\nDiagram<\/strong><\/th>\nIdentify the parts of a subject and their spatial or functional relationship; emphasize detail or show dimensions.<\/td>\n<\/tr>\n
Photo<\/strong><\/th>\nShow what a subject looks like in realistic detail or show it being used.<\/td>\n<\/tr>\n
Drawing
\n<\/strong><\/th>\n		Simplify an item to explain that item’s characteristics.<\/td>\n<\/tr>\n
Animation<\/strong><\/th>\nSimulate a process, operation, or incident.<\/td>\n<\/tr>\n
Film clip<\/strong><\/th>\nDepict a process, operation, or incident in realistic detail.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Figures<\/h3>\n

Figures illustrate all other types of data. Figures include such visuals as pie charts, line graphs, bar graphs, diagrams, flow charts, drawings, and photographs. Here’s some of the same information from the table above presented in different form, so that you can compare tables and figures and how they present information. Note that the only rule for choosing a type of visual is that it needs to be appropriate for your purpose and audience.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Pie Charts show pieces of a whole, and the relative size of divisions of that whole.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Line graphs show the degree and direction of change between two variables.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Horizontal Bar Graphs compare and contrast two or more subjects.<\/p>\n

 <\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Vertical Bar Graphs compare and contrast two or more subjects, and may compare change over time.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Diagrams show spatial and\/or functional relationships.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

 <\/p>\n

Organizational and Flow Charts show reporting structures (organizational chart) and the sequence of steps in a process or procedure (flow chart).<\/p>\n

 <\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Drawings simplify an item to more effectively explain that item’s characteristics.<\/p>\n

 <\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

Photographs show what something looks like in realistic detail.<\/p>\n

 <\/p>\n

The following video reviews important concepts about graphics and also provides useful examples of what not<\/strong> to do in visuals.<\/p>\n