Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Material 3 Expressive

design.google

Post reply on HN
Print view View original

541–550 of 577 posts

Re: Material 3 Expressive

#541

Post by klabb3 »

thewebguyd wrote: post #469
klabb3 wrote: post #146

Earlier quoted context omitted.

> But it's still a flat design, and thus does not properly transport clickability. And toggled / disabled states. With mobile’s lack of hover, it’s often a game of trial and error to figure out what’s even interactable. > And their weird approach for the color schemes still leads to an ugly mess, pastel with weird contrasts and color combinations that just are ugly. It looks like a poster for a party. To extrapolate,…

> And toggled / disabled states. With mobile’s lack of hover, it’s often a game of trial and error to figure out what’s even interactable. The toggle switch is one of the worst UI conventions to come out of mobile IMO and I get irrationally irate when I see it in desktop UIs with a mouse and keyboard. A simple checkbox would have done just fine, we've those since forever, and they clearly convey either an on or off s…

> A simple checkbox would have done just fine

Simple is in the eye of the beholder. Try asking a younger person which one is simpler. The checkbox is tied to a form, ticking it doesn’t do anything until you submit, whereas a toggle switch activates immediately.

> Which color or direction is on or off?

The colored state (green or blue) means enabled. The switch knob is always to the right. I have seen confusing designs too, but they are rare.

Re: Material 3 Expressive

#542

Post by agos »

lanyard-textile wrote: post #401

Ex-googler here. Yeesh :) Not surprised to find this little nugget of googleyness: One of the experiments starts by internally asking Google designers for an opinion about their intents for a design, and basing further research off their answers. https://m3.material.io/blog/testing-material-3 > We started by interviewing Google designers to ask what interfaces are intended to accomplish, and users to understand what…

Or if you’re not US-based, apparently. So much for Material 2 (you?) focus on diversity

Re: Material 3 Expressive

#543

Post by jampekka »

freeone3000 wrote: post #471
jampekka wrote: post #470

Earlier quoted context omitted.

The cursor color inversion can't be done with CSS though.

Use a different colored image. The background colour of the hovered element is known. When you specify the bgcolor, also override the cursor image.

The effect on the page is per-pixel, it doesn't change the whole cursor color when the hovered element changes.

For normal elements this can be done with mix-blend-mode, but that's not available for the cursor.

Re: Material 3 Expressive

#544

Post by klabb3 »

mminer237 wrote: post #539
agos wrote: post #510

Earlier quoted context omitted.

I get your point but they’re all the same: colored/saturated: on. White/grey: off

Material v2 massively desaturated all colors though. On my phone it's technically a little purple but essentially light gray is on and darker gray is off. https://i.imgur.com/QiCEguh.png

This is so unnecessary. Why would they do that? Just use a strong color.

Re: Material 3 Expressive

#545

Post by agos »

krikou wrote: post #295
lebowska wrote: post #267

Earlier quoted context omitted.

Best thing about this, is that these components, the web version of the material 3, that in my opinion should also be the best showcase of this visual language, are not even updated to this latest "expressive" update. Why? Because they're in in maintenance mode. https://github.com/material-components/material-web/discussi...

The value proposition of material-web was really convincing (accessible, high quality web-based component built on top of lit) and the dev team did an incredible job. It was killed even before they got a chance to release a full component set. Google, fool me once ...

I love that the footer of this new Material 3 has a “web” link that leads to a project in maintenance mode. It was baffling to say the least to follow it

Re: Material 3 Expressive

#546

Post by formerly_proven »

dmix wrote: post #512
formerly_proven wrote: post #475

Earlier quoted context omitted.

> it's usually not overly disruptive (new macOS settings aside). The core functionality and layouts remain more or less the same ios 18 photos app?

Similar to Settings app I think the Photos app was because they rewrote it in Swift.

There's multiple things to this.

One is the complete change in how the app is structured. Many feel going from tabs with purposes and distinct UIs to one "mono UI" where you navigate between the sections by scrolling a lot is a regression. (On the other hand, the new UI can be customized a bit)

The other is the pretty severe performance regression. The old Photos app was mostly fairly smooth when it came to scrolling and zooming. In the new Photos app literally every time you start moving even a few cm on the timeline it's choppy and stuttering for a second. Zooming is likewise a stutterfest. That's pretty bad because it's just an extremely obvious and reproducible straight-line regression.

And finally there's changes like how the timeline is now always wrapped to a full last row, which means anytime a photo / video is added, the whole timeline is re-wrapping. For reasons only known to Apple this rewrapping will happen visibly and stutteringly when you open the Photos app even if the picture was taken five minutes ago. That change is incomprehensible because clearly people spent a bunch of work adding all those stuttering animations, yet nobody questions how obviously retarded it is to have an infinite scrolling timeline where _appending_ an item causes everything to shift? And then you don't even make an effort to hide that, but instead show a grid of photos when opening the app, then notice "oh, the user took a photo some time ago! How very unusual! Let me wait half a second and then reshuffle everything on screen!".

It's the exact equivalent of having ads pop in or layout shifts two seconds after page load. It's extremely and very obviously bad.

These are the kinds of thing that make it obvious that none of the people working on this software actually use it. It's the kind of garbage you expect - and get - from throwing JIRA tickets over the fence to some random lowest bidder sub-sub-contractor five continents away.

And that's the level of quality you get in one of Apple's "flagship use case" apps (how many iPhone ads focus on the camera? Most of them).

Re: Material 3 Expressive

#547

Post by echoangle »

figassis wrote: post #498
andrepd wrote: post #23

Earlier quoted context omitted.

No but look > We found a 32% increase in subculture perception, which indicates that expressive design makes a brand feel more relevant and “in-the-know.” We also saw a 34% boost in modernity, making a brand feel fresh and forward-thinking. On top of that, there was a 30% jump in rebelliousness, suggesting that expressive design positions a brand as bold, innovative, and willing to break from convention.

So google has been tracking rebelliousness since when that today they have a 30% historical comparison?

I think that’s the comparison between the traditional and the new design

Re: Material 3 Expressive

#548

Post by greatgib »

tacker2000 wrote: post #506
dgimla20 wrote: post #37

Material Design v1 cracked it. It was simple to implement, simple to understand and simple to use. Minimal overheads with a clear content-first approach. "It's time to move beyond “clean” and “boring” designs to create interfaces that connect with people on an emotional level." I don't want websites and apps to connect with me on an emotional level. I want to turn my phone/computer on, use the app/program to achieve…

Material design v1 is the reason we have extremely low information density and extreme whitespace everywhere. Just compare the original Gmail UI to the one Google has now. Or original Adwords admin page to the one they launched 2-3 years ago. Its a regression in every possible way. And apple is also not far behind in enshittyfying their UIs in order to merge the Desktop and the Smartphone paradigms into one. This is…

Just to quote the article itself: Why did all these apps look so similar?

Because of material design already lol

Re: Material 3 Expressive

#550

Post by wltr »

sgt wrote: post #549
wltr wrote: post #289

Earlier quoted context omitted.

I’m on an iPhone, and I see no cursor lag!

Maybe it's a browser issue and not GPU / CPU

I was being sarcastic, but actually I durst to open the link from my iPhone, realising it’s a more powerful computer than most Internet users have.
Post reply on HN