Tuesday, February 21, 2017

Summary of chapter 14 of visual design solutions
  A good visual design cannot only decrease cognitive effort; it can also convey compatible meaning to viewers according to the designer’s purpose and communicate with them. In this case, we need think about how to enhance the meaning of content to achieve better communication.
  Designing based on common visual literacy can make a graphic more meaningful for viewers who have common visual language. We can use some imageries or icons with common accepted meanings which can be recognized and understood easily to promote efficiency of perceiving and semantic connecting.
  For example, many countries use red color as background of regulated boards for indicating dangerous meaning to facilitate people’s cognitive process because they have a previous perception and corresponding meaning stored for red color before. Here the red color which indicates danger is the common visual language for most people so that they can easily and effectively recognize and understand the red color. We need ensure that all aspects of visual representation like color are aligned with their intended meaning to avoid misunderstanding which called semantic coherence.
  As a type of analogy, visual metaphor works talentedly on persuading or making a memorable point. Just like that we always make a metaphor by connect things with similar features to help us understand and remember some difficult concepts, we can create visual metaphor to help viewers interpret the graphic in an easier way. For instance, we can compare a problem to the tip of an iceberg or compare embarking on a difficult project to a winding path through difficult terrain (page 264), the core point here is building the connection between unfamiliar concepts and physical elements to help viewers transfer their experience in the physical world to abstract concepts for better interpreting and memory.
  Besides making a memorable point, visual metaphor can also evoke emotion and capture attention. People always want to find relative association between two objects or events and mentally fit the key element into the pictorial metaphor to help them remember. So portraying the person with smoke blowing out of his head can effectively convey that a person is tense from overwork (page 259) and putting a wheel turning on a graphic to represent a repetitive procedure or relationship can easily attract viewers’ attention comparing to text depiction.
  Though the visual metaphor is extensively useful for enhancing meaning, we need ensure that the metaphor is clear and right for audience to perceive and the content of metaphor is appropriate for meaning conveying. In addition, we need avoid overusing on visual metaphor to maintain viewers’ interest and novelty.
  “Although we are surrounded by sensory input, we can only attend to and make sense of a small amount of it.” (page 265) In this case, we can break down a big chunk of content which has no hierarchical or sequential order into small pieces by creating text tables with distinct boundaries for them. For sequential information, we can split the whole entity into different meaningful units and rearrange them on an oriented timeline or create a layered graphic for them to make it clearer for reading.
  As mentioned before in other chapters, diagram is also an excellent way to enhance explanations that we can refer diagram as a schematized visual to represent objects and concepts by using distilled images and symbols (page 269). Diagram can explain the whole system of an object and show its parts or structure to make it more intuitive for viewers to understand and remember.

  And a phase diagram which includes series of static frames that convey the key stages of a dynamic event (page 274) can demonstrate the flow and movement to show the dynamic process of a whole event. We can use geometrical shapes to represent each component of a concept and show inner relationships through proximity by connecting lines to make abstract concepts concrete. Similarly, we can use dashed or dot lines to demonstrate how to do something by showing the trace of a motion or movement.

1 comment: