Material world: how Google discovered what software is made of

http://www.theverge.com/2014/6/27/5849272/material-world-how-google-discovered-what-software-is-made-of

by nkurz • 12 years ago

80 41 12 years ago

msane• 12 years ago

I find a lot of the behaviors of these UIs to be surprising in an undesirable way. When a UI does something unexpected I should be surprised by how much sense the interaction has, rather than the novelty of it or a cool animation. I should be able to anticipate the behavior in a future context.

They are touting this supposed underlying physical metaphor (almost as if that is their own newly developed idea in UI), but it sure looks like a mask over the fact that they just threw in a bunch of shiny animations everywhere with much less regard for physical metaphor and reproducibility than one should expect.

aviraldg• 12 years ago

Could you be more specific? Which Material interaction do you think you could improve upon?

specialist2• 12 years ago

Interaction is like dance: You just know when it's right. Even though there are visual languages for movement, the best way to explain is by example.

specialist2• 12 years ago

I should be surprised by how much sense the interaction has

Agreed. Principle of least astonishment.

wingerlang• 12 years ago

You couldn’t do anything you wanted with them, just like you can’t just do anything with physical objects.

I find this pretty funny considering all the objects in the video(s) seem to transform/split/create/shapeshift into new object all the time.

officialjunk• 12 years ago

This seems to be more of an approach to UI design rather than software design as a whole. Maybe they've "answered" what UI is, but for me this doesn't answer what software is made of.

akkawwakka• 12 years ago

A material metaphor is the unifying theory of a rationalized space and a system of motion. The material is grounded in tactile reality, inspired by the study of paper and ink, yet technologically advanced and open to imagination and magic.

What does any of that even mean?

platinum1• 12 years ago

Their metaphor for materials is the combination of two ideas: A streamlining/optimization of screen area, and a set of rules that define how things move. The material metaphor is based on things we can touch in real life. However, this metaphor is not going to be strictly adhered to in order to take advantage of the technology it's implemented on and provide a good user experience.

manicdee• 12 years ago

A cynical translation: "We finally realised that Apple was onto a good thing with their minimalism, layered UI and UI as a metaphor for physically interacting with your data. So we're putting a lot of fancy words together to make it sound like we're doing something amazing and new, while all we're actually achieving is explicitly stating what Apple has assumed to be common sense for decades. After all if we want all these Android developers to conform to a common human interface guideline ruleset rather than inventing their own UI for every new application, we have to make that ruleset sound sexy and awesome!"

I love how the guy presenting on stage starts talking about a new material that will provide tactile feedback, as if Google is already launching phones with shape-shifting screens. Some Android fans are going to be mighty disappointed when we don't have tactile morphing screens in the stores for Christmas.

DCKing2• 12 years ago

"Finally"? Apple announced iOS 7 barely a year ago, and they were far from 'minimal' before. Google has been using this design since Google Now was launched a year before that.

andybak3• 12 years ago

Let's get our history straight - Microsoft probably initiated the trend with Metro. Google launched Holo with Android 4.0 and Apple jumped onto this particular ship last of all.

chestnut-tree• 12 years ago

"What does any of that even mean?"

