Lock Screen

The Android lock screen has gone through a number iterations over the years. With Ice Cream Sandwich Google settled on a design that was a lock symbol surrounded by a circle, which could be dragged to the right to unlock the phone, and to the left to open the camera. This solution didn't really have any issues, although I feel like the move away from the previous method of sliding right to unlock had more to do with legal pressure than anything else. As Android evolved, Google maintained the same overall design, but relocated the camera to a button in the bottom left, and allowed the user to drag the ring anywhere to unlock the phone. Google Now was also integrated into an upward facing arrow at the bottom. At this point, I think Google was adding too much for that original lock screen design to handle. The upward arrow seemed to imply that you were to swipe the circle upward to unlock, and the camera button functioned not like a button, but like a slider. This meant that Google had to have the camera slide in from the left even when the user had only touched the camera icon so they would be aware of what they were actually supposed to do, and at that point you need to accept that your design is flawed. 

With Android Lollipop, Google has redesigned the lock screen to be much simpler. Although it's not immediately obvious what action should be performed to unlock the phone, tapping anywhere except the camera and phone icons causes everything on screen to bounce upward, and text appears telling the user to swipe up to unlock. I would argue that text could just be there constantly to make it more obvious how to unlock the phone, but the current design doesn't really hinder usability. Not constantly displaying the text also allows Google to let the user know how to use the icons on the sides, which are activated by touching and dragging toward the middle of the display. Tapping these icons displays a message explaining what to do to use them, and an arrow is displayed which points in the right direction. As you drag, a circle begins to expand outward from the icon, eventually automatically expanding past the edges of the display and revealing either the phone or camera application. It's a much more elegant solution than the previous lock screen quick access button, and I'm really happy that Google has put work into making it functional but understandable.

Launcher

The Google Now launcher that ships with Nexus devices is functionally identical to its KitKat iteration in Android Lollipop. Visually, Google has made some tweaks to make it fit in with the rest of the Material Design applications. The most obvious is the change you see above, with the app drawer being given a white background that the icons now sit upon. The dots at the bottom that represent the current page you're on have also been made smaller, and the current page is now represented by a purely white circle rather than an enlarged one. Google has also made some more subtle changes with the animations. Attempting to swipe past the last home screen or page of apps in the launcher no longer has an animation where the icons appear to tilt to give it an appearance of depth. Similarly, the new animations in the app drawer are simple left and right transitions, without the depth of the original animation which showed one page sliding away and the next moving in from beneath. I'm not sure if I like the new launcher as much as the old one. While it definitely fits in better with the rest of the operating system, I liked the old transparent app drawer background more than the original black background or this new white one. 

One other thing to note about the launcher is about Live Wallpapers. I'm including this here because it doesn't fit anywhere else but it's something I thought was worth mentioning. It feels like over time Google has been slowly removing stock Live Wallpapers from Android. I don't know if this is due to performance reasons, battery life issues, or some other problem. In any case, it should be noted that while the Nexus 5 maintains its Sun Beam wallpaper when upgrading to Lollipop, the Nexus 6 does not come with a single live wallpaper. 

Keyboard and Navigation Buttons

Apart from the removal of the orange text highlighting in the suggestions bar, Google's Android keyboard has been essentially unchanged since Android Gingerbread. This was fine for quite some time, as it fit in well with the overall design of Android. But with Lollipop, that black and grey keyboard would look quite out of place. Thankfully, like the rest of the OS, the keyboard receives a visual update in Lollipop. Most obvious is the change from a black to a white background, and the removal of the separate key for each letter. It's a very interesting and minimalist take on a keyboard, and although I initially thought it might make it more difficult to hit the right keys, I've had no such issue in actual use. Google has also moved the voice dictation button up into the suggestions bar, which will be a welcome change for users who want it enabled but that ended up accidentally hitting it due to its position next to the space key. Users who prefer the darker colors of the old keyboard are able to switch to a Material Dark themed keyboard which is dark blue with white letters, but is otherwise the same as the Material Light version.

