Last year when material design was introduced to the world, Google emphasized that its specs were a living document. Indeed we've seen several updates to the spec itself since it launched, but Google's also paying attention to its overall design presence, as evidenced by today's major update to google.com/design.
The site has been made over with a new grid filled to the brim with awesome content.
Google has added design guidance for TV and Auto, and even added an entire article about branding in material design, something I've written about before here at AP. There are also guides for designing between platforms and a downloadable icon font. Read More
Google is no stranger to testing new features or design tweaks on its live products, and search has been receiving quite a bit of attention lately. It doesn't necessarily come as a surprise, then, to see new design tweaks appearing for some users in Google's image search results.
The new design, which so far appears to be in very limited testing, offers a brighter layout for individual images - the background is a light #eeeeee as opposed to the solid black seen in its current iteration, and there's a relocated "close" button along with a new way to show image details.
In the current layout (as you'll see below), details are behind an overflow button. Read More
Google has been testing lots of tweaks for its mobile search engine results page lately. We've seen colored underlines on results cards and a rather pleasing new layout for the search bar and associated tools, and now a few users are reporting something a little strange - colored dots. We've received multiple reports of search result cards with four dots (colored with Google's signature blue, green, yellow, and red) in the lower right corner.
The colored dots, if you're wondering, didn't seem to do anything when tapped for our original tipsters, but reader Ali notes below that the dots do seem to work just like tapping on the card's URL. Read More
We first saw Ultraviolet, Google's Hangouts app for Chrome, back in August. Just a couple of months later, the app went live for Chrome users with an interesting new chat heads-style interface that put your Hangouts conversations on top of everything else as floating circles.
For the most part, Ultraviolet currently resembles the Android app - it's got green toolbars, and a one-at-a-time approach to viewing conversations or the conversation list. Plus on OS X, the floating buttons unfortunately still aren't transparent, so the whole app is wrapped up in a window.
According to Caschy's Blog though, Google might be testing a new interface for Ultraviolet, and the image posted there looks like a step in the right direction. Read More
As our internal collaboration platform, Hipchat is special to the AP team. It's a great service for keeping track of assignments, chatting with team members, and sharing info, but until now the mobile app has been just a little behind the curve on design.
Today it looks like that's changing, as Hipchat beta received an update with material design.
The new Hipchat beta has native rendering for messages and will now honor your system's font size settings, but of course the overarching design is the real story here. Here's a look:
The "lobby" has been transformed into a "chats" screen, with people and rooms in the same view. Read More
Google updated its design spec recently. The material spec, which Google says is a living document (as evidenced by its ongoing updates), gained further guidance on floating action buttons, dialogs, updates on typography, and a lot more.
One less-advertised update was a change to the section in "Structure" concerning the navigation bar in Android. The "color variants" text is still identical to that from the "status bar" subsection, but an image showing nav bars themed to match your device's hardware was removed. Here's the image in question:
Theming according to device color is - as far as this writer knows - not possible on Android at the moment, and neither is theming the nav bar to its "light style" variant also shown in the guidelines, where the nav bar is white and the buttons become gray. Read More
Of course, now that we've posted Getting To Know Android: Lollipop Edition, it's time to get picky and have a look at the things that still need fixing. As always, we'll be running through some of the issues hanging around in the latest iteration of Android, and taking a look at what's been fixed since our last Stock Android Isn't Perfect post.
Fixes and Updates
Lollipop, as I said in the other post, is probably the biggest change Android has ever seen, so some issues from KitKat have simply disappeared, while others have been fixed in their own ways. We'll take a look at what's changed from our last SAIP entry, and then continue on with the new nitpicks as necessary. Read More
It seems like just yesterday when Google was testing a new layout for the search engine results page, with colorful underlines separating search results into individual cards.
That layout ended up sticking, and now it seems Google is at it again, testing some rather pleasing new tweaks for the SERP.
We can't be sure just yet who will see these changes or whether they'll become permanent, but check out the before and after shots provided by a tipster below.
left: current layout right: new layout
The new layout is undeniably more influenced by Google's material design. The only information missing in the new view is one search result and one line of text indicating that a user has visited a results page before (but that may be because the new layout appeared for our tipster only in incognito mode). Read More
Back in November, Google updated its new design guidelines for the first time, adding guidance on the navigation drawer and launcher icons, and - happily - a "what's new" section, which it said would serve as a place to explain future updates to the guidelines.
Yesterday, Google gave the guidelines another sizable update, adding an entire section to guide devs and designers on when and how to use floating action buttons, along with new guidelines for data tables, overall app structure, and guidance on important units and measurements, plus a lot more. Here's Google's full list of changes.
The April 2015 release of the material design spec includes the following new sections:
Additional significant content updates include:
- Typography adds further guidance on style and line height for dense and tall languages
- Cards includes more specs for laying out actions and content
- Dialogs contains additional layout guidance
- Tabs adds guidance around label content and more complete sizing specs
- Scrolling techniques adds guidance for overlapping content
Where Google's last update to the guidelines seemed to be about filling holes, this update is positioned as a response to the community, giving more specific guidance on things that seem to have arisen as points of interest in material design. Read More