News for hackers. Stuff that matters.
Re:Flat UI Colors by tomp on Tuesday October 21, 2014 @09:15AM (#8487123)
It looks like UI design is becoming like fashion; you need to completely revamp your visual presentation every few years, unless you want to look ancient. Personally, I much prefer OSX and iOS before it became flat - I understand why Google jumped on the FlatUI bandwagon (to differentiate themselves from Apple), but I really don't understand why Apple did too - do this people really think that there 5 year old's drawings are the height of visual experience?
Re:Flat UI Colors by tomelders on Tuesday October 21, 2014 @09:27AM (#8487174)
I'm with you on this. iOS did go too far with all the skeumorphism that served no purpose (Podcast app being the biggest offender), but "flat design" throws the baby out with the bathwater in my opinion.

I'm already tired of guessing what is and isn't a button.

Re:Flat UI Colors by sampo on Tuesday October 21, 2014 @10:19AM (#8487441)
If only there was an operating system that would let you to choose from different themes for the desktop environment. /s
Re:Flat UI Colors by coob on Tuesday October 21, 2014 @10:57AM (#8487657)
If only people realised that design is more than a theme.
Re:Flat UI Colors by jbeja on Tuesday October 21, 2014 @11:15AM (#8487744)
If only people realise that Flat UI is more performant in mobile
Re:Flat UI Colors by jmulho on Tuesday October 21, 2014 @01:48PM (#8488639)
It isn't performing for me in mobile. I am pushing a rectangle and nothing is happening.
Re:Flat UI Colors by mattgreenrocks on Tuesday October 21, 2014 @10:17AM (#8487431)
Idea: someone should create a slightly snarky design site that tells you all the fonts, styles, and colors you should be using now to look 'modern'.

Bonus points if you mention the last time a particular trend surfaced.

Re:Flat UI Colors by GFK_of_xmaspast on Tuesday October 21, 2014 @09:20AM (#8487151)
"It looks like UI design is becoming like fashion;"

How could it possibly be anything else?

Re:Flat UI Colors by DougWebb on Tuesday October 21, 2014 @09:32AM (#8487194)
It could, and should, be a science. Or at least pragmatic.

If you look at clothing design, the fashion side is mostly outlandish and completely impractical. Eventually good ideas filter out of that and get into everyday clothing manufacturing, which is what everyone can actually wear.

The problem with UI design is that UIs need to be used every day, like ordinary clothing, but its becoming like clothing fashion: changing too often and usually full of flashy but unusable cruft. This would be ok if it was limited to a small number of fashionable websites, but instead everyone (but most developers) want the flashy.

Re:Flat UI Colors by vidarh on Tuesday October 21, 2014 @10:06AM (#8487366)
High fashion is mostly outlandish and completely impractical, because it is about concepts and abstract ideas more than about wearability. High-end fashion (not high fashion) on the other hand distils the concepts into wearable products that the every-day brands emulate.

The gap from high-end fashion to everyday brands is not so big - take a look at e.g. GQ and look around you to see what people actually wear, and you will quickly start seeing the same patterns and cuts and colours a few months offset (because the fashion magazines tends to report on the upcoming season), just in cheaper imitations - for the most part. And you'll see them spreading as they filter down the cost ladder.

And by the time "everyone" is wearing the cheap imitations, you'll see people in the designer brands wearing different styles and the cycle starts again.

It's the same with UI's: There's a continuous cycle of trying to look modern, refined and exclusive, and so it needs to be regularly reinvented, or it will look old-fashioned, drab and cheap.

It's not about wanting "flashy" (mostly; there are certainly sub-cultures that value flashy above following mainstream fashion). It's about wanting "modern" and "high value".

Re:Flat UI Colors by seanmcdirmid on Tuesday October 21, 2014 @09:45AM (#8487257)
Fashion is a science, or at least it is governed by human behavior in their sense of time. "Freshness" provides a feeling of improvement over time, while "staleness", though more familiar and comfortable, provides a sense stagnation, that time is frozen. It is really no wonder why young people are interested in being "fashionable" (they want time to progress, they want change) while old people are often not so interested in it (they already have a lifetime of change to reflect on).

For many websites, sure, it is superfluous, but the psychological effects are massive; ignore it at your own peril.

Re:Flat UI Colors by jbb555 on Tuesday October 21, 2014 @10:00AM (#8487334)
It's pretty much the same with applications and websites. The "trendy" ones seem to have fancy interfaces that are useless (I'm thinking of this trend in web page design to have vertically scrolling pages where each page is a different color background and has about 3 words of actual content on).

Real applications pretty much ignore all that and look like they always have

Re:Flat UI Colors by armandososa on Tuesday October 21, 2014 @12:28PM (#8488133)
I think that modern ui design is being approached more like package (graphic) design. That is: when your product is displaying on shelves with ten similar products you need to make it flashier and more colorful, yet similar to everything else in the same category. All cereal package design looks similar, yet, everyone tries to outflash everyone else.

For some reason, we designers are still designing with this mentality.

Re:Flat UI Colors by tomp on Tuesday October 21, 2014 @09:25AM (#8487172)
It could, you know, be useful. It could be developed according to the principle "form follows function", not the other way round.
Re:Flat UI Colors by icegreentea on Tuesday October 21, 2014 @09:37AM (#8487224)
Form follows function is incredibly undetermined. Multiple divergent designs can execute/allow the same functionality to the same degree.

This is especially true in software. Some additional constraints must be put on to narrow down on a single design. Maybe the constraint is developer familiarity, or developer laziness, or fashion, or whatever.

While there can clearly be 'too much' fashion, its not quite a given that current trends lie in that area, any more than previous trends have.

Re:Flat UI Colors by afandian on Tuesday October 21, 2014 @09:40AM (#8487236)
There are lots of books on evidence-driven UI design.

It depends whether you mean fashion in design principles driven by evidence or visual fashions like in clothing. I think both are inevitable to some degree.

Re:Flat UI Colors by nkozyra on Tuesday October 21, 2014 @09:28AM (#8487184)
This has been the case for the web since day 1. I can remember all sorts of trends that everyone followed, some of them examples of terrible UI. Anybody remember the super-tiny and/or monospace text phenomenon of the early 00s?
Re:Flat UI Colors by jusuchin on Tuesday October 21, 2014 @01:21PM (#8488442)
Yep... used to design anime sites with that all the time, font was 04b03. Size 10 with 2 pix border (black text, white border!)
Re:Flat UI Colors by Raphmedia on Tuesday October 21, 2014 @09:28AM (#8487182)
It's because flat UI looks good on retina / 5k.
Re:Flat UI Colors by spaceham on Tuesday October 21, 2014 @10:46AM (#8487586)
I don't necessarily agree with this. I think the reason why flat UI is having a moment is the same reason minimalism in general works. You get to remove anything things that are superfluous and focus on data/information. As awesome as spinning 3D globes and background rivets are, I prefer flat design when it comes to getting information.

I think it's best to try to get rid of unnecessary garbage in your UI, maybe that's the skeuomorphism, or maybe it's the amount buttons, images, content, etc. If done well, flat design is a usability win.

Re:Flat UI Colors by ionforce on Tuesday October 21, 2014 @10:02AM (#8487347)
> It's because flat UI looks good on retina / 5k.

I can't tell if you're being serious. But if you are, could you explain why?

Otherwise, this is one of many reasons I don't like flat design. It doesn't take advantage of all those pixels. It's just a flat wash of color.

Re:Flat UI Colors by Raphmedia on Tuesday October 21, 2014 @03:10PM (#8489163)
A few reasons. Things like gradients and other skeuomorphic components that are usually jpegs look horrible if you don't have fallbacks for retina. The screen is brighter and crisper, so those vector buttons look great. etc.

My girlfriend has, I think, an android 2.3 phone. Flat designs are HORRIBLE on it. However, they look crisp on a retina phone, so much that it actually look like the screen is made of physical (material) components.

As for people liking it or not? That's just a trend. We are going back to skeuomorphism in a few years, mark my word.

Re:Flat UI Colors by splintercell on Tuesday October 21, 2014 @10:16AM (#8487423)
It doesn't "look good" because some weird combination of large screen and flatUI, rather its easy to render on the screen because it has the same flat color in large areas than some sort of shading.
Re:Flat UI Colors by tomp on Tuesday October 21, 2014 @10:31AM (#8487512)
Not really, Apple introduced transparent/translucent windows, it doesn't really simplify the rendering. BTW, Microsoft already made this mistake with Vista, and AFAIK regrets it (also, Windows look terrible on Remote Desktop because of that).
Re:Flat UI Colors by oneeyedpigeon on Tuesday October 21, 2014 @09:45AM (#8487256)
Yeah, because we've all had 5K displays for, like, for-EVER now...
Re:Flat UI Colors by mmahemoff on Tuesday October 21, 2014 @09:19AM (#8487147)
This is nothing new. As long as there have been GUIs, platforms have issued style guides to developers and expected them to emulate the look-and-feel of the platform's own OS and flagship apps. Remember "lickable" OSX?

Flat itself is a design fad like any other, and the reality is the app's appearance and adherence to trends is a real signal of quality to most users.

Re:Flat UI Colors by tomp on Tuesday October 21, 2014 @09:36AM (#8487215)
> As long as there have been GUIs, platforms have issued style guides to developers and expected them to emulate the look-and-feel of the platform's own OS and flagship apps.

There's a difference between having a platform-specific GUI/style-guide (which I support), and changing it every few years for no apparent reason (I understand e.g. the change from Apple OS 9 to OS X - they were simply catching up with the hardware improvements - but OS X to OS Y(osemite) seems quite arbitrary).

Re:Flat UI Colors by stronglikedan on Tuesday October 21, 2014 @09:20AM (#8487154)
> UI design is becoming like fashion

I think it's always been fashionable to have a modern UI. Just look at windows (the concept). I think the trends are just moving faster nowadays, as the tools to related to developing UIs become more accessible.

Re:Flat UI Colors by orbifold on Tuesday October 21, 2014 @10:20AM (#8487450)
With the new higher dpi displays, they now follow modern print design conventions instead of some pseudo 3d look, which does not look all that good when viewed at high resolution.
Re:Flat UI Colors by jasey on Tuesday October 21, 2014 @04:59PM (#8489960)
It's because skeuomorphism worked when you had screens of a consistent size. Ie, iPhone 4s and below. Because skeuomorphism is so bitmap heavy it doesn't scale to different screen sizes.

Imo flat design came largely from responsive web design. It's just easier to build nice looking ui which adapts to any screen size when it's flat. This of course was why it suited android, because they have hundreds of diff screen sizes to cater for...

Re:Flat UI Colors by blueskin_ on Tuesday October 21, 2014 @09:55AM (#8487308)
I have to agree - I predict that in 3 years, metro will look very dated and design will be focusing on actual information density and nice effects again. It's just sad we have to sit through this wave of crap before that happens.
Re:Flat UI Colors by bobcostas55 on Tuesday October 21, 2014 @12:12PM (#8488050)
I don't know, I think a lot of the design trends right now are being driven by touch interfaces. When the mode of interaction is the ridiculously inaccurate finger, you HAVE to have giant swathes of empty space, otherwise nobody is able to actually hit what they want.
Re:Flat UI Colors by blueskin_ on Thursday October 23, 2014 @08:26AM (#8497754)
Exactly. Soon enough, people will stop trying to force the same UI on every device, and mouse interfaces will get better again.
Re:Flat UI Colors by dkersten on Tuesday October 21, 2014 @11:44AM (#8487899)
Agreed. Design seems to go through phases.

http://gbatemp.net/attachments/windows8-fail-jpg.2755/

Re:Flat UI Colors by v512 on Tuesday October 21, 2014 @11:19AM (#8487767)
Honestly I too felt that current OSx redesign is pointless though I like Google material design...kind of strange taste I have.
Re:Flat UI Colors by moron4hire on Tuesday October 21, 2014 @09:51AM (#8487286)
Yet the terminal never changes :)
Re:Flat UI Colors by bitL on Tuesday October 21, 2014 @09:35AM (#8487208)
I think it comes from trying to make screens appear like paper prints - some people love the feel of reading books/magazines and skeumorphic design elements feel disturbing to them.