Using Graphics & Pictures

Research into static and dynamic illustrations in text and computer based instruction may give some guidelines as to how graphics are used and when they are useful or distracting in web design.

Proper Use of Graphics

static visual illustrations can facilitate the acquisition of knowledge when they are presented with text materials. However, the facilitative effects of illustrations are not present across all learning situations....

• illustrated visuals used in the context of learning to read are not very helpful
• illustrated visuals that contain text-redundant information can facilitate learning
• illustrated visuals that are not text-redundant neither help nor hinder learning
• illustration variables (cueing) such as size, page position, style, color, and degree of realism may direct attention but may not act as a significant aid in learning
• there is a curvilinear relationship between the degree of realism in illustrations and the subsequent learning that takes place .

Misanchuk, Schwier & Boling suggest that there are various issues which need to be addressed in considering how to use graphics or whether to use graphics at all. These issues include:

• Germaneness - Germaneness means that a picture is not only relevant to the discussion, but essential. It cannot be removed without harming comprehension.
• Realism - although it would seem evident that high quality, realistic pictures would be most effective, research has not verified this understanding. In many instances, "the detail of a photograph may also overwhelm the learner with irrelevant information so that instructionally salient features are difficult to discern" [Lowe, (1995) p. 294, as cited in . In many instances, simplified drawings will prove better instructional aids since they focus attention on the salient points under construction.
• Complexity/Simplicity - "The general rule of thumb is to use graphics that are as simple as possible. Complexity should be added only where absolutely required."
• Size - Reeves and Nass discovered that larger pictures caused more arousal, were better remembered and were better liked than smaller ones. Since larger pictures are more memorable, it would seem important to include the largest pictures you could possibly use on your page. As Misanchuk et al. (in press) point out, however, the larger the picture, the longer the download time and the more likelihood that your user will become frustrated and leave your site. It is necessary to balance the need to have a graphic which is large enough to be comprehensible with the need to have the page download quickly before users move on. It is also important that you design graphics which are not too large for the user's screen. Lynch and Horton have included recommendations for maximum width which would be viewable across platforms.
• Cultural factors - Since it is possible that users from other cultures will be viewing our sites, it is important that care is taken to ensure that the use of certain colors or graphics does not offend users from other cultures. Horton gives recommendations about using graphics in culturally sensitive ways.

They conclude:

Visuals that complement the text information being presented increase the likelihood for retention of that information, but visuals which are not related to the text have no effect on retention. When bandwidth is a problem, gratuitous visuals would seem to be unnecessary in page design.