Skip to content
This repository has been archived by the owner on Feb 20, 2023. It is now read-only.

[Bug] Blue dot doesn't appear at all #10467

Closed
vesta0 opened this issue May 7, 2020 · 22 comments
Closed

[Bug] Blue dot doesn't appear at all #10467

vesta0 opened this issue May 7, 2020 · 22 comments
Assignees
Labels
🐞 bug Crashes, Something isn't working, .. eng:qa:verified QA Verified eng:ready Ready for engineering Feature:MainMenu The three-dot menu that is seen on the browser and homescreen.

Comments

@vesta0
Copy link
Collaborator

vesta0 commented May 7, 2020

Steps to reproduce

Navigate to a site with a PWA (e,g, Housing.com) or "Open in app" (e.g. instagram) available

Expected behavior

-See some sort of indication that PWA or Open in App is available.
-Be able to easily dismiss the indication/notification.

Actual behavior

No obvious indication/notification unless browser toolbar menu is opened.

Device information

  • Android device: Pixel 4
  • Fenix version: Build #21270610

┆Issue is synchronized with this Jira Task

@vesta0 vesta0 added the 🐞 bug Crashes, Something isn't working, .. label May 7, 2020
@github-actions github-actions bot added the needs:triage Issue needs triage label May 7, 2020
@ekager
Copy link
Contributor

ekager commented May 12, 2020

I think we changed this behavior on purpose in #7408 (comment)

We only highlight these items once each until the user either interacts with them or closes the menu while they are displayed highlighted AFAICT, and the bottom menu icon is only highlighted if any items are highlighted.

@ekager ekager added Feature:MainMenu The three-dot menu that is seen on the browser and homescreen. and removed needs:triage Issue needs triage labels May 12, 2020
@vesta0
Copy link
Collaborator Author

vesta0 commented May 13, 2020

@ekager I agree that the behaviour should be as outlined her: #7408 (comment)

However I took this part:

The blue dot appears next to the 3-dot icon the first time the user visits a site that supports reader view, open in app, or PWA. This could happen all at once on one page, or over time across multiple supported pages.

to mean that the blue dot will continue to appear every time user visits a NEW site for the first time, that supports reader view, open in app, PWA. @apbitner let us know which interpretation is correct.

The current behaviour in Fenix is as follows: Upon a fresh install Blue dot only appears once per category and never again. So it appears the first time user visits a PWA site, the first time user visits a site that offers "Open in app" and the first time user visits a site that supports reader mode, and never again. This is not ideal user experience.

@ekager
Copy link
Contributor

ekager commented May 13, 2020

I think eng interpreted "This could happen all at once on one page, or over time across multiple supported pages" to mean if one page has every category - readermode, PWA, open in app etc, that would knock them all out at once.

Maintaining a list of every new site a user has visited in these categories and then querying that list every time the site changes to decide if we should highlight the menu is going to be an problem eng implementation wise.

Wondering if we can just revert those changes and always show the highlight if one of these actions is available if we think it's important that users know when actions are available in the menu.

@vesta0
Copy link
Collaborator Author

vesta0 commented May 13, 2020

Hey @ekager you are so right, querying a list of sites is just not feasible.

