Put in a popup promotion for the editing tools

[ianb]

Would be a simple popup dialog, that would show to people once (twice?) to tell them about this new/improved feature.

We could use the same React component we use to invite people to use Firefox. Or we can use the component used for the share dialog. We can use localStorage to track who has seen the popup before.

@clouserw is going to ask about text/copy. We should get some text in soon so we can get it to translators.

[punamdahiya]

promo visual https://mozilla.github.io/testpilot-assets/Firefox_Screenshots/Cross-promotional/

[punamdahiya]

@sevaan Need UX feedback on showing edit tool new features promotion dialog as per specs in comment above

[sevaan]

LGTM. Does mousing over it show the close x?

Also, re: the text, I think the title should be plural: New Edit Tools!

And a period or exclamation point after "support".

[clouserw]

Thanks. Michelle is pondering some new copy for us by this Friday.

[punamdahiya]

Thanks @sevaan for feedback. For now promotion dialog closes when user clicks anywhere outside dialog (similar to share dialog seen on click of share icon) and doesn't have close x.

[jaredhirsch]

Hmm. It seems like we should have some kind of caret pointing at the button we want people to click. The image there is just a box floating in space.

I think an 'x' to close the doorhanger makes more sense than clicking anywhere to dismiss it.

[jaredhirsch]

Although I guess the share card doesn't have a caret. Maybe we could highlight the button and display the CTA just underneath it? Something like this:

[punamdahiya]

LGTM! 'Give it a try' can be a link as well and takes user to edit screen

[sevaan]

That's really great, @6a68!

[jaredhirsch]

thanks! 🍻

[clouserw]

From Michelle:

Here's my recommendation.
Take Note!
Updated editing tools let you crop, highlight, and even add text to your shot.

Am suggesting that you sell the whole feature and give a bit of emphasis to what's new. 1. New users may benefit from the whole story. 2. Existing users might not know or remember what's already there. 2. It's better to be specific about what it offers than just saying something is new - this gives people even more reason to explore the feature.

Which looks great to me.

[punamdahiya]

Screenshot with new copy from Michelle, updated PR with the changes

[punamdahiya]

Screen shot with option to use text title 'Take Note!' in case it's preferred

[johngruen]

I like the second version... can we ditch the circle around the X?

[punamdahiya]

Done

[johngruen]

SHIPIT