The new guidelines are much better than what they had before. The new visual design is also much better. However, some of the language used to describe the new design sounds inflated and a bit pretentious (it's ripe for parody!)

They've gone for a clear and uncluttered visual look. Hopefully, the next iteration of their guidelines will also include simple, clear and unpretentious copy.

An example of a really well-written design patterns guide is from the gov.uk site. It's not an equivalent of the Google design guide, but in terms of how to write guidelines and recommendations, it's the best example I've seen

https://www.gov.uk/service-manual/user-centred-design/resour...

metaphorical• 12 years ago

I love the visual direction, and I think it will work very well for a diverse set of Google products. The style guide is beautifully done and well articulated.

In terms of interaction design, however, it doesn't break any new ground, apart from better transitions (but at times, too much).

So the team set about creating this metaphorical material, which is a little bit like magical paper.

A bit of nitpicking: "a bit like magical paper" can hardly be called a Metaphor. It's just a loose analogy. In fact, I have to force my imagination to see the paper-ness in the UI, otherwise it just feels like flat UIs with realistic shadows.

seanmcdirmid5• 12 years ago

There is no interaction design in the document, it is purely a visual design language. In general: look and feel, typography, layout, animation -> visual design; story boarded user interaction flows -> interaction design (at least in America, in Europe the terms are used quite differently).

I don't think the design language breaks any new ground so much as it sets a strong set of guidelines for what an application should look and feel like.

All UIs are metaphorical, necessarily.

foxhill• 12 years ago

specifically, the idea that UI elements should behave as if they were tangible objects isn't a new idea. this is what apple have been doing for.. quite a while, and honestly I didn't think this was breakthrough stuff - elastic bounce on scroll views, smooth, clean, and consistent UI transitions, and previously skeuomorphic design principle.. the idea that that interactions with a interface should mirror our interactions with things in real life doesn't seem like a shocking revelation.

what's worse is that they have had this epiphany, and then.. seemingly ignored it.

andybak3• 12 years ago

I think the term 'skeuomorphic' has become a little muddled but for the sake of argument let's distinguish between 'functional' and 'decorative' skeuomorphism.

It was an excess zeal for the latter kind that Apple quite rightly got criticized for. The green baize in Games Center and the leather-bound notebooks in wherever.

UX/UI people have been talking about 'affordance' for years and if a button looks raised due to subtle shading then that aids in recognising that it's clickable.

Techniques such as this have been around since the birth of the GUI.

pirateking3• 12 years ago

Software is made of a set of symbols unique to its particular function, and user interaction at its most primitive is no more than the relationship of those symbols to the ones present in the mind of the user.

The latest fads in user interaction design seem to ignore this perspective, and instead treat "UI" as another abstraction layer of unique symbols on top of software, then expecting all software to be designed top-down based off this "unified design language". This approach unfortunately ignores the user, providing further indirection away from the underlying software and it's function, herding the user into a church of the designer's own construction where they are now forced to worship interaction in the abstract as a prerequisite to using the software (or at least blindly perform whatever rituals it demands).

The aim of design unification is often a false path, born out of convenience for the designer, and it's pursuit shows a certain level of disrespect to both the user and other designers. Programming languages - arguably interaction design in its purest form - are a more interesting path towards better software (see Smalltalk, Swift playgrounds, and the work at VPRI).

Material is not what software is made of, but it is a pretty good sign of what marketing is made of these days.

seanmcdirmid5• 12 years ago

A long time ago, programming was the way to interface with the computer. So people looking at making programming more usable came up with visual languages, and that spun off into the whole academic HCI industry that we have today.

That being said, material design is a pure visual design language and says nothing about interaction design.

pirateking3• 12 years ago

I consider visual design to be a part of interaction design, and taking one without the other is a failure to understand design (to the limited extent it can be understood at all). An example: a traffic light's visual design is fundamental to its interaction design.

dingdingdang• 12 years ago

"Material is not what software is made of, but it is a pretty good sign of what marketing is made of these days." --> this!

seanmcdirmid5• 12 years ago

Designers hate it when design guidelines are called marketing, usually said by those who have no clue about what design is and are compensating for their own ignorance.

benihana• 12 years ago

Quoting someone and then saying "this" adds absolutely nothing to the conversation. An upvote is sufficient.

higherpurpose• 12 years ago

I don't necessarily disagree with what you're saying, but 90 percent of the developers usually develop their apps themselves - and do so badly, not just in terms of aesthetics, which is immediately obvious, but also in terms of UX.

For those 90 percent of developers, a really solid set of tools and resources like this for any platform is a godsend - and not just for them, but for their users, too, who don't have to put up with poorly designed and ugly apps.

How I wish Linux distros had the same type of design tools that Google, Apple and Microsoft are giving to their developers. 98 percent of Linux programs are garbage, and it's what's kept me from Linux for a long time (among other things, but this was definitely one of the reasons). Canonical has done a little work to improve this, but it's not as good as it could be, and even their store still looks like a mix of modern store with a 90's app store.

As for the other 10 percent of developers, who really know what they're doing in terms of design, they tend to not follow the platform's design guidelines much, or at all anyway, if they really think they can design their app in a unique way that sets them apart, and that's also better for the user.

magicalist3• 12 years ago

And here we see the middle-brow dismissal in its natural habitat...

Of course it's marketing; they're doing a huge marketing push on this. Even writing "Material" makes me feel like I'm helping some marketing team somewhere.

But saying that this is made up out of whole cloth completely ignores the fact that not only does it engage with the existing design language of other mobile platforms, it also flows quite nicely from "holo" and cards from previous Android versions. Moreover, it's fairly loose as design guidelines go, providing recommendations but not forcing you into a particular unified design.

The designer in that article from yesterday got it quite right: this is post-rationalization, taking what already existed and trying to find the unifying aspects of what gave clarity and discarding what was confusing. That is not the same thing as a dictated UI.

Your response is generic and could be copy-pasted on any article claiming to be about common aspects of a design language. This is exactly why it's voted up (and why it fits "middle-brow" to the t), because if you actually brought up any actual specifics about the article or "Material" it would be immediately obvious that claims of ignoring a relationship with what the user knows or with how the software is actually written are overblown and theatrical.

echion• 12 years ago

The title leaves a lot to be desired. "Software" is more than a visible interface. "Discovery" is more than articulation.

dasil003• 12 years ago

That's a very charitable comment. I was struck by the outright arrogance and hubris of such a title. Of course I'm sure no one at Google would use those words, it's just some tech blogger or editor with a knack for linkbait titles.

dsirijus• 12 years ago

After reading this morning about it, going out, then getting back and reading about it again, I still literally don't have a clue what they're talking about.

bavcyc• 12 years ago

A little more complex version of hypercard?

Roboprog• 12 years ago

The sample phone screen they showed gave me the creeps. All the little stacked up sheets reminds me of a desk stacked with unopened bills. I can do without that kind of real world clutter in my UI. It helps me to focus on one thing at a time, not have a bunch of slivers beckoning around the edges of the current "window", thank you very much.

Material world: how Google discovered what software is made of

Related Stories