UX Career Newsletter: What is an affordance?

DISCLOSURE: This post may contain affiliate links. When you click a link and make a purchase, we receive a commission. This is at no cost to you. Thank you for supporting our ad-free site!

You’re reading the UX Career Newsletter, a weekly UX newsletter covering UX career tips, UX training, and UX jobs

One of the first words I learned in UX class was affordance. It sounded fancy and made me feel 10% more hipster as a designer. To oversimplify, an affordance is a signal for something that a user can act upon – for example an underline in web design affords the idea of text that can be clicked on.

In this issue, we get into the nitty-gritty of affordances. Do you feel 10% cooler already?

Affordances and Metaphors (article link)

If you haven’t heard of Joel Spolsky, then you’ve probably heard of StackOverflow – the internet’s most popular programming Q&A website.

Joel’s oldie-but-goodie article explains how affordances help bridge the gap between the software UI and users’ mental models of how things should work.

There are many conventions and mental models I took for granted, especially with “desktop” and “folders.”

Read the article for a trip down UI memory lane (especially the bit about the Microsoft “briefcase”):

https://www.joelonsoftware.com/2000/04/18/affordances-and-metaphors/

Why is the blue tap colder than the white one? (Link to discussion)

Speaking of StackOverflow, here’s an interesting discussion on StackExchange – the expert Q&A community for dozens of topics like UX, design, and mo’.

The user’s question about temperature knobs reminds me of the types of questions children ask sometimes – 100% valid and makes you wonder how things got to be the way they are. Even if it’s something as mundane as temp colors.

Check out the discussion: https://ux.stackexchange.com/questions/111099/on-water-fountains-why-the-blue-tap-is-supposed-to-be-colder-than-the-white-one

Affordances and their importance to UX practitioners (Link to UX course)

Affordances are such an important thing to nail down when you’re designing interactions, and fortunately there’s a quick (but actionable) course around the topic.

UX Designer Rex Hartson teaches you the 5 most common types of affordances (+ how to use them), and also how to avoid false affordances that confuse users.

I dig this course because there’s plenty of visual examples to make sense of it all.

UX course here: Affordances and Their Importance to UX Practitioners


Keep learnin’,

Oz / UX Coach @ UXBeginner.com

liked this article? tell everyone!

Email
LinkedIn
Twitter
Facebook

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.