New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 770640 link

Starred by 8 users

Issue metadata

Status: Assigned
Owner:
OOO Jan 14 - 25
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Chrome , Mac
Pri: 3
Type: Feature

Blocked on:
issue 583289



Sign in to add a comment

Local NTP: Figure out loading sequence and animations

Project Member Reported by treib@chromium.org, Oct 2 2017

Issue description

The local NTP loads a bunch of stuff asynchronously:
- Tiles (metadata, then thumbnail images)
- Theme (background color sync, actual theme async)
- Doodle
- OneGoogleBar

There's currently no well-defined order.
Some of these animate, some don't.
There are also dependencies, e.g. we only want to show a Doodle if there is a white background.

We need to figure out the proper order and "motion choreography" for everything.
 

Comment 1 by fi...@chromium.org, Oct 2 2017

Labels: zine-triaged

Comment 2 by treib@chromium.org, Jan 11 2018

Cc: bettes@chromium.org ainslie@chromium.org maxwalker@chromium.org rpop@chromium.org helenepark@chromium.org
 Issue 736664  has been merged into this issue.
Cc: yyushkina@chromium.org kmilka@chromium.org
Owner: ramyan@chromium.org
Cc: bklmn@chromium.org
Owner: bklmn@chromium.org
Status: Assigned (was: Available)
Labels: KR-NTP-Loading-Transition
Labels: Target-72
Labels: O-Polish-Birthday-Features
Finally getting to this. I've made animations of what I think will work best for our 2 main background transitions:

1. Default white -> Background image
https://drive.google.com/open?id=14gwQ5aOcdeghlxG1Vj5uHvUiCdTAohbi


2. Background image -> New Background image
https://drive.google.com/open?id=15QlGahh47v_qDXv-d46wz_6b6yqMh6th

I've added a transition spec to show the timing and layering of the UI. Also, just a couple notes based on our last meeting on the coordination of elements here. 
– Show shortcut, header, and fakebox as soon as possible/immediately
– Scrim/gradient is always present (does not transition) when a background is set 
– Hold at selection dialog w/ spinner in button until new image is fetched...then start 0.8 sec transition. 
ntp-redline-bg-tansition-001.png
1.3 MB View Download
ntp-redline-bg-tansition-002.png
2.2 MB View Download
Owner: ramyan@chromium.org
NextAction: 2018-11-28
The NextAction date has arrived: 2018-11-28
NextAction: ----

Sign in to add a comment