UX would be "what drawer will the utensils be within the kitchen? Usually close to the microwave/stove/fridge."
UI would be "Does this drawer need handles or can you open it from the bottom?"
> Usability--what you are describing--is the UX or user experience, buttons colors composition affordance is the UI,
Considering these to be separate disciplines is just more of the same madness. They're inextricable.
> At least that's what it has been for 20+ years.
I think it's more that over the past 15-20 years there's been a growing trend of people forgetting that "look and feel" doesn't just mean "look".
Not if you've actually done both. ;-)
Here's an example:
UX would be: on beginning a customer purchase, do we use a funnel pattern (isolating the purchase experience from the layout template), or is there backout that allows the user back to the store instead of back through the path.
UI would be: how do we design the checkout template, what colors and fonts from the corporate palette do we use where
Totally unrelated.
Make sense?
You cannot decide whether a small piece of what you call "UI" is good without considering its place within the larger context that you call "UX". A dialog box that is very pretty, fits well with the overall aesthetics of the application and the platform/OS, and properly does what it says it does—would still be an example of bad UI if it's one of those dialog boxes that shouldn't exist in the first place and is a product of the developers/designers fundamentally misunderstanding the workflow or goals of their users.
This distinction you're trying to make is really not productive. Its too vague and subjective about where to draw the line, and I'm pretty sure most people who are adamant that a line must be drawn are people who will subsequently neglect things on one side of the line as "somebody else's problem".
I can see this is pointless because clearly you have no experience with either in a professional context. I feel like you're just trying to "win" here and not really listening.
Don't be an ass.
You seem to have finally elucidated a meaningful, unambiguous distinction between UI and UX as you see it: UX is purely abstract, can be described with nothing more than flowcharts and probably is concerned with what kind of mental model the user forms for how the application works behind the scenes, while UI is any concrete realization of an interface; any discussion of a real on-screen layout of information and controls would fall under UI rather than UX.
I can see how that distinction could be useful in a more or less academic way. Unfortunately, even using your definitions there are a lot of usability concerns to UI, as I originally claimed but you took exception to. Bad UI layouts can lead to objectively, measurably worse usability (eg. number of clicks required, hard-to-hit targets, etc). Those problems are real: you cannot assess usability in your purely abstract "UX" context and then completely set aside usability concerns in favor of aesthetics when you start drawing a real UI. You have to constantly keep usability in mind throughout the entire design process, even when fine-tuning your final UI layout.
(Your definitions of UX vs UI would also seem to lead to "UX Designer" being a job title in the same vein as the kind of "software architects" who don't contribute at all to writing, reviewing or testing the actual code.)
Usability--what you are describing--is the UX or user experience, buttons colors composition affordance is the UI, connecting the buttons to the REST endpoints is frontend, servicing the REST endpoints is backend, making sure the backend is running and so is the gateway is devops. At least that's what it has been for 20+ years.