I cannot resist addressing a different question — the distinctions between UI, IxD, IA, and UX, as revealed in this control panel

1/
This offers a bad design example with many KINDS of improvements possible, so we can talk about the different kinds of design involved and how they relate

2/ A complicated, confusing control panel for a washing machine
Perhaps most obviously, there are weak affordances: we cannot tell what many of these buttons will do or what the lights indicate.

It presents a confusing face.

So we can improve this simply at that USER INTERFACE level, providing more clear labels.

3/
We can get even more specific than “UI”:

There are a few symbols here, so we can talk about ICON DESIGN, which is a very specific class of UI design work.

For even so narrow a design problem as that, we need to broaden our thinking to the overall USER EXPERIENCE …

4/
… because we need to understand the users and the conditions under which they will use this machine.

Will this washing machine be used by people unfamiliar with it, in a laundromat … or in someone’s home, where they will quickly develop skill in using it again and again?

5/
It is tempting to think of icon design as pure visual technique craft, but this basic question of purpose for a washing machine shows how it is entangled in a user needs analysis, which in turn connects to marketing questions.

6/
This control panel for a washing machine reveals a key distinction many product dev orgs miss:

The customer may be a very different person from the user. The customer may be a laundromat owner (marketing!), while the user is the laundromat patron (UXD!).

7/
Icon design’s close sibling is INTERFACE LANGUAGE DESIGN.

Again we must ask about user & context.

For a machine in one’s home, one wants labels that are succinct & distinct.

In a laundromat, more explicit & detailed explanation is desirable.

8/
Interface language design for a washing machine does not have much territory to cover, but more complex tools may include a lot of labels, feedback, instructions, et cetera … and may interlock with DOCUMENTATION DESIGN used in training or for reference.

9/
Even a simple washing machine has documentation to consider. It comes with a manual, and most top-loaders have instructions under the lid.

In this simple example we see several elements of documentation design.

10/ The underside of the lid for a top-loading washing machine,
Even a simple instruction panel like this has several INSTRUCTIONAL DESIGN components:

COPYWRITING (the text of the instructions)

INFORMATION DESIGN including CONCEPTUAL DIAGRAMS

INFORMATION ARCHITECTURE for how those are organized

VISUAL DESIGN for how it fits together

11/
There are opportunities for improvement on several design fronts here.

For instance, the How To information probably should be verbose in the name of clarity … but the warnings should be succinct and visually emphasized so users will register them.

12/
I notice that we have an intrusion of marketing copy here.

This pitch is perhaps relevant to a customer … but not to a user … and it takes up precious, permanent under-lid real estate.

Shouldn’t this go on a display at the retailer, instead?

13/ Close-up of a section of the under-lid instructions from the
Returning to the control panel itself, we see that even in a pretty simple system UI design can be understood as an INFORMATION ARCHITECTURE problem —

not just how these controls are labeled, but how those things are organized and relate to each other

14/
There’s an interesting diagram solving an INFORMATION DESIGN problem grounded in an IA (info architecture) grouping decision:

the row of lights across the top middle, linked by lines to indicate a continuum of options

(It suggests a sequential process, which this … isn’t)

15/
There is also an INTERACTION DESIGN component here.

When one pushes the buttons and turns the knobs, this affects STATES & MODES of the system, reflected in lights providing feedback … and what the machine will actually do.

16/
I suspect that like with many washing machines, the knob switches between various modes, with lights turning on and off as indicators:

in Mode A it uses cold water and does a longer rinse, in Mode B it uses warm water and more vigorous motion from the agitator, and so forth

17/
Just as we talk about the lights and buttons and knobs being interFACE design (the face between system & user), we talk about the behaviors of the system when the user turns the knob and pushes the button as interACTION design (the system acting in response to user action)

18/
In the overlap between UI, IA, visual design, and interaction design (IxD) we can ask questions like:

What is the most important action here? Starting and stopping the machine, right?

Why is that not emphasized, easiest to find and do?

19/
Notice also that these UI/IxD/IA questions I have been talking about are informed by the machinery of the device, on two levels:

what washing capacities does the machine have?

what is the vocabulary of what we can do with this interface?

20/
To the second question:

It looks like this interface is implemented very mechanically, using LEDs and buttons and so forth.