I like your suggestion of always showing the highlight if one of these actions is available BUT having the notification go away as soon as user interacts with the menu (which wasn't the case during the very first iteration of this). Let's go ahead with that if it make sense.

@apbitner
Copy link

That sounds good to me. We're exploring replacing the blue dot notification so I'd hate for us to put too much eng effort into this.

@ekager ekager added the eng:ready Ready for engineering label May 14, 2020
@BranescuMihai BranescuMihai self-assigned this May 20, 2020
@AaronMT
Copy link
Contributor

AaronMT commented Jun 2, 2020

Noticed this issue when attempting to re-enable readability Reader Mode UI tests.

Fresh clean install -> launch browser -> visit a reader capable local asset page -> expected a dot (no dot).

This used to work fine, is Readability not working on local pages?

@AaronMT
Copy link
Contributor

AaronMT commented Jun 2, 2020

Here's a test basic page:

Load this in a fresh profile in Fenix. First launch, visit:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>RTL Test</title>
</head>

<body>
    <main>
        <article dir="rtl">
            <h1>Lorem</h1>
            <p>
                Lorem ipsum dolor sit amet.
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </p>
            <p>
                Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </p>
        </article>
    </main>
</body>

</html>

No blue notification dot.

I assume this should work. Test page grabbed from https://github.com/mozilla/readability/tree/master/test/test-pages/rtl-4 where the metadata shows it as readerable = true

@ekager
Copy link
Contributor

ekager commented Jun 2, 2020

Hey @BranescuMihai are you still working on this?

@AaronMT
Copy link
Contributor

AaronMT commented Jun 3, 2020

My issue is that readability is not working at all on first visit #11191

@apbitner
Copy link

apbitner commented Jun 5, 2020

@vesta0 now that reader mode is moving to the address bar, that leaves us with Open in App and Install PWA in the toolbar menu. With Open in App, we are revisiting the overall flow which I believe Michelle has mentioned to you. With PWA's, our latest round of research around social containers indicates there's still a large user education challenge re: PWA's.

I have not seen telemetry for either of these two features but can only presume it's pretty low based on the use case of Open in App, the relatively small % of PWA sites, and the lack of user awareness. Based on this, I suggest we remove the blue dot notification completely for these two remaining features in the toolbar menu, and only let it remain in use for What's New.

@vesta0
Copy link
Collaborator Author

vesta0 commented Jun 8, 2020

@apbitner thanks for the update. I am ok with your recommendation on PWA for now but I'd like to revisit this once we have a better understanding of how often our users look to install a PWA site.

@BranescuMihai
Copy link
Contributor

@vesta0 so just to make sure, the actionable part of the task is now: remove the blue dot notification for PWA and Open in App?

@vesta0
Copy link
Collaborator Author

vesta0 commented Jun 9, 2020

Adding the label waiting until I re-confirm a couple of things.

@vesta0 vesta0 added the 🙅 waiting Issues that are blocked or has dependencies that are not ready label Jun 9, 2020
@vesta0
Copy link
Collaborator Author

vesta0 commented Jun 12, 2020

Now that #9506 won't be done before code freeze, we should make sure the blue dot DOES appear when it needs to.

Let's go with the following variation of the behaviour we agreed upon previously:

Show the blue dot only the first time either Open in App or PWA is available on a site AND have the notification go away once the user interacts with it. The bottom menu icon should only be highlighted if any menu items are highlighted.

@vesta0 vesta0 removed the 🙅 waiting Issues that are blocked or has dependencies that are not ready label Jun 12, 2020
BranescuMihai added a commit to BranescuMihai/fenix that referenced this issue Jun 24, 2020
BranescuMihai added a commit to BranescuMihai/fenix that referenced this issue Jun 24, 2020
@BranescuMihai
Copy link
Contributor

@vesta0 as discussed, the behaviour is as follows: Show the dot when a user sees either Open in App or Install. When the user clicks one of those items, the blue dot notification for that item disappears forever. Menu dismissal doesn't have any effect on the dot anymore

@vesta0
Copy link
Collaborator Author

vesta0 commented Jun 24, 2020

Sounds good, thank you @BranescuMihai

ekager pushed a commit to BranescuMihai/fenix that referenced this issue Jun 25, 2020
ekager pushed a commit to BranescuMihai/fenix that referenced this issue Jun 25, 2020
@ekager ekager added the eng:qa:needed QA Needed label Jun 25, 2020
@AndiAJ
Copy link
Collaborator

AndiAJ commented Jun 25, 2020

Hi, verified as fixed on the latest Nightly Build 200625 from 6/25 using the following devices:
• Google Pixel 3a (Android 10)
• Huawei Mate 20 Lite (Android 9)
• OnePlus A3 (Android 6.0.1)

► Video
20200625-135950

@AndiAJ AndiAJ closed this as completed Jun 25, 2020
@AndiAJ AndiAJ added eng:qa:verified QA Verified and removed eng:qa:needed QA Needed labels Jun 25, 2020
@liuche liuche mentioned this issue Jun 27, 2020
12 tasks
@data-sync-user data-sync-user changed the title [Bug] Blue dot doesn't appear at all FNX2-15967 ⁃ [Bug] Blue dot doesn't appear at all Jul 30, 2020
@data-sync-user data-sync-user changed the title FNX2-15967 ⁃ [Bug] Blue dot doesn't appear at all FNX-4305 ⁃ [Bug] Blue dot doesn't appear at all Aug 10, 2020
@data-sync-user data-sync-user changed the title FNX-4305 ⁃ [Bug] Blue dot doesn't appear at all FNX3-13917 ⁃ [Bug] Blue dot doesn't appear at all Aug 10, 2020
@data-sync-user data-sync-user changed the title FNX3-13917 ⁃ [Bug] Blue dot doesn't appear at all FNX-4305 ⁃ [Bug] Blue dot doesn't appear at all Aug 11, 2020
@data-sync-user data-sync-user changed the title FNX-4305 ⁃ [Bug] Blue dot doesn't appear at all FNX2-15967 ⁃ [Bug] Blue dot doesn't appear at all Aug 11, 2020
@data-sync-user data-sync-user changed the title FNX2-15967 ⁃ [Bug] Blue dot doesn't appear at all [Bug] Blue dot doesn't appear at all May 18, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🐞 bug Crashes, Something isn't working, .. eng:qa:verified QA Verified eng:ready Ready for engineering Feature:MainMenu The three-dot menu that is seen on the browser and homescreen.
Projects
None yet
Development

No branches or pull requests

8 participants