Organization: The organization determines what information is displayed, emphasis (or not) on certain types of information, and how this information is formatted within the framework of the piece. The organization also determines how the information is utilized.
This is clearly poorly organized. There is too much information being squished into a small space. The form within this framework varies and makes the information jumbled, confusing, and overbearing.
Proximity: The proximity of information has corresponding implications. Proximity within an infographic refers to the arrangement of information relative to other information as well as empty space. Proximity helps communicate a connection, and establishes a sense of order and logic.
This is similar to the example given in the book. The page numbers are so far from the titles that they refer to that the user has to trace his finger to the number in order to use the information. The page does not achieve what it seeks to achieve because there is too much white space—the pieces of information are not proximate.
Hierarchy: Hierarchy is used to organize information according to its relative importance. Ordering information this way allows for easy utilization and keeps the user engaged.
This image is very confusing. I know my limited knowledge on this topic has a lot to do with me not understanding this image; however, the purpose of the graphic seems to be to break-down information according to importance/sequence. It seems that you must understand each stage before moving forward. This information could use a more hierarchical format because I am not sure in what order (top to bottom; left to right) to read the information.