The information architecture of behavior change websites

Abstract

The extraordinary growth in Internet use offers researchers important new opportunities to identify and test new ways to deliver effective behavior change programs. The information architecture (IA)-the structure of website information--is an important but often overlooked factor to consider when adapting behavioral strategies developed in office-based settings for Web delivery. Using examples and relevant perspectives from multiple disciplines, we describe a continuum of website IA designs ranging from a matrix design to the tunnel design. The free-form matrix IA design allows users free rein to use multiple hyperlinks to explore available content according to their idiosyncratic interests. The more directive tunnel IA design (commonly used in e-learning courses) guides users step-by-step through a series of Web pages that are arranged in a particular order to improve the chances of achieving a goal that is measurable and consistent. Other IA designs are also discussed, including hierarchical IA and hybrid IA designs. In the hierarchical IA design, program content is arranged in a top-down manner, which helps the user find content of interest. The more complex hybrid IA design incorporates some combination of components that use matrix, tunnel, and/or hierarchical IA designs. Each of these IA designs is discussed in terms of usability, participant engagement, and program tailoring, as well as how they might best be matched with different behavior change goals (using Web-based smoking cessation interventions as examples). Our presentation underscores the role of considering and clearly reporting the use of IA designs when creating effective Web-based interventions. We also encourage the adoption of a multidisciplinary perspective as we move towards a more mature view of Internet intervention research.

Figure 1

Website design elements (used with permission [17])

Figure 2

Matrix design schematic

Figure 3

Hierarchical design schematic

Figure 4

Tunnel design schematic

Figure 5

Hybrid design schematic #1

Figure 6

Hybrid design schematic #2

Figure 7

1-2-3 SmokeFree Web page showing hybrid IA design (tunnel with links to optional ancillary content)