The last thing I'd like to comment on are the new navigation buttons. Like the keyboard, they're much simpler and more minimalist in Lollipop than they were in KitKat. Users who are familiar with Android will have no trouble with them, as they're in the same position and in the case of the back button and the button for recent apps they have a similar shape. The home button is a bit of an exception. Keeping in sync with the other two buttons which are simple shapes, the home button is now a circle. This is fine, and I'm glad it fits in well, but it's not quite as obvious as the old icon which looks sort of like a house with it's rectangular base and triangular top. The connection between house and home was fairly easy to make, and so it was obvious what it did. I suppose that Google believes that users are now familar enough with smartphones to be able to figure this sort of thing out relatively quickly.

Material Design Notification Drawer and Recent Apps
Comments Locked

126 Comments

View All Comments

  • mmrezaie - Monday, December 1, 2014 - link

    Do you mean now microsoft invented squares? ;-)

    I have used windows mobile, and its not that similar experience compared to android L although it is really really good if not counting the lack of apps. I think android with material design is kinda unique and almost new.
  • OreoCookie - Monday, December 1, 2014 - link

    Microsoft's Metro design language was the first to prominently feature a flat, typography-centered, stark, and geometric UI. What Microsoft did here was start a trend rather than make a design that was copied piece-wise by competitors. iOS 7/8, for instance, are also stark, typography-centered and geometric, but they're not flat. Android is following, too, by simplifying shapes, etc. Duarte who is in charge of Android's UI design had similar plans for the ill-fated webOS (search for the last evolution of the UI which never made it into a product, a strikingly beautiful compromise between the aforementioned qualities with some whimsical elements sprinkled in).

    There is nothing wrong with adopting and adapting good ideas, quite the contrary.
  • kspirit - Monday, December 1, 2014 - link

    A sensible comment!
    Yes, there's nothing wrong with it. I agree with you on all accounts. I am not saying they did wrong by it, but what I was saying was people are wrong to deny something so obvious.
  • Murloc - Monday, December 1, 2014 - link

    people must have been sleeping not to notice the trend.
    I mean, just look at Anandtech.
    10 years ago a style like this would have been completely ridicolous.
  • MonkeyPaw - Monday, December 1, 2014 - link

    I think I would be fine without each mobile OS review talking about what came over (copied) from competing platforms. It's pretty obvious that the best or most logical concepts are coming through in the market, as they should.
    I was ready to
    give this article a pass until we got to the Notification Center bit. Once the writer opened the door, then it became time to give other companies credit for good ideas, too. MS offered the flat UI with WP7, and it has aged so well that Apple and Google have followed suit.
  • Krysto - Monday, December 1, 2014 - link

    Lollipop is a blatant copy of Metro? What are you smoking? Not only is Lollipop still very much Android-like much more so than anything related to Metro, but I actually believe material design > iOS7 > Metro. Yes, that's right - Metro is the ugliest of the 3 new design languages, while material design is the most advanced and more thought out. iOS7 is kind of amateurisly made, but Metro has some huge practical problems that make it the worst.
  • kspirit - Monday, December 1, 2014 - link

    Um. I'm not really commenting on how polished or refined it is. I didn't comment on usability either. I'm talking about purely appearance. Google might have made it a lot more usable than Microsoft ever could, but that still doesn't mean they didn't take design cues from Windows Phone...
  • OreoCookie - Monday, December 1, 2014 - link

    Yes, but Metro was first and set the trend. iOS 7/8 is also not a copy of Metro, Apple was taking some ideas (which had already been embodied in their hardware!) such as cutting embellishments, focus on type and a move away from skeuomorphism but the iOS 7/8 user interface is not flat at all: Windows Phone uses the scroll metaphor to connect screens while iOS uses zooms and other animations to create depth. In short, even though Apple took some grander ideas the result still feels like iOS. And ditto for Android 5: Google has taken some ideas (e. g. simplified the navigation icons on the bottom), but it still feels like Android. IMO Lollipop is an improvement.
  • FunBunny2 - Monday, December 1, 2014 - link

    I guess you weren't around before 3D widgets became possible in GUIs????
  • Murloc - Monday, December 1, 2014 - link

    Microsoft did not invent the Swiss Style.

    The trend has been to go towards it everywhere, Microsoft simply acted on it earlier than the others, being a trend-setter if you will.
    But they did not invent anything.

Log in

Don't have an account? Sign up now