21–24 of 24 posts
The vertical alignment of the text is off and the colors are a bit muddy compared to the vibrant palette of http://designmodo.com/flat-free/ (which was clearly the inspiration for this).
From a usability perspective I don't think this really works at all. For most of the UI elements, the only visual indication that you get that something is clickable (buttons, link, collapsibles) or separate (grouped buttons) is on mouse hover. But this is for jQuery Mobile, and you don't get mouse hovers on the devices this is targeted for.
Don't be so dramatic. From a usability perspective, it works enough. Also, interactivity is changing and themes are options. People don't hover or click with touch devices. Many UI concepts are in flux (again). Link? Button? Collapsible? Let go of what you know and watch people using flat UI. There are many ways to hint interactions within flat design. As has always been, stick to more abstract interaction fundamenta…
"Flat UI is bad for usability" keeps getting repeated as a criticism against the flat UI trend but is not actually true.
Bad UI design is bad for usability, regardless of VISUAL style.
As jack_trades mentions, there are MANY other ways to convey interactivity without artificial depth, texture.
Think about a simple modal. Users know to look at the top-right, sometimes left, for controls for the modal. What difference does it make if the user sees a flat X icon or an X inside a beveled, drop-shadowed button?
Re: desktop vs. mobile; If a user has to hover over an element just to know if it's interactive then perhaps the design has already failed.
jQM is for mobile devices why are you using custom dropdown?
The "flat" style being distributed today is a giant step backwards in usability, I can't for the life of me understand why it's so popular. On desktops, it's not clear until you hover that it's even an interactive element. On mobile? Forget it. You'll have better luck teaching your grandmother the difference between client and server side JavaScript.
> On desktops, it's not clear until you hover that it's even an interactive element. Have you considered that this is due to you and others being conditioned to believe that beveled/3d elements indicate interactivity whereas flat elements do not? Maybe a change is in order... Also related to the abandonment of "fake" depth in web design is the latest A-List-Apart article, "Material Honesty" - http://alistapart.com/ar…