🤯 Cognitive Load:
The amount of mental effort required by a task.
Zettle
Bookends
Cloudflare
High cognitive load
Twitch
Reducing commitment
The theory is that the potential of your short-term memory is limited, and the brain cannot process an infinite number of 'things'.
Although hard to accurately measure, the cognitive load refers to the amount of strain your processing unit (brain) is under, at that moment.
Plenty of products have a high cognitive load—it doesn't necessarily make something bad.
For example, playing a fast-paced video game like Call of Duty requires a lot of concentration, and demands 'processing power' (of your brain).
You need both attention and interest to handle the cognitive load, but everyone will break eventually.
What you need to be mindful of is having a high cognitive load, on something that isn't enjoyable (or interesting).
✅ Churn
People will actively churn from highly stressful situations.
✅ Input quality
A high cognitive load can limit cognitive function. i.e., people will perform worse at exams if they're under a great stress.
For input forms (sign-up / onboarding), this can manifest in the user just selecting the easiest options (defaults).
✅ Productivity & efficiency
✅ Effort & motivation
✅ Discomfort & frustration
A high cognitive load can lead to frustration and stress. It's uncomfortable to be under a high cognitive load.
✅ Happiness & enjoyment
Zettle takes the long process of creating an account, and breaks it into steps.
Then, between each step, they have these 'bookend' pages, which gives the user a chance to pause, relax and reset.
i.e., without these, the form would be relentless. Every page would require you to do something.
Cloudflare (the cloud security service), understand that some of their users will be visiting in moments of high intensity.
i.e., stress, anxiety or pressure.
Because of this, they've designed their product to reduce anxiety, and offer immediate support.
The main navigation has two ways to get support: a primary CTA, and a phone number to call.
Cloudflare have accepted that their users will already be under a high cognitive load, and designed their site to accommodate it.
When viewing a channel for the first time, the main CTA is labelled 'learn more', instead of something more committing, like 'Subscribe'.
Although it does actually start the subscribing journey, it allows the user to make a low-commitment decision, thereby reducing the cognitive load in that moment.
![](data:image/svg+xml,<svg display="block" id="2241880184" role="presentation" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M 0.897 1.646 C 0.552 1.989 0.312 2.425 0.203 2.901 C 0.203 2.904 0.203 2.906 0.202 2.911 C -0.703 7.117 1.463 11.39 6.043 15.965 C 10.565 20.483 14.902 22.706 19.09 21.801 C 19.092 21.8 19.094 21.799 19.097 21.799 C 19.568 21.692 19.999 21.456 20.341 21.116 C 20.582 20.885 20.913 20.554 21.244 20.223 C 21.729 19.74 22 19.082 22 18.398 C 22 17.713 21.729 17.057 21.244 16.573 L 18.812 14.139 C 17.804 13.131 16.171 13.131 15.163 14.139 L 14.238 15.066 C 13.969 15.335 13.554 15.395 13.22 15.214 C 12.065 14.479 10.828 13.452 9.691 12.315 C 8.561 11.184 7.531 9.943 6.81 8.795 C 6.62 8.458 6.677 8.043 6.947 7.772 C 6.951 7.768 6.956 7.762 6.96 7.758 C 7.241 7.466 7.563 7.144 7.866 6.839 C 8.873 5.831 8.873 4.197 7.866 3.189 L 5.433 0.756 C 4.95 0.272 4.294 0 3.61 0 C 2.926 0 2.269 0.272 1.786 0.756 Z" fill="rgb(255, 255, 255)" height="22.00003095067357px" id="d8dLzF7CH" transform="translate(0 0)" width="22.000293766102647px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" id="222082005" role="presentation" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M 22 13.357 C 22 13.983 21.751 14.582 21.309 15.024 C 20.867 15.466 20.268 15.714 19.643 15.714 L 2.357 15.714 C 1.731 15.714 1.132 15.466 0.69 15.024 C 0.248 14.582 0 13.983 0 13.357 L 0 4.021 L 10.648 9.345 C 10.869 9.456 11.131 9.456 11.352 9.345 L 22 4.021 Z M 0.691 0.69 C 1.133 0.248 1.732 0 2.357 0 L 19.643 0 C 20.268 0 20.868 0.248 21.309 0.69 C 21.73 1.111 21.974 1.674 21.998 2.265 L 11 7.765 L 0.002 2.265 C 0.026 1.674 0.27 1.111 0.691 0.69 Z" fill="rgb(255, 255, 255)" height="15.714187334136962px" id="ta6fHHMhV" transform="translate(0 2.75)" width="22px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" id="4170654759" role="presentation" viewBox="0 0 22 26" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M 15.85 4.177 C 14.316 1.561 11.568 0 8.501 0 C 3.814 0 0 3.75 0 8.363 C 0 9.811 0.409 11.268 1.184 12.588 L 7.708 21.553 C 7.872 21.828 8.176 22 8.501 22 C 8.819 22 9.123 21.838 9.259 21.608 L 15.853 12.533 C 17.383 9.914 17.383 6.789 15.85 4.177 Z M 11.693 7.779 C 11.693 9.512 10.261 10.921 8.501 10.921 C 6.744 10.921 5.312 9.512 5.312 7.779 C 5.312 6.05 6.741 4.641 8.501 4.641 C 10.261 4.641 11.693 6.05 11.693 7.779 Z" fill="rgb(255, 255, 255)" height="22px" id="qqsnXVfDT" transform="translate(2.75 4)" width="17px"/></g></svg>)