Live data from Hacker News

Flat UI: Free Web User Interface Kit

designmodo.github.com

191–200 of 201 posts

Re: Flat UI: Free Web User Interface Kit

#192
post #191

Ouch, someone just sent in a DMCA: https://github.com/github/dmca/blob/master/2013-03-06-LayerV... Now you can't download it, however the OP link still seems to work fine. Is this a troll DMCA? I don't get it.

Looks like it comes from these folks. https://layervault.com/

Re: Flat UI: Free Web User Interface Kit

#193
post #191

Ouch, someone just sent in a DMCA: https://github.com/github/dmca/blob/master/2013-03-06-LayerV... Now you can't download it, however the OP link still seems to work fine. Is this a troll DMCA? I don't get it.

Looks like it comes from these folks. https://layervault.com/

https://github.com/github/dmca/blob/master/2013-03-06-LayerV...

this guys said about "exclusive rights holder for the artwork contained within Flat UI, Free Web User Interface Kit; These exclusive rights are being violated by material available upon your site at the following URL:

http://designmodo.github.com/Flat-UI/

i made an comparison with http://designmodo.github.com/Flat-UI/

what artwork in Flat UI is the same??? layervault are crazy?

Re: Flat UI: Free Web User Interface Kit

#194

Earlier quoted context omitted.

Looks like it comes from these folks. https://layervault.com/

https://github.com/github/dmca/blob/master/2013-03-06-LayerV... this guys said about "exclusive rights holder for the artwork contained within Flat UI, Free Web User Interface Kit; These exclusive rights are being violated by material available upon your site at the following URL: http://designmodo.github.com/Flat-UI/ i made an comparison with http://designmodo.github.com/Flat-UI/ what artwork in Flat UI is the same?…

At least they got some traffic to their site!

Re: Flat UI: Free Web User Interface Kit

#195

Earlier quoted context omitted.

There's an easy solution for this: As soon as you interact with the page, be it mouse, touch proximity, or keyboard, you could highlight clickable elements - perhaps with a border, perhaps links with an underline. Then you have the best of both worlds.

Being able to almost interact with an element to check whether it is interactive is not the "best" of both worlds, it's a compromise.

At least I posit 'a' solution! I'm not a fan of mystery meat navigation, and to be honest - there are plenty of sites - that use quite dumb non-intuitive UIs - including non obvious links and drop down menus. An intuitive navigational mode applied to web pages could really help.

I get what you are saying though. I'd envisage say, as soon as you tap the screen or move the mouse, all the navigational controls would be highlighted - rather than having to hover the mouse over something to see if it's a link or not.

Re: Flat UI: Free Web User Interface Kit

#198

Earlier quoted context omitted.

Good for you but understandable user interfaces are (and should be) higher priority than prettiness; the "warning button" looks like a warning message for me. But of course there are alternatives for visual clues that still look flat-ish: http://i.imgur.com/jXN2tpe.jpg

The problem with your example is context. OP's link to the flat design is lumping all the UI elements together. Essentially, out of context. Even your use of the label was awkward. "Danger Button", the text, is weird. However, if you'd relabeled it Submit, or some other common action word, it would make more sense. Couple that with the lack of a form. I'm not saying that flat buttons are superior, or that 3d looking…

The problem with your argument is the need of context; not everyone designing web pages is good at design and contextualization of interfaces, this is not an "opinion", is a FACT. And what it means is that in general, promoting practices such as flat buttons is counter-productive for usability.

Re: Flat UI: Free Web User Interface Kit

#199

Earlier quoted context omitted.

but now I see, that most people that like the flat design "trend", probably have no notion of design history and never even heard about the international typographic style. And that worries me, a lot.

Some of us have though, and I'll talk for days about International Style to anyone who asks :)

How do I go about asking?

Re: Flat UI: Free Web User Interface Kit

#200
post #160

Earlier quoted context omitted.

Seen any music software or soft synth plugins recently? (eg. Rebirth http://createdigitalmusic.com/2010/05/rebirth-reborn-as-synt... )

Indeed. And in contrast, Ableton Live has been the king of flat UI for more then ten years: http://upload.wikimedia.org/wikipedia/en/7/7c/Live_8_Screens...

Comparing VSTs and Ableton are a great example of how too much of either can be a bad thing.

Although Ableton is generally a pleasure to work with, that is due to the way their interface works (especially the time/waveform navigation, I can't understand why nobody has copied that). The flatness of their UI has occasionally confused me (but not as bad as certain skeuoverdosed VSTs).

Cool, I usually kept quiet on these matters because I thought I hadn't really ever given a flat UI a good try. But Ableton definitely counts.

I think the main problem with Flat UIs is the lack of affordance: There is no shared visual language yet to signify the difference between an indicator and an input element. That could be either a switch-button vs a status indicator light (both coloured circles) or a text input box vs a info panel (both rectangles with text).

One way to maybe solve it would be the convention that things brighter than their environment are for input and darker things are for indicators/information. Or vice versa. Because there's no convention yet.

Post reply on HN