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

Issue 764005 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: ----



Sign in to add a comment

Previews infobar and new Translate UI infobar overlap

Project Member Reported by mdw@chromium.org, Sep 11 2017

Issue description

Application Version (from "Chrome Settings > About Chrome"): 62.0.3202.12
Android Build Number (from "Android Settings > About Phone/Tablet"): NHG47O
Device: Pixel

Steps to reproduce: 

1) Enable flags to force HD Previews on all page loads (sorry, I don't recall the exact flag settings here)
2) Visit a page in a foreign language on HTTP (in my case, http://m.spiegel.de)

Observed behavior: 

Two infobars pop up: One for "Saved data" and another for the new Translate UI. However, they overlap, and one cannot see the Translate UI unless you dismiss the "Saved data" infobar.

Expected behavior: 

I'm not sure! Stacking the infobars seems reasonable in this case, even on a small screen, on the assumption that the reduced screen real estate would not be a huge issue (especially since I believe that the older Translate UI was stacking on top of other infobars/snackbars on the screen, right?)

Another approach would be to integrate the Previews and Translate UI somehow. Given that these features both target the same set of users (mobile users predominantly in EM), and they both involve similar kinds of user actions (the user wishing to see some "variant" of the page content), it might be worth thinking about a more uniform way of providing these controls that could work for both cases.

 
Cc: khalilcader@chromium.org
+ Khalil who's working on the messaging/interventions UX project.

Thanks for flagging this Matt - I added you to an older thread discussing this very issue. 

This behavior is not unique to the new Translate infobar. From Ariel: "Infobars show in the order they are triggered. TLDR is that there isn't a prioritization based on infobar content, it's just the order in which they're triggered...* Layout that displays infobars in a stack. Handles all the animations when adding or removing * infobars and when swapping infobar contents. * * The first infobar to be added is visible at the front of the stack. Later infobars peek up just * enough behind the front infobar to signal their existence; their contents aren't visible at all. * The stack has a max depth of three infobars. If additional infobars are added beyond this, they * won't be visible at all until infobars in front of them are dismissed."

In previous discussion we talked about potentially stacking based on content instead of triggering order. 

Comment 2 by mdw@chromium.org, Sep 12 2017

I might suggest that from an EM perspective, this may be particularly problematic as I would expect the Translate and Data Saver infobars to show up on a lot of pages at the same time. Perhaps we have metrics that tell us how serious the problem is in practice.

To the best of my knowledge, we don't have metrics on this (i.e. concurrent Translate AND Previews). I am also pretty concerned about this with regard to EM users, particularly since the Previews infobar doesn't auto-dismiss. 

Khalil - do you have any updates in the state of the messaging/interventions UX project? 
Cc: napper@chromium.org martiw@chromium.org goog...@chromium.org
Yana - No concrete mocks for this occurrence as of now. It's on my radar and I'll bubble this up as a top priority. I put some time down for us to chat about this in detail tomorrow. 

Comment 6 by mdw@chromium.org, Sep 13 2017

We can probably estimate how many pageloads or users are affected by this if you have UMA metrics on when the Translate infobar is shown (we have UMA on the Data Saver infobar). Can you tell me what that UMA is and I can run some queries?

Sorry Leo looked at this yesterday and I meant to share this here: based on latest 7 days for stable versions, ~38% Translate infobars were shown behind other infobars. We used InfoBar.Shown.Hidden("TRANSLATE_INFOBAR_DELEGATE") and InfoBar.Shown.Visible("TRANSLATE_INFOBAR_DELEGATE") to get to this number.

Comment 8 by mdw@chromium.org, Sep 15 2017

That sounds pretty serious then. Do we have metrics on how often the occluding infobar is closed by the user allowing Translate to be revealed?

Not directly AFAIK.
Cc: yyushkina@chromium.org
Owner: ----
Status: Available (was: Assigned)
Hey Khalil, has any progress been made in the UI world on solving this issue?
I've been full-time on Bling for the past quarter — I haven't had a chance to revisit this beyond my initial Messages UI exploration a few months back: https://docs.google.com/presentation/d/1bqJwXvJ0DW4WeJRD5Tk9H5DQ-ywzMZNT2ebgX4y5OB4/edit#slide=id.g25f1ae45ff_0_137

Happy to discuss potential solutions in person :)
Issue 829966 has been merged into this issue.

Sign in to add a comment