Just as a joke, I'd like to see someone do a Skeu UI, the polar opposite, one with such ridiculous degrees of skeuomorphism, that you want to laugh. Maybe have it look like a WW2 era Navy Cockpit.
[deleted]
Flat UI: Free Web User Interface Kit
121–130 of 201 posts
Re: Flat UI: Free Web User Interface Kit
#122I decided to view it as a blind person might, but removing all styles ("View->Page Style->No Style") and it was interesting to see what was still a user interface (toggles were) and what wasn't (buttons weren't) and what was in between (tags).
Re: Flat UI: Free Web User Interface Kit
#123Lots of pretty things but the pagination is definitely questionable.
Re: Flat UI: Free Web User Interface Kit
#124that is really great :D
Re: Flat UI: Free Web User Interface Kit
#125I love the work that was put into this and there are some elements that I think are done extremely well and stand on their own...but after seeing a page where everything is flat, I've totally joined the non-flat side of the debate, due to the confusion/ambiguity of the interface...the buttons were especially jarring for me.
It gets worse on something like Windows 8's Metro where you get to see like 20 different square blocks, each with a different color, that may update all the time too. Try not to get a brain seizure from that.
But as always, your brain maps that information jungle to something familiar if you keep using it and it's not that complicated anymore.
After giving it some time, it's no different than pinpointing maps icon in home screen where there are other icons each with different color. At least I haven't heard anyone using Metro interface enough complaining about finding things. There are just more info on a given Metro home screen than iPhone or Android home screen, and I'm sure iPhone screen is quite complicated for someone using a Nokia 3110 for sometime.
Re: Flat UI: Free Web User Interface Kit
#126just started with node yesterday, to bring on my new website, and i totally love FlatUIs, so thats a perfect css for me =) will use it today.
Re: Flat UI: Free Web User Interface Kit
#127Here is PSD version for Designers - http://designmodo.com/flat-free/
Re: Flat UI: Free Web User Interface Kit
#128This is particularly interesting in the context of the widespread accusation that flat UIs tend to have worse discoverability (example: http://www.nngroup.com/articles/windows-8-disappointing-usab... ). If you inspect the key navigational and menu elements, they did a pretty nice job making it visually obvious (with hover states, borders, shapes etc.) what kind of functionality those flat blobs of color offer. ;)
I don't like the flat menu/buttons. I don't find anything about these flat menus or buttons to be particularly intuitive. There's no visual cues to let me know that there's sub menus there's no visual cues to let me know the buttons are clickable until I am already interacting with them (hover/mouse over etc).
"There's no visual cues to let me know that there's sub menus"
It is a fairly common pattern in nav menus to have an indicator -- the unread count or down arrow in this case -- at the top level, but not at the second or third level, and instead rely on simply hovering on the submenu to open the next level.
"there's no visual cues to let me know the buttons are clickable until I am already interacting with them"
Except one of the most powerful cues, action verbs in button copy. You could easily make the same claim you just made about say, menu item styles in OSX. The reason why the buttons seem so bad in this case is in part because it's just a demo with a wall of buttons.
Where I agree with people critical of flat designs, such as what Nielsen says, is that it breaks down in anything with anything particular complicated or with many menus and actions. That clutter of meaningless buttons at the top of the demo is a good example. But for cases where you have a simple design that can be driven by color and typography, it can work. Have a little imagination. There is no 100% good or bad trend in design. Just different solutions for different problems.
Re: Flat UI: Free Web User Interface Kit
#129Just as a joke, I'd like to see someone do a Skeu UI, the polar opposite, one with such ridiculous degrees of skeuomorphism, that you want to laugh. Maybe have it look like a WW2 era Navy Cockpit.
The Google-for-Mad-Men site was so popular it's a little surprising that you haven't gotten what you asked for http://www.masswerk.at/google60/
8-O wow, it's like being back at my first computer job.
Re: Flat UI: Free Web User Interface Kit
#130While very pretty, these controls make me feel like an old person who is learning how to use a computer for the first time. I have no idea how anything will respond if I click on it. It's a bit unnerving, but helps me empathize with first-time computer users.
Speaking of feeling old, I can barely see the light gray text at the footer and in some of the sub-headings.