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

491–500 of 577 posts

Re: Material 3 Expressive

#491

Post by overfeed »

amluto wrote: post #368
0x457 wrote: post #324

Earlier quoted context omitted.

> Material Design v1 I think it was the worst one. At least from an interoperability perspective: sure, a giant floating "+" in a circle in notes app on a mobile device is alright CTA to add a new note, but on anything bigger than that (even an iPad screen) it's bad. Apps and websites using it felt like "Work in Progress, we will style it later" except there was no later it was already styled and was just ugly.

> sure, a giant floating "+" in a circle in notes app on a mobile device is alright CTA to add a new note No, it’s not, because it floats over the actual content, which means that the user can neither see nor interact with the content under it. Of course, no one carefully designs the rest of the UI to make sure that content doesn’t get stuck under the floating button.

> No, it’s not, because it floats over the actual content, which means that the user can neither see nor interact with the content under it.

1. How narrow is your screen? The FAB is typically used over scrollable full-width list items.

2. Using a design system does not release the app author from their UX duties, like making sure the UI works as best as possible.

Re: Material 3 Expressive

#492

Post by johnisgood »

jampekka wrote: post #470
freeone3000 wrote: post #452

Earlier quoted context omitted.

You can do that by changing the cursor icon for the elements in question. The CSS rule does support per-element swapping (because of course it does, that’s how a text input has a bar but a button has a pointer).

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

I am pretty sure it is doable in CSS.

Re: Material 3 Expressive

#493

Post by agos »

pen2l wrote: post #430
bflesch wrote: post #120

How did these clowns manage to make my mouse cursor laggy? It is incomprehensible for me to live in such a big bubble with such a big paycheck and then spend zero brainpower on systems without graphics acceleration. This is extremely bad engineering and these engineers should be called out for it. It takes a special kind of person to deliver this and be proud of it. Once they made their millions at Google these engin…

I've opined about the atrocious announcement pages from Google before (across the board they are offensively sucky), but to give that a rest and speak on-topic about the announcement in question -- good lord what a step back it is, how ugly, insipid, spiritless, and unimpressive it is. Expressive? It's exactly the opposite. Material team, what have you got against shadows, soft bevels, borders, those 2px worth of ado…

My hot take is that material started with only one goal in mind: we need a visual design vocabulary for mobile but it must absolutely look different from iOS. And by going with this in mind they threw the bath water, the baby, and half of the bathroom

Re: Material 3 Expressive

#494

Post by exac »

asah wrote: post #159

"By making the Send button larger and more prominent, participants were able to spot the button four times faster." By making the Send button larger and more prominent, participants were 4x more likely to accidentally press it. Also, participants were given 2x less vertical space in which to create their content. As a result of these studies, we enlarged the button another 2x in order to double the number of messages…

And they moved it closer to the keyboard, which is where the primary buttons should be on mobile anyways. Total incompetence.

Re: Material 3 Expressive

#495

Post by simojo »

bflesch wrote: post #120

How did these clowns manage to make my mouse cursor laggy? It is incomprehensible for me to live in such a big bubble with such a big paycheck and then spend zero brainpower on systems without graphics acceleration. This is extremely bad engineering and these engineers should be called out for it. It takes a special kind of person to deliver this and be proud of it. Once they made their millions at Google these engin…

As someone who had a landlord that was a google software engineer, I concur.

Re: Material 3 Expressive

#496

Post by [deleted] »

superb_dev wrote: post #448
Lammy wrote: post #445

Earlier quoted context omitted.

> However, this article has a lot of "Pepsi Logo" vibes So wildly successful that we're all still talking about it even though they don't even use that logo any more?

I'm not sure we're talking about it because it was successful, I think we're talking about it because the design document for it was insane: https://www.goldennumber.net/wp-content/uploads/pepsi-arnell...

[deleted]

Re: Material 3 Expressive

#497

Post by agos »

GoToRO wrote: post #155
bflesch wrote: post #120

How did these clowns manage to make my mouse cursor laggy? It is incomprehensible for me to live in such a big bubble with such a big paycheck and then spend zero brainpower on systems without graphics acceleration. This is extremely bad engineering and these engineers should be called out for it. It takes a special kind of person to deliver this and be proud of it. Once they made their millions at Google these engin…

You are just part of the problem. In which companies do engineers still have the final say? Almost none.

At almost all the companies I’ve worked with engineers might not have the final say but they’re still on the hook for blatant performance issues

Re: Material 3 Expressive

#498

Post by figassis »

andrepd wrote: post #23
rafaelmn wrote: post #19

Earlier quoted context omitted.

Especially since it feels so bland and "corpo safe" - the only thing I have feelings about is selling this as expressive :D

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?

Re: Material 3 Expressive

#499

Post by aucisson_masque »

> Expressive design makes you feel something

I found it quite funny because the first month of using the new 'overscroll' animation that came with material you, the thing that stretch the text when you reach the end of a page and keep scrolling, made me want to throw up and gave me headaches lol.

To be completely serious, i looked at the preview images, for instance the Gmail one with the big send button and it confirmed my long time hypothesis. Google is copying the design of these phone for old folks that got everything big and bold with contrast turned all the way up lol.

You're telling me 18-24 loves material 3 ? I can tell you my grandma would love it. She can't see very well and her hand shake, this would be handy.

Re: Material 3 Expressive

#500

Post by SietrixDev »

jfoster wrote: post #107
SietrixDev wrote: post #56

Earlier quoted context omitted.

It's what iPad does when you use a mouse. https://web.archive.org/web/20200602200001/https://www.apple...

Is that meant to be an argument in favor of it? That it's what the iPad does for the extremely rare case of a user using a mouse with it?

Just information. I don’t know rare this case is, I use my iPad mostly with magic keyboard which has a touchpad.

Honestly it doesn’t bother me at all because it only applies to UI elements and not the websites link or buttons.

Post reply on HN