There are probably significant engineering limitations in how closely lights & buttons can be spaced and so forth.

21/

These are technical questions about FRONT END ENGINEERING which affect the vocabulary which UI, IA, and IxD designers can use.

And of course we can choose a different platform for the front end — say, a touchscreen — which has a different vocabulary.

22/
The tech platform chosen for the front end thus informs design ... and must be informed by design.

As an IxD I may hunger for the flexibility of a touchscreen, while also preferring mechanical controls as better suited to the laundry room.

23/

This is not only a UX design question. It connects to technologies, costs, manufacturing capacity, maintenance, marketing to customers, developer skill accessible to the development organization.

24/

Making product decisions informed by all this and more is itself a full-time job, called PRODUCT MANAGEMENT.

25/
Oops! I tried to defer describing "user experience design" (UX) but no such luck.

This thread is in dialogue with @jjg's capture of 1990s discussions of "user experience" as an umbrella for various entangled types of design.

All of this is UXD.

26/

jjg.net/elements/
(still just getting started; I'll be chipping away at this thread all day)

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Jonathan Korman

Jonathan Korman Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @miniver

25 Oct
It is frustrating that the TV adaptation of ‘Foundation’ is trying to do the right things and it just does not seem to be working
Characters come and go too quickly in the ‘Foundation’ novels, so the show gives us a succession of clone Emperors, an immortal robot, and Hari Seldon on tape for continuity, and folds in character stories to hang off of the backbone story.

These are really good ideas.
A contemporary reader of the ‘Foundation’ novel wonders where the heck the computers are, so the TV adaptation gives us a robot to give us a tantalizing early glimpse of how Asimov tied the Foundation stories and Robot stories together.

This is a good idea.
Read 11 tweets
8 Sep
As a longtime hater of Andrew Sullivan, this is a pleasure to see
This thread is really all the takedown of Andrew Sullivan that you need

The Andrew Sullivan takedown I used to rely on was this one from Mark Ames, which is weird considering how the two of them now occupy the same Bullshit Bro space

nsfwcorp.com/dispatch/andre…
Read 8 tweets
7 Sep
“Gender then becomes a negotiation, a struggle, a way of dealing with historical constraints and making new realities. […] We don’t just choose it. And it is not just imposed on us.”
The deuce.

Shortly after I read it, the Guardian snipped out the bit of their interview in which Judith Butler was scathingly critical of TERFs. It is very appalling and so...
A screenshot which shows the Guardian’s question about Wi Spa, transphobes, and Proud Boys which prompted Judith Butler to the reply which they scrubbed.

Offered to me by an opponent of trans liberation who imagines that this somehow discredits Butler. (It doesn’t.) Image
Read 8 tweets
2 Sep
OK, I want to spend a minute with this, because I expect to need it for future reference.

This story about a journalist attacked in Portland by black bloc antifascists is misreported.

1/

wweek.com/news/2021/09/0…
This thread has a bunch of relevant context omitted from the WWeek article.

It elides the attack by far right demonstrators. And journalist Staab went out of her way to antagonize the militant antifascists.

2/

It was the far right demonstrators who sprayed journalist Staab with mace. The WWeek article does not bother to describe this.

3/

Read 10 tweets
9 Jul
… if we rightly recognize the psychological trauma of the marginalized as consequences of systemic injustice, and we recognize that a lot of white guys badly need therapy, that should take us to a nuanced version of how Toxic Masculinity Hurts Us All …
… where we can recognize that the routine traumas which men experience are both bad on the merits AND part of the engine of injustice which harms women even more …

… with some parallel-but-different analysis of the traumas of whiteness, heteronormativity, et cetera …
Read 17 tweets
3 Apr
A plush toy I saw in a shop window back in the 20th century made me so angry that I became fully devoted to socialism.

To myself, I call this The Crocodile Epiphany.

1/
The shop was a “gift shop”, and there in the window was an little plush crocodile, a few inches high, wearing a T-shirt with a pun on it.

It was ugly, and the joke was bad.

Croc ’N’ Roll.

2/
Someone was going to buy this “toy”, and give it to someone as a gift. They would chuckle over the bad pun. It would sit on their desk for a week or a month or a year before getting tossed into a landfill.

This was its PURPOSE. That was the plan for it.

Croc ’N’ Roll.

3/
Read 14 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(