7 ms·

The UX world has gone so far backwards, regardless of age, in the last five years it's hard to know where to begin: flat design, washed out colors, thin fonts,

The UX world has gone so far backwards, regardless of age, in the last five years it's hard to know where to begin: flat design, washed out colors, thin fonts, buttons that look like badges that look like input boxes that look like borders, modals that take over the entire screen with only a faint x in the upper right corner to indicate what is going on, input fields with internal labels that disappear as soon as anything is entered, and on and on. Just going back to bootstrap 2, for all its problems, would be a step forward at this point.

rawTruthHurts 9y ago
But all those are UI concerns rather than UX, aren't they?
- liveoneggs 9y ago
  The UI services the UX
nailer 9y ago
> flat design, washed out colors I think these are positive for UX: compare the shotgun blast of color on OS X default icons to the simple, clear shapes of Windows 10's default icons.
- ashark 9y ago
  Being able to tell things apart at a glance equals a "shotgun blast of color"? We're not talking about the Hotdog Stand theme, you know. The more methods you use to differentiate things from one another the easier it is to navigate an interface. Abandoning depth so completely was already stupid, mostly-white-on-blue-uniform-squares? You have color, use it! That shit was awesome when I was 19 and wanted to make my XFCE monochrome because I thought it looked cool. It's not awesome when major OS companies copy my awful teenage taste in desktop aesthetic just because it makes for slick-looking screenshots. Please, someone, have better sense than that. Look, this: https://dri1.img.digitalrivercontent.net/Storefront/Company/msintl/images/English/en-INTL-Windows-10-Home-KW9-00265/en-INTL-L-Windows-10-Home-KW9-00265-RM2-mnco.jpg https://dri1.img.digitalrivercontent.net/Storefront/Company/... Is not something to aspire to. If you think that's easy on the eyes I can only assume you never used interfaces back when you could tell one thing from another without having to play Where's Waldo—which, admittedly, was pretty long ago at this point. Look at the buttons on that dialog! Who OK'd that?! Look at those crappy icons that look like the 404-not-found of the icon world! Don't look at where Mail is on the far left. Look at the center of the screen. Tell me which one's mail. Can you even guess? Just tried it on my MacBook, and I could tell what every icon was out of my peripheral vision, thanks to the "shotgun blast of color".
  - nailer 9y ago
    Overuse of color was done because designers could do things like photographic icons, gloss, gradients etc rather than because it makes things more distinguishable for the user. OS X in particular had multiple levels of shininess which made it hard to distinguish the actual shape of the objects - they learnt their mistake and are attempting to roll it back years after Microsoft popularised digital first design. The Linux DE's haven't even learnt that yet. Windows mail uses an envelope symbol. It's far more obviously mail than a picture of an eagle flying in the sky with a white scalloped, stamp-like border. Do people even use stamps anymore? Compare with the OS X-style "Cars: fast as lightning" which I guess is a car but is so detailed I can't really tell.
    - ashark 9y ago
      I won't defend the stamp thing's discoverability (though it's not that bad—and besides, if you know what an envelope is you probably know what a stamp is, and if you don't then it's because you're somehow encountering envelopes exclusively in non-mail contexts so how is that going to be associated with mail for you? Anyway...) but I don't think it matters how appropriate an icon they use if half of them are same-proportioned, white, and sitting in identical blue squares that are mostly wasted ("negative") space, compared with MacOS icons that are larger in proportion to the space they're granted and use color so you can tell what they are without having to look directly at them. Looking back at Leopard screenshots (I assume that's part of the era with the supposed excessive-shininess?) those icons were slightly worse because smaller (probably configurable though? I don't remember) but their shape seems to be a bit more apparent and distinctive (most of mine on Sierra are squares or circles) so I'd call it a wash, usability-wise. Maybe slightly favoring the new ones because color is easier to distinguish in peripheral vision than shape. I'm not seeing a practical problem with the use of depth, aside from "depth is bad now, because reasons". Microsoft's Win10 design is like the kind of thing developers come up with when they manage to banish designers from a project—not saying that's what happened, and I doubt it is, but it really looks like it (I can't get over that drop-down box, god, it's like I tried to style it). It's incredibly bad. It reminds me of really old "how to make your web forms pretty" tutorials from the pre-CSS days. I seriously thought I was in some kind of safe-mode when I started it up the first time. [EDIT] actually, rather than pre-CSS, let's specifically go with "when people used the term DHTML". STRONGLY reminiscent of that time period—but not of finished websites, of web design tutorials from that time period.
