spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / programming / optimize / speedup / chap2 To page 1To page 2current pageTo page 4To page 5
[previous] [next]

Speed Up Your Site, Chapter 2: Flow in Web Design

Developer News
Sir Tim Talks Up Linked Open Data Movement
From L.A. to Vegas With 100GbE
Salesforce Rolls Out Big Summer '08 Update

What Causes Flow Online?

Speed and control play a big part in establishing flow in online interactions. In 1996, Hoffman and Novak extended Csikszentmihalyi's work to consumer navigation on the web. They proposed that users return to web sites that facilitate flow and suggest that online marketers offer these "flow opportunities."[16] It turns out that marketers are listening. Nearly 45 percent of the users that they surveyed experienced flow online. A subsequent study found that 47 percent of users had experienced flow on a specific web site.[17] Hoffman and Novak defined flow online as:

"the state occurring during network navigation which is: (1) characterized by a seamless sequence of responses facilitated by machine interactivity, (2) intrinsically enjoyable, (3) accompanied by a loss of self-consciousness, and (4) self-reinforcing." [18]

The prerequisites for flow online are similar to those offline. On the web, flow "is determined by (1) high levels of skill and control; (2) high levels of challenge and arousal; and (3) focused attention; and (4) is enhanced by interactivity and telepresence."[19] Telepresence is a new dimension unique to online environments where users feel they are part of the action.[20]

Novak, Hoffman, and Yung tested and refined their conceptual model of flow to create a structural model that describes the factors that make for a compelling online experience. They found that flow is a multidimensional construct with nine variables, including interactive speed.

Speed and Flow

Hoffman, Novak, and Yung found that the speed of interaction had a "direct positive influence on flow" on feelings of challenge and arousal (which directly influence flow), and on importance. Skill, control, and time distortion also had a direct influence on flow.[21]

The researchers then applied their model to consumer behavior on the web. They tested web applications (chat, newsgroups, and so on) and web shopping, asking subjects to specify which features were most important when shopping on the web.

They found that speed had the greatest effect on the amount of time spent online and on frequency of visits for web applications. For repeat visits, the most important factors were skill/control, length of time on the web, importance, and speed.

So to make your site compelling enough to return to, make sure that it offers a perceived level of control by matching challenges to user skills, important content, and fast response times.

Experiential versus Goal-Directed Flow

Confirming their previous work, the authors found two types of flow: experiential (associated with recreational surfing) and goal-directed (associated with research, shopping, etc.). The authors suggest that these two types of activities require different web site designs to facilitate flow.

Less-experienced users tend to see the web in a hedonic, playful way, while more experienced users tend to view the web in a utilitarian way, or a means to accomplish tasks. The authors found that telepresence/time distortion, exploratory behavior, focused attention, and challenge/arousal correlated with recreational web use, while skill/control, importance, and experience correlated with task-oriented activities, such as research, work, and shopping.

There is some debate over which type of flow is more common on the web. A subsequent study found that flow is more likely to occur during task-oriented activities than during recreational activities.[22] Nantel, Sénécal, and Gharbi found that flow contributes to more hedonic online shopping experiences but not to utilitarian shopping.[23] They suggest that e-tailers offer both types of activities for a compelling shopping experience. Offer "flow opportunities" plus utilitarian features like one-click buying, intuitive searches, and customized pages.

In either case, to facilitate flow, as designers we must offer plenty of speed and "enough challenge to arouse the consumer, but not so much that she becomes frustrated navigating through the site and logs off."[24]


home / programming / optimize / speedup / chap2 To page 1To page 2current pageTo page 4To page 5
[previous] [next]

16. Hoffman and Novak, "Marketing in Hypermedia Computer-Mediated Environments," 66. Back

17. Thomas P. Novak, Donna L. Hoffman, and Yiu-Fai Yung, "Measuring the Customer Experience in Online Environments: A Structural Modeling Approach," Marketing Science 19, no. 1 (2000): 22–42. Back

18. Hoffman and Novak, "Marketing in Hypermedia Computer-Mediated Environments," 57. Back

19. Novak, Hoffman, and Yung, "Measuring the Customer Experience," 24. Back

20. Jonathan Steuer, "Defining Virtual Reality: Dimensions Determining Telepresence," Journal of Communication 42, no. 4 (1992): 73–93. Back

21. Novak, Hoffman, and Yung, "Measuring the Customer Experience," 34. Back

22. Donna L. Hoffman, Thomas P. Novak, and Adam Duhachek, "The Influence of Goal-Directed and Experiential Activities on Online Flow Experiences," Journal of Consumer Psychology 13 (2002). Back

23. Jacques Nantel, Sylvain Sénécal, and Jamel Gharbi, "The Influence of the Flow on Hedonic and Utilitarian Shopping Values," Advances in Consumer Research 29 (2002). Back

24. Novak, Hoffman, and Yung, "Measuring the Customer Experience," 39. Back

From Speed Up Your Site: Web Site Optimization, Chapter 2.
Copyright 2003. Reproduced by permission of New Riders.



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM eBook: Planning a Service Oriented Architecture
IBM eBook: Choosing the Right Architecture--What It Means for You and Your Business
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Avaya Article: Using Intelligent Presence to Create Smarter Business Applications
Intel Go Parallel Article: Getting Started with TBB on Windows
Microsoft Article: 7.0, Microsoft's Lucky Version?
Avaya Article: How to Feed Data into the Avaya Event Processor
IBM Article: Developing a Software Policy for Your Organization
Microsoft Article: Managing Virtual Machines with Microsoft System Center
Intel Go Parallel Article: Intel Threading Tools and OpenMP
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
HP Video: StorageWorks EVA4400 and Oracle
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
Silverlight 2 App and Walkthrough: Leverage Silverlight 2 with SQL Server and XML
IBM Article: Enterprise Search--Do You Know What's Out There?
HP Demo: StorageWorks EVA4400
Microsoft Article: The Progress and Promise of Deep Zoom
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Book Review: Head First JavaScript · Web Hosting Control Panels · Use Your Blog for Fast Search Engine Rankings
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
NetApp's Virtual Storage Strategy Crystallizes · F/MC Watch: A Cisco-Centric Approach · Olympic Time Trials Use Wi-Fi Mesh

Created: February 5, 2003
Revised: February 21, 2003

URL: http://webreference.com/programming/optimize/speedup/chap2/3.html