Android Police

Articles Tagged:

design

InBrief
...

WhatsApp's Material Design Officially Rolls Out To Everyone In The Play Store With The 2.12.84 Update

...

Google Testing Another Design Tweak For Mobile Results Page - This Time, It's Four Colored Dots

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.

nexus2cee_screenshot_2015-05-08-04-07-542

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
...

Google Apparently Exploring A Design Revision For Hangouts Chrome App

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
...

Hipchat Beta Gets A Material Redesign, Native Message Rendering

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:

unnamed (2) unnamed (1) unnamed unnamed (3)

The "lobby" has been transformed into a "chats" screen, with people and rooms in the same view.

Read More
...

Android's System Bars And Your Interface - Whether And How To Theme

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:

Screen Shot 2015-04-24 at 1.39.01 AM

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
...

Stock Android Isn't Perfect: Lollipop Edition

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
...

Google Appears To Be Testing New Design Tweaks For Its Mobile Web Results Page

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.

nexus2cee_screenshot_2015-04-16-13-28-41 (1) nexus2cee_screenshot_2015-04-16-13-21-00 (1)

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
...

Google Updates Material Design Spec With Dedicated FAB Section, Updates On Typography, Cards, And 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.

What's new

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
...

[Android 5.1 Feature Spotlight] 'Dismiss All' Button Turns Into A Delightful Detail

When Google introduced Android 5.0 with material design back at IO14, one part of the new design methodology that received a lot of attention was animation. Implementing cohesive, sensible, predictable animations is a big part of Google's new design push, but - as the guidelines point out - "delightful details" are just as important.

In Android 5.1, Google has turned the "dismiss all" button in the notification shade into one such detail. The icon has been flipped around to accommodate a new animation. When the user touches the icon to dismiss all notifications, it smoothly animates out, mimicking the motion of the notifications above it.

Read More
...

[Android 5.1 Feature Spotlight] Fast Scroll Bars Receive Design Tweak

If you thought we had run out of details to talk about in Android's latest Lollipop iteration, think again. We'll go into 5.1 in gory detail for Getting to Know Android but in the meantime there are still a couple of little details worth pointing out individually. One of those is a tweak to fast scroll bars.

Fast scroll bars are typically used in lists of alphabetically-organized content, where users might want to quickly scroll to a particular entry or section. In 5.0, the fast scroll bar was an oblong shape sitting on a tiny little wire of a scroll track, but it served its purpose.

Read More
Page 5 of 20«First...34567...10...Last»