Google Drive debuts new circular Material You widget design

Last week, Google announced that it was optimizing widgets for Android tablets.

The updated Google Drive widget is now rolled out with an interesting circle design that’s new for Material You.

Google is specifically updating “Drive quick actions” with shortcuts to quickly start a new document in Docs, Sheets, or Slides.

[{"selector":"#anim-c5855b20-6c65-4d00-ac37-b36f462b4ed2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-231101bc-600b-4bed-8427-8ae2bd846ba0","keyframes":{"transform":["translate3d(0px, -341.00672%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

This replaces the plus icon in the bar layout that just opened the bottom creation sheet.

[{"selector":"#anim-a9b0b9c1-2e31-4021-ba05-fbb60adc5d0b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-045f7c1e-a39d-4ea8-8a1d-b82997b45672","keyframes":{"transform":["translate3d(0px, -457.5592%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

This new shortcut joins others to quickly open Drive, search, upload, and launch the camera.

[{"selector":"#anim-c59ea965-3188-4d38-b630-5b91c21f4cb8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d83fc6ff-5fa4-468f-b9bb-be9d8b2efdf6","keyframes":{"transform":["translate3d(0px, -457.5592%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

By default, everything is arranged in a 3×2 configuration.

[{"selector":"#anim-7582c23f-7536-4440-bee1-1b9a7f9cc622","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-89d8fa9e-af29-44ad-80a4-418d064bed67","keyframes":{"transform":["translate3d(0px, -618.12861%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

However, making the widget taller makes the Google Drive widget a circle that’s more than reminiscent of a rotary dial.

[{"selector":"#anim-710c3341-6a69-4da7-80ba-da5b95de34aa","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bb771c23-6082-4a4a-9fea-dfe237fdbe55","keyframes":{"transform":["translate3d(0px, -402.8515%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

On tablets, you can find this new circular widget configuration with version 2.22.357.1 of Google Drive on tablets.

[{"selector":"#anim-b40246b4-6d84-4b46-aace-59e5b1e6158d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd6d6a58-9c10-4a5b-aaf2-5b8afc35e793","keyframes":{"transform":["translate3d(0px, -346.20301%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

This new design does not appear on Android phones.

[{"selector":"#anim-8145e756-0a8a-431c-8fb4-bf83a2d4180f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25d872ae-ef88-41c8-91ee-dec74239a673","keyframes":{"transform":["translate3d(0px, -661.02%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

[{"selector":"#anim-7a7934d3-3fe1-4afa-9ed7-d6a14f72415b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(54.70267822304082%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]