It Is Not Flat Design. It's Just Proper Design
slid.es
slid.es
This deck is interesting and mostly a good way to look at many information presentation situations, but it is another instance of the recurring theme of annoying absolute statements from self-important designers.
There is bad design, there is good design, there is no "proper" design, and any designer who claims so needs to check their ego at the door before you hire them. Design and style evolve, and much of it involves fashion, fad, style, and preference. These elements evolve over time, vary between situations, companies, and products, and are part of the character of the statement design makes.
This presentation would be considered boring in some situations, depressing at others, ultrachic in others.
Not everyone wants to sit on purple glowing cubes with a fernet milkshake under mood lighting in tight pants. Some people enjoy sitting on saddles, twirling their mustaches, and line-dancing the cowshit off their boots.
The goal of design may be the minimize it's awfulness.
:)
What I took away from this was that one should be careful with the visual elements one adds, and stop to think about how those additions are helping the primary goal of communicating ideas (this may take the form of reading words, feeling excited about a product, awareness of a brand, or usability of a UI).
I like his example of the screenshots framed by Apple devices (as I've seen on so many websites). Is the goal to communicate that you make Apple devices or that you make content that could work on that type of device? In this case I think (e.g., if this was for a business portfolio showing screenshots of software UIs to potential clients) the goal is more about showcasing the work not the devices; and the more minimalist "flat design" for those device frames would seem more appropriate in communicating the simple idea that "our stuff works on mobile devices".
I think many designers need to keep the OP's points in mind and consider, step by step, why what they're adding to the content in the form of design elements is helping rather than distracting. Do you really need a drop shadow on that image? Does it help make the content's point clearer to make your button look like it's made out of leather? Is that script font you chose for your headings making it easier to read what you're saying? I think these are the sorts of questions the OP wants designers to consider, and I think his points are good to keep in mind.
Flat design is just design. It's a type of design like anything else; there's nothing "proper" about it. It's not "proper" when people screw it up because they don't include sufficient visual interface cues which result in a drastic drop in usability (I'm looking at you, Microsoft). It's just design. People can execute it horribly, and other people, like, say, Google, can execute it remarkably well.
What I find is that design is far too polarizing. There's no middle ground between skeuomorphic, three-dimensional, and flat interfaces. Why can't we have something like OS X 10.6, where there were elements of all design trends, and the result was a clean and very usable interface? Why did they have to fuck it up with 10.7 and the awful skeuomorphism? Why can't we have drop shadows? What is so "unproper" about them? Why can't we have gradients? Is it "unproper" to have those too?
This conversation has gone on long enough, and I'm tired of it. Flat design is just design.
End of story.
remember some posts few days ago about complaining that we are going back to 1999?
well, that's because good designers try to accomplish a goal, they find a way to make a crack in their way and everybody follows. now it's a trend, people with little analytic thought say "yes, this is the correct way of doing things" and exploit the new ideas but without thinking too much about it. this results in flood of poor designs of the current trend that don't serve any goal. later, some new technology emerges, some clever designer find even better way to accomplish a goal and now we have another trend emergeing and all the zombies follow until erode it, miss use the techniques and ideas.
the cycle continues all the time. sometimes a new technology or platform makes possible to take an old idea even further in solving a problem. some clever designer exploits it and now we have a retro. of course, the mass degrades it again:)
no middle ground exist, it's just cycles of progress.
More amusingly, this very presentation has a (subtle) background gradient, text shadow, a gratuitous fading animation between different background colors for different sections, and a 3D flip animation when you hover over a link, none of which are exactly hallmarks of "flat design".
I'm not unsympathetic to everything in his presentation, but the broadside of self-importance coupled with the bad design decisions in the document is pretty lame.
"Good content requires little embell-
ishment."
Line break his. Ew. And he's going to chastise other people design aesthetic?I wish people thought more before making comments like this.
First, there's a slideshow service being used. Most aspects of the slideshow come from the service's engine, not from the guy who did the presentation.
Second, there's no "line-break", much less it is "his". Get a larger monitor/device or enlarge the browser window. If you're seeing one, it's a hyphenation added by the slideshow service's CSS for widths under some size. Definitely not there for everybody, and definitely not "his".
Although I don't love/hate this post either way, the comments in here for the most part are just awful, classic HN middlebrow dismissal at its best mixed with a spattering of ad hominem.
Nice try. How much wider than 2560px would you suggest my browser window be?
And the service, such as it is, allows you to insert line breaks into text.
Then get a browser that works, and do not assume that any artifact you see on your screen was put there by the original author.
>And the service, such as it is, allows you to insert line breaks into text.
Something which is beside the point. He did not insert any -- which you claimed he did. And it's not even there for us in other systems/browsers, period.
What the content is describing is good design, particularly:
- The more variations in embellishment contrast you employ, the weaker the content becomes and more complex the document becomes.
- Embellishing content... to enhance context, to enhance contrast, to enhance clarity
However, the criticisms of "flat design" generally run along the lines of not providing enough affordance (is that a label or a button?) and not providing enough contrast/clarity (making all the elements on the page look the same, leading to confusion and lack of hierarchy, instead of sufficiently differentiating them through the use of color, depth, shadows, etc.).
The author then says that "visual interest" is an appropriate thing, but then says to use flat iPhone/iPad outlines, instead of photorealistic ones. Well, generally the photorealistic outline is going to look nicer, as long as your page isn't already too busy. It's a poorly chosen example.
The author is trying to define away "flat design" as "good design", but that simply isn't the case. Flat design is a very specific design trend that is not the same as good design -- it can be used well, or used badly. Good design is good design period, and flat design can sometimes be very bad design.
On the left, I see two luggage tags. On the right, an iPhone and an iPad.
Making your audience guess what your "deconstructed" visuals are actually supposed to be is not good -- it's mystery meat design.
Speaking of meat, don't get me started on the hamburger icon.
That is like saying if a product can't sell itself without marketing, then it is a bad product. Such a claim assumes there is some universal definition of 'bad' and that if embellishment is needed to bring attention to an element, that its content must be bad.
If you are going to make the above claim, you might as well make a case for living in a black and white world where the colors and design are mostly used to embellish otherwise bad things.
Which seems to me awkward at the very least. Just read Feynman's lectures. He does not simply share content. He embellishes it. Or Knuth's books.
Content is not enough for human beings.
I prefer the Renaissance to modern architecture. It just feels more human.
Does his substantial beard take away, or add to his persona?
I wonder how he would fare if he were given the chance to design the website for the next Halo game.
Very well put. The very idea that there could be a "proper" design is just patently false.
Seems the simplest way to convey the information would've been graphically.
Putting too much text in a slide presentation is a sure-fire way to confuse your audience. Are you paying attention to the speaker, or reading the slides?
This should have just been an article.
I guess so we don't mistake it for, say, fashion design?
Anyway, it'd be interesting to find out just how far back illustrations for text goes. Who was the first guy to propose adding "illumination" to manuscripts? And then how did that begin a pile-on to the point where the "illumination" was crass ornamentation to impress the higher-ups instead of being actually functional?
I doubt that we need to intellectualize this much. Otto Neurath and the Logical Positivists pretty much planned this. Design is now in the age of Visual Statistics: http://www.gerdarntz.org/content/gerd-arntz -- or from another perspective, "Content is King."
Flickr and Kippt are now the Same Thing: http://imgur.com/iar7Bgn,t8cnZA3,2lXFz4a
Even that URL has their design suggested in its syntax. Imgur too. Kippt arguably has better engineering talent.
2. [Emotional Design: Why We Love (or Hate) Everyday Things](http://www.amazon.com/exec/obidos/tg/detail/-/0465051359/) by Don Norman
3. [The Elements of Typographic Style](http://www.amazon.com/Elements-Typographic-Style-Robert-Brin...) by Robert Bringhurst
4. [Grid Systems](http://www.amazon.com/Systems-Graphic-Systeme-Visuele-Gestal...) by Josef Muller-Brockmann
5. [Ordering Disorder: Grid Principles for Web Design](http://www.amazon.com/Ordering-Disorder-Principles-Design-Vo...) by Khoi Vinh
6. [Why Customers Really Buy: Uncovering the Emotional Triggers That Drive Sales](http://www.amazon.com/Why-Customers-Really-Buy-Uncovering/dp...) by Linda Goodman (I've had the pleasure of meeting her and overhearing her office conversation during my daily tasks at the office in Houston, where she worked for a spell. Incredibly sharp, and it is clear that her principles exposed in this book are thorough-going in her interactions with people. I think it would be important to apply her research to Lean methodologies, building Features only around Emotional Triggers. This is what we are aiming at, but I am making this connection right now, I believe, in saying this.)
7. [Contextual Design: Defining Customer-Centered Systems](http://www.amazon.com/Contextual-Design-Customer-Centered-In...) by Hugh Beyer, Karen Holtzblatt
- Content can be derivable, re-formatted, re-producible, summarized, re-usable.
- Design can be derivable, re-formattable, re-producible, summarizable, re-usable. (Skeumorphs are obviously noise and prevent us from seeing the inherent content-properties of design itself: like the concept of the "module" as a form of content developers find uniquely interesting. And such aesthetic gestures distract us from the content. Grid design, as one approach, entails less noise; however, incurs the problematic of suffocating content in terms of priority. Flat design designates that the design adapt to the content as a first principle, in some fashion. Whatever the case we are in the age where design is visual statistics. Over time, our designs are more indicative of the way our cognitive systems structure the world rather than the way we project our aesthetic values.)
In fact, I am saying that design and content are the same thing, and not that they are different things...
Only that which is king is worthy of summarization (the sign).
http://toastytech.com/guis/win31default.png
Simplicity is more important than flat design. Can your interface be used by a five year old child or an eighty year old grandparent without instruction? Terminal does not pass that test.
*That's an important asterisk! More on this in a moment.
Quality content. Or "good content" like the author calls it.