Effects of Using Enhancing Visual Elements in Web Site Design
Darnéy
Willis
@ NorthWest
Arkansas Community College
ABSTRACT
The World Wide
Web is rapidly becoming a popular new medium for communicating messages and
ideas. This study investigates whether designing with enhancing visual elements
in a Web presentation would contribute to greater understanding of the message
being presented in the Web presentation compared to using text only. Significant
effect for the use of enhancing visual elements was found in participants'
immediate understanding of the message, aesthetic satisfaction of the site,
and memory retention over time.
INTRODUCTION
The World Wide Web emerged as a new media experience during the mid 1990's.
The Web exists in cyberspace "... the labyrinth of computers and computer
resources inter-connected through modem high-speed digital networks" (Berghel,
1996). It has become popular world-wide because it is a technology that enables
the production, distribution, and viewing of multimedia on remote networked
computers.
Much research exists concerning the effects of mass media on viewers, and
how the public uses mass media for their own purposes. Until recently mass
media has existed as television and radio programs, film, video, and graphic
art via hardcopy in the forms of magazines and newspapers. In this study they
will be referred to as "traditional media" in order to distinguish them from
the new medium of the Web. There is less research on the effectiveness of
messages presented on the Web or on the effects of using enhancing visual
elements (i.e. color, graphics, texture, text formatting, lines, icons) in
a Web presentation.
With this research I have investigated whether designing with enhancing visual
elements (EVE) in a Web presentation will contribute to greater understanding
of the message being presented in the Web presentation compared to using text
only. Because the Web is used to present messages to users, it is important
to determine if this presentation process can be aided by enhancing design
elements in light of what researchers in traditional mass media indicate.
The following considers the value of using visual information in traditional
media. The relation of visual information to information perception, retention,
accuracy of understanding, memory enhancement, visual cuing, symbols, immediacy
of understanding, and emotional reenforcement of message are briefly examined.
Finally a Web study by Randolph (1996) is reviewed.
LITERATURE
REVIEW
Graber (1989), in her study on content and meaning in TV news, discusses the
value of visual information: “Research has shown that audiences report visual
content more accurately than verbal content and retention rates are much higher
for visual information” (p. 149). Messaris (1993) argues images can provide
immediate understanding without requiring a time of initiation, and the understanding
of visual conventions presented in mass-mediated TV and films seems to be
derived from analogies to real-life perceptual cues. He states “ what makes
images unique as a mode of communication is precisely the fact that they are
not merely another form of arbitrary signification” (p. 290)and further indicates
images can cross over cultural boundaries much easier than language.
The phrase “perceptual cues” suggests the “iconic” or “symbolic” nature of
visual images which are very important aspects of visual perception. We are
familiar with the old saying “a picture is worth a thousand words”. Think
about interstate billboard advertising. Interstate billboard designs are powerful
because they present significant information about the product or client in
simple direct messages. Pictures have the ability to summarize information
through known visual symbolic connections. They can be used in Web design
to present the main content of the Web message in condensed quick-reference
visual shorthand which offers visual metaphors that help cue general references
in the viewer’s memory. This cuing gives the viewer help with immediate understanding
of the presented information and memory storage for retrieval when the viewer
wants to search the Web for this kind of information again. Icons work as
even more condensed graphic images.
In their stories journalists and news reporters use visual cues that are culturally
and socially relevant to help viewers and readers draw on general information
from their memories to supplement the content of the stories (Graber, 1989).
This stereotypical information is part of what is called schema.
Wicks (1992), quoting from a study by Friske and Taylor (1984), said schema
can be seen as a “cognitive structure that represents organized knowledge
about a given concept or type of stimulus” (p.139) taken from previous experience.
Gamson (1987) claims schema enable us to group certain information into associations
or general categories of focus. We may have trouble understanding information
that falls outside of these associations.
The use of icons and pictures for information enhancement and memory reinforcement
can be considered in light of communication schema research on how TV pictures
affect memory. As we watch television, the visual and audio information can
trigger thoughts about something to us. These thoughts can come from schema
in our memories. If we regularly access information through these schema sources,
processing new information through schema becomes easier (Wicks, 1995). Psychological
literature claims that images “possess special advantages over text producing
accelerated recall over time” (Wicks, 1995).
In addition to helping people access their memories for associations, visual
images can enable people to directly process information and thus make fewer
errors in understanding the information (Graber, 1990). In her study on how
visuals contribute to learning from the news, Graber found that visual images
contributed to story comprehension and information gain by adding reality
and clarification the story, and providing emotional support. Basil (1994)
suggests though people process audio and written words in common ways, we
probably process pictures differently. Pictures take less mental resources
to process, picture processing is more automatic.
These studies on the effects of visual image in traditional media support
the usefulness of visual images in giving strength to messages. Because the
Web is used to communicate messages and is very capable of presenting visual
information, it seems very reasonable to apply these findings to Web design.
Randolph’s (1996) research on the subject of visual information used in Web
publication is closely related to this study. Randolph chose two research
issues to examine the use of graphics and hypermedia in on-line publishing.
He wanted to see their effects on memory in both immediate recall and longer-term
retention. Randolph created an experiment using 98 college students, over
two thirds of which were apparently beginner-level computer users. Students
were divided into 4 groups, each group receiving one of four versions of a
news story influenced by one of the following: graphics, no graphics, hypermedia
links, or no hypermedia links. The Web site was presented on computers in
a classroom lab. After the on-line publication was viewed, the Web browser
(Netscape) was turned off and students took a quiz over the material. Students
took the same quiz a week later without rereading the publication. The graphics
related results showed no significant effect on immediate recall, but did
show significant effect on long-term retention. The study seemed to emphasize
that the students forgot less through the graphics enhancement.
Randolph’s study was reserved to reading on-line publications and observing
the effects of graphics and hypermedia to memory processes. The concern of
the current study is the broader framework of Web Presentation in general
and whether the use of enhancing visual elements (i.e.. color, graphics, textures,
text formatting, icons) enable the Web message to be more effectively communicated
to the Web user. Considerations in addition to memory are user interest; aesthetic
attractiveness of the site; clarification of message; emotional reenforcement;
and immediacy of understanding of message. The independent variable, enhancing
visual elements, is defined in this study as: visual elements of line,
graphics, pictures, color, text formatting, and icons that are carefully and
sensitively chosen to be incorporated into the design of the Web presentation
to complement and emphasize the textual message; to give greater embellishment
to the textual message. The dependent variables of memory retention,
interest, emotional bonding, aesthetic satisfaction, clarification of the
message, and immediacy of understanding message are the intended effects of
applying enhanced visual elements to the Web design.
Memory retention refers to both immediate and long-term retention of memory
of the Web message or parts of the Web presentation. Interest refers to the
ability of the Web presentation to attract and keep the Web user’s attention.
Emotional bonding refers to providing the Web user with some kind of emotional
support for the message and the presentation. Aesthetic satisfaction refers
to providing a visually (and sometimes audibly) fulfilling experience for
the Web user due to the creative and purposive use of visual design elements.
Clarification of message refers to using these visual elements in such a way
as to order the presented information so it is not ambiguous or confusing
and thus easier to assimilate. Immediacy of understanding refers to the desire
to present the information in a direct way so the user can quickly and accurately
perceive the intended meaning of the message.
The following hypotheses were made concerning these considerations:
H1: Enhancing visual elements used in a Web presentation will help the Web user with longer-term retention of the Web message. |
H2: Enhancing visual elements used in a Web presentation will help the Web user develop more interest in the site. |
H3: Enhancing visual elements used in a Web presentation will help the Web user develop more emotional bonding with the message presented. |
H4: Enhancing visual elements used in a Web presentation will, related to the Web presentation, increase aesthetic satisfaction in the Web user. |
H5: Enhancing visual elements used in a Web presentation will help clarify the message to the Web user. |
H6: Enhancing visual elements used in a Web presentation will help the Web user understand the presentation more immediately. |
In order to test
whether the use of enhancing visual elements in a Web presentation will present
the Web message in a more beneficial way to the Web user than using black
text only, this researcher used a controlled experimental method using two
versions of a Web presentation, one with black text only (BTO) on a grey background
(the default color of Web browsers) and the other one containing the use of
enhancing visual elements (EVE). The subject of
both versions was the same, selling insurance. The textural content of both
was meant to be the same. The EVE version had two sections of an actual larger
Web presentation which this researcher had been designing for a client, independently
to this study. The (BTO) version was created
for this study. It was designed with the text material from the (EVE) version. The part
of the original Web presentation that was used in these two versions was the
home page (i.e. a kind of introductory/directory page in Web presentation)
and a page containing information about the insurance agency.
The design of both pages of the (EVE) site used a mildly
textured blue background. The type was formatted in different font sizes in
various combinations of two fonts, Times and Helvetica. Dark blue, blue, black
and red were used for the font colors. In the first page of the (EVE) site, the type
was designed around a graphic line drawing of the gable end of a house. The
body of this house was divided into four sections. Each section contained
the word describing one area of insurance that the local company offers (ie.
home, auto, life, business). This version contained a navigation link to the
second page. The second page (EVE)
contained a list of 7 statements, made from the consumers’ point of view,
about what they want in an insurance agency. Each statement was precluded
by a cartoon picture that illustrated the statement content. The (BTO) version was all
on one page. There was one horizontal line dividing the first section from
the second section. All of the information in the (BTO) version was aligned
flush left. The type was black. The background was white. With the exception
of the name of the local agency which was in all capital letters, no attempt
was made to use any text formatting that could be judged to be visually enhancing.
There were three experimental groups, one viewing the BTO version, one viewing
the EVE version, and one viewing both. Participants were randomly assigned
to one of these groups except for one participant who arrived right after
the group was assigned. This person was conveniently placed in a group. Memory
retention, clarification of message and immediacy of understanding were tested
with a twelve question fill-in-the-blank quiz, each variable having four questions,
taken by the participants immediately after viewing the Web Presentation.
The four questions used to test memory retention were:
(1) How many phone numbers were shown?
(2) What was the name of the local company?
(3) In what town was the local company located?
(4) What was the slogan of the first section of the Web site?
This set of questions
was tested for reliability using Cronbach’s alpha and produced an alpha
of .55.
The four questions used to test clarification of message were:
(1) How many areas of quote information were listed?
(2) What was the name of the parent company?
(3) Name the areas of quote information?
(4) What was the theme of the second part of this Web site?
This set of questions
was tested for reliability using Cronbach’s alpha and produced an alpha
of .85.
The four questions used to test immediacy of understanding were:
(1) How many items were listed in the second section?
(2) Describe what one of the items of the second section said?
(3) What second language was offered?
(4) What was the first section of this Web site about?