cableshaft 9y ago
I think simple flat design and simple color schemes was a good change, personally. The rest I don't really disagree with.
- FabHK 9y ago
  But you probably "grew up" with the prior, more easily discoverable interface versions. (Remember that when Steve Jobs presented the iPhone, he had to explain the "flick to scroll" gesture, because it was so new - previously, you'd have to touch a tiny triangle in the corner of the scroll view, with a stylus, to scroll... :-) When I gave my mom an iPad, which already came with the fancy new thin flat iOS design, I had to first switch to a larger, fatter font (thanks, Apple, for making this possible in the Accessibility settings!), and then spend quite some time explaining things, as many controls ("yes mom, that word is actually a button you can press") and gestures were not easily discoverable. The fat 3D buttons were much easier to discern. (Note that Apple also has a "Button Shapes" settings in Accessibility to re-enable them, though not as "3D". Maybe they could have a global "beginner" or "senior" setting that would switch these settings over from pretty to functional and discoverable...)
  - ashark 9y ago
    iOS 6 was the pinnacle of iOS UI discoverability. I'm still baffled at some of their decisions. That slide-to-unlock element was perfection. It never needed to change because you almost certainly can't do any better (OK, sure, using the home button to trigger unlock now is better, but as far as on the screen unlock initiators, that's it). Any kid or oldster immediately understood it. And 3d-ish buttons are a thing for a reason. It's gotten a little better since the WTF-is-this-shit days of iOS7, but not much. It went from "what should my grandma use? Definitely an iPad, no question" to "what should my grandma use? Ugh, god, a Chromebook I guess?" Now force-touch, and new gestures, and crap sliding from the top and bottom of the screen, on top of everything else. It's much easier to get lost in for someone who's half-terrified of computers, which is still lots of people, and I'm not sure it's much better for the rest of us, either.
- carsongross 9y ago
beaconstudios 9y ago
flat design and washed-out colours are great compared to the graphics-and-rounded-edges horror that we used to contend with. Everything else, I agree with - especially around indistinct controls. Modals are fine as long as they have a clear shadow background and there's some kind of cancellation button on the main modal - and also, pressing ESC or clicking the shadow should close a modal. That's just UX 101.
- carsongross 9y ago
  > flat design and washed-out colours are great compared to the graphics-and-rounded-edges horror that we used to contend with See my sibling comment: flat UI improved default aesthetics but hurt UX. We should have retained simulated depth (and higher contrasts for important UI elements) for the usability advantages. It was a matter of refining what we had, rather than tossing it all out.
  - beaconstudios 9y ago
    flat UI doesn't have to be completely depth-free though. I agree with you when it comes to completely flat (metro-style) design where no depth cues are provided. Material and bootstrap styles are considered flat UI, from what I understand.

rawTruthHurts 9y ago

But all those are UI concerns rather than UX, aren't they?

liveoneggs 9y ago
The UI services the UX

nailer 9y ago

> flat design, washed out colors I think these are positive for UX: compare the shotgun blast of color on OS X default icons to the simple, clear shapes of Windows 10's default icons.

ashark 9y ago
Being able to tell things apart at a glance equals a "shotgun blast of color"? We're not talking about the Hotdog Stand theme, you know. The more methods you use to differentiate things from one another the easier it is to navigate an interface. Abandoning depth so completely was already stupid, mostly-white-on-blue-uniform-squares? You have color, use it! That shit was awesome when I was 19 and wanted to make my XFCE monochrome because I thought it looked cool. It's not awesome when major OS companies copy my awful teenage taste in desktop aesthetic just because it makes for slick-looking screenshots. Please, someone, have better sense than that. Look, this: https://dri1.img.digitalrivercontent.net/Storefront/Company/msintl/images/English/en-INTL-Windows-10-Home-KW9-00265/en-INTL-L-Windows-10-Home-KW9-00265-RM2-mnco.jpg https://dri1.img.digitalrivercontent.net/Storefront/Company/... Is not something to aspire to. If you think that's easy on the eyes I can only assume you never used interfaces back when you could tell one thing from another without having to play Where's Waldo—which, admittedly, was pretty long ago at this point. Look at the buttons on that dialog! Who OK'd that?! Look at those crappy icons that look like the 404-not-found of the icon world! Don't look at where Mail is on the far left. Look at the center of the screen. Tell me which one's mail. Can you even guess? Just tried it on my MacBook, and I could tell what every icon was out of my peripheral vision, thanks to the "shotgun blast of color".
- nailer 9y ago
  Overuse of color was done because designers could do things like photographic icons, gloss, gradients etc rather than because it makes things more distinguishable for the user. OS X in particular had multiple levels of shininess which made it hard to distinguish the actual shape of the objects - they learnt their mistake and are attempting to roll it back years after Microsoft popularised digital first design. The Linux DE's haven't even learnt that yet. Windows mail uses an envelope symbol. It's far more obviously mail than a picture of an eagle flying in the sky with a white scalloped, stamp-like border. Do people even use stamps anymore? Compare with the OS X-style "Cars: fast as lightning" which I guess is a car but is so detailed I can't really tell.
  - ashark 9y ago
    I won't defend the stamp thing's discoverability (though it's not that bad—and besides, if you know what an envelope is you probably know what a stamp is, and if you don't then it's because you're somehow encountering envelopes exclusively in non-mail contexts so how is that going to be associated with mail for you? Anyway...) but I don't think it matters how appropriate an icon they use if half of them are same-proportioned, white, and sitting in identical blue squares that are mostly wasted ("negative") space, compared with MacOS icons that are larger in proportion to the space they're granted and use color so you can tell what they are without having to look directly at them. Looking back at Leopard screenshots (I assume that's part of the era with the supposed excessive-shininess?) those icons were slightly worse because smaller (probably configurable though? I don't remember) but their shape seems to be a bit more apparent and distinctive (most of mine on Sierra are squares or circles) so I'd call it a wash, usability-wise. Maybe slightly favoring the new ones because color is easier to distinguish in peripheral vision than shape. I'm not seeing a practical problem with the use of depth, aside from "depth is bad now, because reasons". Microsoft's Win10 design is like the kind of thing developers come up with when they manage to banish designers from a project—not saying that's what happened, and I doubt it is, but it really looks like it (I can't get over that drop-down box, god, it's like I tried to style it). It's incredibly bad. It reminds me of really old "how to make your web forms pretty" tutorials from the pre-CSS days. I seriously thought I was in some kind of safe-mode when I started it up the first time. [EDIT] actually, rather than pre-CSS, let's specifically go with "when people used the term DHTML". STRONGLY reminiscent of that time period—but not of finished websites, of web design tutorials from that time period.

cableshaft 9y ago

I think simple flat design and simple color schemes was a good change, personally. The rest I don't really disagree with.

FabHK 9y ago
But you probably "grew up" with the prior, more easily discoverable interface versions. (Remember that when Steve Jobs presented the iPhone, he had to explain the "flick to scroll" gesture, because it was so new - previously, you'd have to touch a tiny triangle in the corner of the scroll view, with a stylus, to scroll... :-) When I gave my mom an iPad, which already came with the fancy new thin flat iOS design, I had to first switch to a larger, fatter font (thanks, Apple, for making this possible in the Accessibility settings!), and then spend quite some time explaining things, as many controls ("yes mom, that word is actually a button you can press") and gestures were not easily discoverable. The fat 3D buttons were much easier to discern. (Note that Apple also has a "Button Shapes" settings in Accessibility to re-enable them, though not as "3D". Maybe they could have a global "beginner" or "senior" setting that would switch these settings over from pretty to functional and discoverable...)
- ashark 9y ago
  iOS 6 was the pinnacle of iOS UI discoverability. I'm still baffled at some of their decisions. That slide-to-unlock element was perfection. It never needed to change because you almost certainly can't do any better (OK, sure, using the home button to trigger unlock now is better, but as far as on the screen unlock initiators, that's it). Any kid or oldster immediately understood it. And 3d-ish buttons are a thing for a reason. It's gotten a little better since the WTF-is-this-shit days of iOS7, but not much. It went from "what should my grandma use? Definitely an iPad, no question" to "what should my grandma use? Ugh, god, a Chromebook I guess?" Now force-touch, and new gestures, and crap sliding from the top and bottom of the screen, on top of everything else. It's much easier to get lost in for someone who's half-terrified of computers, which is still lots of people, and I'm not sure it's much better for the rest of us, either.
carsongross 9y ago

beaconstudios 9y ago

flat design and washed-out colours are great compared to the graphics-and-rounded-edges horror that we used to contend with. Everything else, I agree with - especially around indistinct controls. Modals are fine as long as they have a clear shadow background and there's some kind of cancellation button on the main modal - and also, pressing ESC or clicking the shadow should close a modal. That's just UX 101.

carsongross 9y ago
> flat design and washed-out colours are great compared to the graphics-and-rounded-edges horror that we used to contend with See my sibling comment: flat UI improved default aesthetics but hurt UX. We should have retained simulated depth (and higher contrasts for important UI elements) for the usability advantages. It was a matter of refining what we had, rather than tossing it all out.
- beaconstudios 9y ago
  flat UI doesn't have to be completely depth-free though. I agree with you when it comes to completely flat (metro-style) design where no depth cues are provided. Material and bootstrap styles are considered flat UI, from what I understand.