998036 - (contextual-hints) [meta] Contextual Hints

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect)

Description

[Chenxia Liu [:liuche]]

Meta bug to track work for contextual hints, so users can discover Firefox features, learn how to do common actions (bookmarking, reader mode, etc).

Comment 1

[Sola Ogunsakin [:sola]]

Here's an apk with 3 of the hint methods we discussed: Banner, Jiggle, Popover.

* The banner shows up on the home page.
* Reader mode icon jiggles when you visit an article
* The popover shows up when you open the tabs tray and click a tab icon (private, sync tab)

https://www.dropbox.com/s/5nrk5bauv610nx5/fennec-31.0a1.en-US.android-arm.apk

Comment 2

[Mark Finkle (:mfinkle) (use needinfo?)]

Attachment: fennec-contextual-hint-banner.png

Screenshot of the banner

Comment 3

[Mark Finkle (:mfinkle) (use needinfo?)]

Attachment: fennec-contextual-hint-arrowpopup.png

Screenshot of the arrow popup

Comment 4

[Mark Finkle (:mfinkle) (use needinfo?)]

I played with the APK a little. Initial feedback:
* The banner looks nice and we can add animations to it for opening and hiding. Adding some smarts to the banner so that if we *do* slide left or right, the banner should go away on it's own.
* The reader icon jiggle is very cool. Used sparingly, it will add some whimsy and attention focus to the app.
* The arrow popup does a nice job too. We probably want to work on the positioning a bit more: where the arrow touches the focus control and just moving the box away from the left edge of the screen a bit.

Well done! These are great starting places for us to add more features. Thanks a lot Sola.

Comment 5

[Ian Barlow (:ibarlow)]

This makes me happy. I love all of it, and generally agree with Mark's feedback. 

Banner
* If we were to do this on the homepage, I would suggest animating it in after the page appears
* Also we should probably find a way to ensure a tip banner and a snippet banner don't show up at the same time. It gets a little jammed up.

Reader icon
* <3
* I would love to pair this with an arrow popup perhaps, that explains what this jiggling thing is

Arrow popup
* Very nice as well. I wonder if all of our tips would be based on the same colour palette. So we could have banners, arrow popups, other stuff, but maybe they are all blue so a user can start to associate that with "helpful tips"

Thanks for getting this moving, Sola, awesome work.

Comment 6

[Chenxia Liu [:liuche]]

Attachment: WIP Part 1: Banner

Comment 7

[Chenxia Liu [:liuche]]

Attachment: WIP Part 2: Jiggle Reader icon

Comment 8

[Chenxia Liu [:liuche]]

Attachment: WIP Part 3: Popup

Adding these WIP proof of concept patches from Sola.

Comment 9

[Richard Newman [:rnewman]]

N.B., no patches landing from this bug -- metatastic!

Comment 10

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.