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

Material UI

material-ui.com

Post reply on HN
Print view View original

121–130 of 166 posts

Re: Material UI

#121

Post by tomelders »

gohrt wrote: post #111
orbifold wrote: post #85

Earlier quoted context omitted.

The current trend is rooted in the fact that computer displays approach the visual fidelity of paper prints by now (> 300dpi). Consequently a more print like design language is adopted, which often features a small selection of colours and simple geometric shapes. The large variety in print design demonstrates that this is not an unreasonable restriction. In my eyes the translucency of windows in Yosemite is a much n…

When Windows 7 did translucency, it was considred ugly. Now when Apple does it, it's good design.

I don't agree. I think apple is fielding a lot of criticism for its current design.

Re: Material UI

#122

Post by Sir_Cmpwn »

corford wrote: post #47

Bug report: If I follow the "Demo" link from the homepage, the first demo ("Buttons") works but clicking on any of the others (via the left hand menu) e.g. "Dialog" doesn't do anything. No obvious errors in the console. I'm using FF 33.0.3 on Win7. Edit: looks promising though - just get them bugs ironed out! :)

This is a big issue. Cross-browser compatibility is extremely important for anything like this that wants to be taken seriously.

Re: Material UI

#123

Post by Alex3917 »

tomelders wrote: post #44

I had a talk with myself at the weekend about making a concerted effort to cut out the snark when I comment on the web.... And I'm about to fall at the first hurdle. Being "on trend" isn't good UI design. But I can see how we got here. Through OS X and iOS, Apple's UI ethos became the gold standard in UI design. It was so well designed that it was easy to imitate and by simply adopting the core elements of Apples UI…

I don't like everything in Material Design, but there are undeniably a lot of really really good ideas in there. So borrow the patterns that work, and ignore the rest.

Re: Material UI

#125

Post by Sakes »

tomelders wrote: post #44

I had a talk with myself at the weekend about making a concerted effort to cut out the snark when I comment on the web.... And I'm about to fall at the first hurdle. Being "on trend" isn't good UI design. But I can see how we got here. Through OS X and iOS, Apple's UI ethos became the gold standard in UI design. It was so well designed that it was easy to imitate and by simply adopting the core elements of Apples UI…

Consistency / familiarity is a very important part of developing UIs/UXs that are intuitive.

What you have with material design is a very well documented approach to promoting this. The wrong direction? As a developer I lack the expertise/talent to have an opinion one way or the other on the direction presented by material design. But if the designer community is unhappy with the approach, then they should probably get together to create competing principles that can be adopted by the rest of the dev/design community.

You are still free to design you applications however you see fit, but you risk missing out on users quickly feeling comfortable in your applications.

Re: Material UI

#126

Post by alexsopilot »

orbifold wrote: post #85
tomelders wrote: post #44

I had a talk with myself at the weekend about making a concerted effort to cut out the snark when I comment on the web.... And I'm about to fall at the first hurdle. Being "on trend" isn't good UI design. But I can see how we got here. Through OS X and iOS, Apple's UI ethos became the gold standard in UI design. It was so well designed that it was easy to imitate and by simply adopting the core elements of Apples UI…

The current trend is rooted in the fact that computer displays approach the visual fidelity of paper prints by now (> 300dpi). Consequently a more print like design language is adopted, which often features a small selection of colours and simple geometric shapes. The large variety in print design demonstrates that this is not an unreasonable restriction. In my eyes the translucency of windows in Yosemite is a much n…

The "Folder" metaphor is something I've been considering a lot lately. It seems so ingrained in modern computing.

Apple has started to move away from it tags and "All my Files."

I struggle to think of a better way to solve organizing and collecting items than into nested groups.

Re: Material UI

#127

Post by xg15 »

calinet6 wrote: post #87
clay_to_n wrote: post #46

Earlier quoted context omitted.

Yeah, I think standalone it should have the arrow right at the end. When the dropdown is used in a form, it should have an underline, like so from the Material spec: http://material-design.storage.googleapis.com/publish/v_1/qu...

Yeah, let's not consider every copycat that comes along a valid and complete implementation of good UI guidelines... This one surely is not.

The problem is that many people will use those copycats as the basis for their own app designs. Not everyone is willing to really understand the reasoning behind the design spec down to such minute details as an arrow placement if he can be hip and trendy with something that superficially looks like the same design.

If a design is so easily misunderstood with such (comparably) large consequences for the user, that's a flaw in the original spec IMO.

Re: Material UI

#128

Post by alexsopilot »

tomelders wrote: post #121
gohrt wrote: post #111

Earlier quoted context omitted.

When Windows 7 did translucency, it was considred ugly. Now when Apple does it, it's good design.

I don't agree. I think apple is fielding a lot of criticism for its current design.

My opinion on Apple's use is mixed. In cases like the OS X lock screen, the use is great. It signifies an inability to continue until the device is unlocked while hinting at the content underneath.

Other uses are gratuitous and often the blurring and blending of colors creates weird sensations where what is underneath a window seems more important. I can see something is there, but can't make out the details, make me anxious that I'm missing something happening in the window.

Re: Material UI

#129

Post by some1else »

Similar efforts:

1) Angular Material Design

https://material.angularjs.org - Good, light framework, but intended for Angular apps

2) Materialize

http://dogfalo.github.io/materialize - Beta stage, follows Material guidelines closely, incomplete though

3) Leaf Framework

http://getleaf.com - Not as good, front-end framework, strays from Google direction

Use this for maximum Material design feel:

4) Polymer Paper Elements

https://www.polymer-project.org/docs/elements/paper-elements... - Super awesome, disjoint components, not a framework

5) Google Material Web Starter Kit

http://google.github.io/web-starter-kit/material - Good enough, light framework

6) Google Web Starter Kit

https://developers.google.com/web/starter-kit - Full fledged framework, doesn't fully capture Material though

Re: Material UI

#130

Post by Aardwolf »

vanderZwan wrote: post #3

http://material-ui.com/#/components/buttons Aaaand the first three buttons are hidden until you hover over them. How visual designers keep making mistakes like this in the age of mobile browsing is beyond me. EDIT: As has been pointed out to me below, they have their use-cases. I still wouldn't put them as the first shown option though - they're not exactly the sensible default fall-back. Also, the menu doesn't work…

Confirmed: menu doesn't work in firefox, so I can only see the first demo (buttons). Clicking "Dialog" or other demos on the left does nothing.
Post reply on HN