Better by Design

Share this post

The Creative MBA #7

www.betterbydesign.cc
The Creative MBA

The Creative MBA #7

Cognitive bias vs. logical fallacy, respecting human vulnerabilities, permission marketing, and system status colors

Patrick Morgan
Mar 9
3
Share this post

The Creative MBA #7

www.betterbydesign.cc

You can’t depend on your eyes when your imagination is out of focus.

Mark Twain

Intro

Welcome back to Better by Design. The only place on the internet where you’ll be asked to reflect on exploitations of logical fallacies and then dive into understanding UI status colors. If you haven’t subscribed yet, join 1100+ creative technologists by subscribing here:

Now, let’s get better…


Social & Behavioral Science

Cognitive bias vs. logical fallacy

While talking about cognitive bias has become more common in recent years I want to quickly talk about it alongside its close cousin, the logical fallacy. The main difference between the two is that cognitive bias reflects a natural part of our biology that we can’t change. To quote the article from Fallacy in Logic linked below:

Cognitive biases are our systematic inclinations towards certain patterns of erroneous thinking (or “irrationality”) when processing and interpreting information in the world around us. They are largely products of evolution to help us survive by simplifying information processing.

On the other hand, a logical fallacy is simply an error in reasoning or rhetoric that invalidates a claim. Again, to quote:

Logical fallacies are flaws in an argument that weaken the argument or make the conclusion invalid. These flaws, which may be committed deliberately or by accident, include drawing of false conclusions, distortion of an issue, an erroneous line of reasoning, misuse of evidence, or misuse of language.

It can sometimes be tricky to distinguish which you’re talking about because often a logical fallacy either results from a cognitive bias or consciously targets one. In either case, they represent our inherent vulnerabilities as rational creatures.

Takeaway

  • People who create products should be mindful of cognitive bias and logical fallacy as they influence both our own decision-making and the decision-making of our customers.

Practice

  • Think of a time when you’ve felt a product or company taking advantage of cognitive bias or logical fallacy to influence you.

    • How did you notice it? How did it feel? How did it change your behavior?

  • Think of a time when you’ve leaned into a cognitive bias or logical fallacy to support a product or design decision.

    • What did you intend to influence? What was the actual outcome?

Resources

  • Fallacy in Logic article on Fallacy vs. Bias

  • 15 logical fallacies you should know about

  • Cognitive bias cheat sheet


Design Principles

Image for the free Foundations of Humane Tech course

Respect human vulnerabilities

“Respect human vulnerabilities” is the first principle of the Center for Humane Technology. I appreciate the work that Tristan Harris and his team are doing to educate us about the reality of how modern tech is used to influence us.

Cognitive bias is natural; it’s hardwired into our evolution. But we can’t afford to be naive about the role it plays in modern culture. The reality is that our cognitive biases are increasingly well understood and increasingly targeted to either influence us or directly manipulate our actions.

I’ve found that designers love to play the “I would never…” virtue card when it comes to conversations about exploiting cognitive bias. That’s fine. I know that you would never do it. But we need to accept the fact that there are many people (including many technology people, designers, or otherwise) who are actively exploiting them.

I believe this principle is particularly important for our work today and so I’ll cover it more in the months to come.

Resources

  • Center for Humane Technology

  • Humane Tech Course

  • The Social Dilemma

  • Tristan Harris


Business

I picked the book up from the library and read it in an afternoon. Worth reading!

Permission Marketing

"Permission Marketing" is a somewhat self-explanatory but useful concept from Seth Godin’s 1999 book of the same name. In Seth’s own words:

Permission marketing is the privilege (not the right) of delivering anticipated, personal and relevant messages to people who actually want to get them.

In the book, Godin argues that traditional forms of advertising, such as TV commercials and print ads, are becoming less effective as consumers become savvier and are able to tune them out. Instead, he suggests that companies should focus on building relationships with potential customers first, earning their trust over time, and only then starting to share relevant offers.

In the meta twist of the day, this very newsletter is a form of permission marketing. You found it, gave it a chance, opted in, opened this message, and got here on your own. It’s my privilege to be able to deliver my work to your inbox each week and I have the utmost respect for that relationship. I admit that one day I will try to sell you things (I am trying to start a business after all). But they will be things that I think are relevant, high value, and worth your time. If you decide to buy them, great! But if not, that’s fine. I’m glad you’re here either way.

Resources

  • Seth Godin's Blog

  • Permission marketing article by Seth

  • Hubspot post on permission marketing


Technology

Bootstrap’s status colors on clear display

System Status Colors

We previously covered the importance of communicating system status for providing a good software user experience. Today we follow that up with one of the ways we implement and communicate that status: color. There are four categories of status that basically every software application accounts for: error, warning, success, and informational.

While I suppose you could make those whatever color you wanted, the common approach is to use stoplight colors, plus blue. So:

  • Error → Red

  • Warning → Yellow/Orange

  • Success → Green

  • Informational → Blue

Now, I don’t actually find system status colors that interesting. They just kinda are what they are. But what I do find interesting is how they influence how we build a product UI color palette around them.

Want to build a green-branded UI? That’s cool. But you also need to make sure to differentiate your primary brand green enough from the status green to be noticeable. You can notice that dynamic on display in the image from Bootstrap above: their primary blue is substantially different from their informational blue.

If you’re savvy and peeked at a primary color wheel, you probably noticed that the only color fully untouched by status is purple. In my totally unscientific gut feeling, this explains why there are so many purple branded apps: it’s easier to distinguish as a brand color in application UI that needs to protect status colors.

Resources

  • Bootstrap colors page

  • Carbon design system status colors

  • NNg Heuristic 1

  • Color Theory


Craft

Twitter avatar for @UltraLinx
Oliur @UltraLinx
"So what made you choose the colors and fonts for this design? What was your thought process behind it?" "Ermmm, because it looks sick."
12:26 PM ∙ Jan 20, 2023
986Likes87Retweets

This is your friendly reminder that it’s okay to make something just because you think it’s awesome.

I feel like our push to create “data-driven” cultures within tech companies has led many people to get super hung up on trying to rationalize every single design decision.

I get it. I do it too.

But while there are plenty of moments when basing design decisions on hard data makes sense, there are also moments in design when the data can’t save you.

You have to use your taste and training and make a judgment call.

Will you choose the direction that’s kinda safe and blah?

Or will you choose the direction that excites you?

The choice is yours.


If you got a little value from this post, consider subscribing, sharing, or following me on Twitter. If you got a lot of value, consider pledging to support my work with a paid subscription in the future. Either way, I appreciate you!

Share Better by Design


Recent Digests 🔙

Better by Design
The Creative MBA #6
“For all men believe in their hearts that injustice is far more profitable to the individual than justice. . . ” Plato Intro Hello everyone! Welcome back to a rebranded digest, now known as “The Creative MBA”. After reflecting on my content formats last week…
Read more
a month ago · 1 like · Patrick Morgan
Better by Design
The Creative MBA #5
“You can use an eraser on the drafting table or a sledge hammer on the construction site.” Frank Lloyd Wright Intro Hello everyone! Welcome back to Better by Design, the only place on the design internet not consumed by the debate over whether or not to name your Figma layers this week 😅. It was a big week for the newsletter, as we crossed the 1,000 subsc…
Read more
a month ago · 5 likes · Patrick Morgan
Share this post

The Creative MBA #7

www.betterbydesign.cc
Previous
Next
Comments
TopNewCommunity

No posts

Ready for more?

© 2023 Patrick Morgan
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing