Google, following through on its promise that the material design spec is a "living document," has updated its design guidelines and suggestions again, this time adding more guidance on motion design, along with new sections for growth & communications and expanding panels.
First up, let's look at what's new in motion - Google has given motion design a more comprehensive section, outlining the principles of motion in material design. The section explains that material motion is responsive, natural, aware, and intentional. Transitions should be quick, clear, and cohesive.
After that brief primer, the motion section goes on to detail - at length - everything from duration and easing to transforming pieces of material and thinking about custom motion patterns that fit in with the material world. Read More
There's a new little animation when setting an alarm in the clock app that moves the selector hand from the hour value to the minutes value. If that's not entirely clear, have a look at the gfycat below: after selecting the hour for an alarm, the hand now sweeps smoothly into the minutes position, whereas in Marshmallow, the hand would simply reappear in the minutes position without any visual transition or animation.
The Google app has gone through some fairly rapid-fire updates over the last month or so, with new versions popping out every few days. Just yesterday, a somewhat buggy v5.10.22 rolled out in the morning, only to be replaced in the evening by a minor v5.10.23 update to fix some issues with crashing. The changes from v5.9 to v5.10 appear to be rather minor, but a close examination turned up a couple of little things we couldn't ignore. Read More
One of the greatest problems in stock Android since the debut of Lollipop last year has been the volume slider - putting aside Lollipop's initially confusing volume modes, the slider unceremoniously pops into place when the user hits the volume keys on their device. Of course I'm kidding, but nevertheless it looks like Google has enhanced the volume controls in the latest Marshmallow dev preview with some motion design love.
Now, when users hit a volume key, the panel slides into place from off canvas. The slider's current position is highlighted with its own translucent halo (which may or may not really be necessary). Read More
Personally, I'm usually not a secure lock screen user. Very rare is the occasion that my phone is out of my sight, so I usually just breeze right past the lock screen. But after a tip from a reader, I'm giving the lock screen a second look on Android 5.1. For users who rely on a pattern-based lock, Android 5.1 has yet another delightful detail - a new animation after a successful unlock. Now, the pattern dots float up more elegantly, gently rolling into the transition that delivers the home screen. The dots have animated in gracefully since 5.0, so it's nice to see their out animation catch up. Read More
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