Theres trying and then theres trying hard. This is the latter.
This is awesome. The “Making Material Design” video has some great commentary on the floating action button (or “fab”).
Originally, I thought it was weird how pressing/holding makes it rise up (usually it would go down). But since the finger isn’t actually touching a physical thing, they imagine it as more a finger being magnetic to the button.
Also, it talks about “making the call” and having one action button instead of five.
Very smart stuff.
Yeah, I thought I'd already read enough about Material Design since its launch, but it was nice to (briefly) hear the thinking behind those details in particular.
The physical shadow tests were a great way to leverage the way we read subconscious depth cues in the real world without having to think about it. As much as skeuomorphism became a dirty word in recent years, skeuomorphic concepts like this can have a big impact on making a daunting new interface feel familiar and usable. Even when it's a completely new concept, people will have expectations about how it might behave.
Love the page… just not the monospace type. But that’s just a personal bias against them.
Great work! :D
Agreed, the site looks great but I think there are more suitable fonts. It looks just a bit out of place.
I get the mobile first thing, but this feels like mobile only. On a 27" monitor elements get blown up to such a scale that you lose overview. It makes a huge monitor feel too small.
I had the same with google inbox, tried it for a few days but gmail works better for me on desktop.
Totally agree, seems a bit of a trend at the moment to forget about making stuff scale and fit better on big screens because small ones are the focus.
On a large screen the homepage shows me the video cut off about 2/3 down and the header bar. Not ideal.
I totally agree too. This looks so beautiful in mobile but the desktop experience seems very unfinished and unpolished. However, I believe this is a great work still in progress and the iterations are coming fast. Still, although there are good UI/UX points in the specifications I don't see the aesthetics of "paper" catching in places outside the google ecosystem.
Besides the website, have there been changes made to the specifications?
You the man!
The brilliant minds behind all those simple shapes and primary colors.
Not sure what you're trying to say there. Have you seen their logo?
I find it weird that they've built physical models to try and simulate shadows and help them build the virtual UI. I still think that the future of UI is not in the current physical world. We have to make a leap forward and I don't see anyone trying it yet.
find this pretty stunning. So 'material-y', and those click actions...... and it loads so fast (how? angular.js?)
Can anyone find the "Crane Air" app or website featured in the brand section? It's good to finally see an app that we can relate closer to here at Shuddle, in the design sections. However I can't find the actual site or app (or is it just a fictional example?) http://www.google.com/design/articles/expressing-brand-in-material/
Knowing its improvements even from the very first title card. Nice job!
Good design or not (and i find it good) it looks so Google!
Top notch! That's a really nice watch Jon Wiley is wearing in the "Making Material Design" video (1:18) by the way :)
Haaaa! Nice catch.
I like the opening animation. The whole site feels like a mess viewing on my phone. The fixed header is overwhelming. I can't put my finger on it to be truly constructive, but it's not as good as the other material sites they have made. It's good to see horizontal scrolling navigation in use too.
The site looks great on mobile, but there are some weird scaling issues (massive blue boxes) on desktop. Hmm.