Cognitive friction

Interaction design guru Alan Cooper (www.cooper.com) defined this term to describe the mental stretch caused when tools behave in a way that seems unrelated to what you wanted. I find it extremely helpful in illustrating the ever-present anxiety of being a normal web user.

Note: Alan describes this much better in his excellent book "The Inmates are Running the Asylum". Please buy it.

In times gone by, using a tool to do something was a simple affair. e.g. Gather friends > take sticks > make stick pointy > poke mammoth with sticks > repeat until mammoth falls over. The pointy stick is very low in cognitive friction: its purpose and form are directly related. Even if you’d never used a pointy stick before, you could imagine how you could use it simply by looking at it or handling it. If you stick yourself in the leg with it, you understood why you’d been stuck in the leg, and you would learn how to avoid getting stuck in the leg again.

Todays’ tools are generally high in cognitive friction: their form and purpose are more often unrelated.

In order to get my microwave to heat some food, I first have to set the length of time to cook for. I can’t just press ‘Start’ and then stop it when I choose. Then, I have to select my power setting. Then I press ‘Start’.

On the other hand, when I’ve finished writing this topic, and wish to shut down my (Windows) computer, what do I press? Yes, the ‘Start’ button.

There’s nothing about my microwave that lets me know how to use it to fulfil my goal of getting food hot. There’s nothing about my Windows PC that tells me how to shut it down. You have to work these things out for yourself today, somehow! That’s the cause of cognitive friction.

Another effect you notice with cognitive friction is: if something doesn’t work, you’re made to think it’s your fault.

Causes of cognitive friction on the web

Size!

Experience teaches us not to trust new sites straightaway. There are so many web sites out there, when we’re searching for something, it’s likely that this unfamiliar site we’re on is the wrong one. If we’re on the right site, we’re probably on the wrong page.

Think about it. To complete a typical web goal, say booking a hotel ticket, you may have to visit 25 web pages (search engine, follow a link, go back to search engine, follow another link, find right site, navigate to booking section, select dates and room type, check availability, enter all your information, enter your billing information, verify your billing information, confirm your order… Only one of those pages actually books the hotel ticket. Most of the others either completely wrong, or in the way.

I know the web is too big to see. Statistically, I’m almost certainly not on the right page, and anyway the next search engine result is likely to load faster and help me find what I’m after quicker.

Hyperlinks

Hyperlinks are naturally high in uncertainty. Click one and you could end up anywhere. What’s more, click the wrong one and you could accidentally launch an obscene web site, a hundred popup adverts, or pick a virus. (How designers can minimise the uncertainty of hyperlinks)

How do users respond?

The main coping mechanism we use to counter the low trust we have in the web is a manic, impatient behaviour.

  • We decide in as little as 1/20 of a second whether a site is appealing or not.
  • We scan pages for clues that "You’re in the right place"
  • We make quick decisions about whether to carry on or go back (It’s proven that web users don’t read the page and make a valued decision on the best link to follow, but select the first likely-looking option. See Steve Krug’s book "Don’t Make Me Think" – below – for more excellent insight into this.)
  • When searching, we often don’t even wait for the page to load, before deciding whether to click back, or follow a link (Note: Principle of putting the most important stuff at the top so it loads and is seen first.)
Don't Make me Think (2nd edition)

Don't Make Me Think, 2nd edition

By Steve Krug

Level Introductory

This is the one must-read usability book for all web designer and developers.

Steve Krug's masterpice (now in its second edition) achieves the amazing feat of making very complex concepts simple enough for anyone to understand.

It's a very easy, lighthearted and quick read, thanks to great writing, smart page design and lots of pictures.

The second edition has several worthwhile additions over the classic original book, with 3 new chapters covering important stuff like accessibility.

Buy now from Buy now from Amazon.co.uk Buy now from Amazon.com

Read it offline

Buy the entire Basics of Web Design section as a PDF e-book:

only £1.50 GBP

Make Better Web Pages!

How to make your web site sell - use my secrets

Find out How

Do you love our approach to crafting simple & effective web sites that just work for people?

We'd love to hear about your web strategy.

Contact one of our team today!

Leave a comment

Articles + tutorials in Basics

How You Can Easily Boost Your Web Site’s Success – A Simple Step-by-Step Guide
How every web site owner can make their site more effective by applying the principles of simple web design explained in Ben Hunt's ebook
The Simple Shall Inherit the World Wide Web
The case for simplicity in web design, with tips and guidance for designers
SEO Basics, introduction to Search Engine Optimisation
A simple guide to the Basics of Search Engine Optimisation, how to optimise web pages for search engines
How to make a web site
Introduction to the process of building and publishing web pages, and overview of tools (text editors, FTP)
The Web Design Golden Rule
My golden rule for web page design - a simple touchstone to help all design decisions
Layout in Web Design
No-one looks at the screen
Why no-one wants to look at the screen when browsing the web
How to design for the web
Basics of how to design web pages for the way users really use the web
Text-based logos
Why text-based logotypes are very effective
The Sphere of Design
A conceptual tool for visualising the balance between functionality and aesthetics in visual design
Logical Positioning of Web Page Components
Importance of logical order of visual components in web page design
Scanning and Readability of Web Pages
Scanning is the most important feature of web users' behaviour. This article looks at why users scan and what designers can do to help us scan better.
Factors that influence the web browsing experience
Guide for web designers on the factors affecting how people use the web, interact with web pages, and scan instead of reading
Web Design Conventions
Understanding how to use conventions is a critical skill in design
How to Design for the Brain’s Strengths
Understanding what the human brain has evolved to do helps designers create better web pages
The Design Spectrum
A visual tool for picturing the relative aesthetic and functional elements of a design solution
Readability – making web pages easy to read
Trusting the Web Site User
Why it's important to trust users when designing web sites and applications
Why Most Web Sites Suck
Reveals the main reasons why most web sites and web page designs are so bad
Web Users are Impatient
Why web users are impatient when using the web, and what designers can do to improve the online user experience
Simple Web Designs Work Better
Explains the principle of Simplicity in web design
Why the web is hostile and how we cope
People don't use web sites in the way web designers think they do. This article explores why the web is so difficult to use, what people do to cope, and the implications for design.
© Scratchmedia Limited, 2006-2010
Floor 3, 111 Buckingham Palace Road, London, SW1W 0WQ, UK
+44 (0)207 1600 989