1097197 - Update content in Developer Edition first run experience to indicate how syncing will retain users' bookmarks

Status: RESOLVED FIXED

(www.mozilla.org :: General, defect)

Description

[Holly Habstritt Gaal [:Habber]]

Attachment: Proposal for quick fixes to sync & bookmarks messaging

We need more prominent messaging in the Dev Edition first run experience that notifies users that syncing will allow them to retain bookmarks from another Firefox profile. The following is a proposal for 2 quick fixes that we can do now. Need approval from Arcadio, Jeff, and Matt before moving forward.


1. Web content update
- Move notification copy back to top half of page in favor of making sure users see this message. This notification copy was moved below the "Features and tools" content before, but it seems more important to focus on retaining users right now and properly explain the solution for this issue asap. The product/download page where users just came from displays the same features and videos. 

2. Door hanger update
- Alter copy in Sync doorhanger to more urgently focus on how syncing will retain your bookmarks. It is currently mentioned, but more urgency in the messaging may help. Doorhanger with Sync messaging will stay at same (3rd) placement in flow. Syncing firefox from this step takes user out of first run flow and into a new tab. If we put this in the first position, users will be more likely to leave the first run experience and miss introduction of new features/benefits of this browser.

A combination of more prominent and urgent in-page messaging, more urgent doorhanger messaging, and reaching out through other means like MDN, snippets, and possible a focused second run message will help tackle this issue in multiple contexts.

Comment 1

[Matt Grimes [:Matt_G]]

This looks awesome. One question for you. Can we add an "Are you sure?" screen to the doorhanger if a users chooses "no thanks" on setting up sync? I'm not suggesting changing the placement in the flow or anything, just add a bit more room to explain to the user why sync is important. 

Something like, "Are you sure? Firefox Developer Browser creates a new profile allowing you to run Firefox Desktop simultaneously. Sync will bring all your bookmarks, passwords, and history with you into Firefox Developer Edition."

Not sure if that is even doable.

Comment 2

[Holly Habstritt Gaal [:Habber]]

(In reply to Matt Grimes [:Matt_G] from comment #1)
> This looks awesome. One question for you. Can we add an "Are you sure?"
> screen to the doorhanger if a users chooses "no thanks" on setting up sync?
> I'm not suggesting changing the placement in the flow or anything, just add
> a bit more room to explain to the user why sync is important. 
> 
> Something like, "Are you sure? Firefox Developer Browser creates a new
> profile allowing you to run Firefox Desktop simultaneously. Sync will bring
> all your bookmarks, passwords, and history with you into Firefox Developer
> Edition."
> 
> Not sure if that is even doable.

Hi Matt, that will require more dev work on our side (and possibly Firefox engineering), but I agree that it's a good idea to catch more users. I added this same type of doorhanger message/interaction in the 33.1 /whatsnew tour, so we've done it before. We can discuss with Jbertsch in our meeting today and will probably need to ping agibson about the scope before confirming.

Comment 3

[alainez]

+1 to do this idea. I think devs will tend to skip through the first run tour so we need a mechanism to overcome this use case.

So there are two components that I see:
1. Dev has gone through First Run and decides to not Sync
2. Dev closes First Run experience at the first panel a will miss Sync messaging

The "Are you sure" messaging should feel a little intrusive if they have decided not to Sync. Maybe it doesn't have to be a part of the web content; could be an overlay that the user can quickly close down.

Comment 4

[Jeff Griffiths (:canuckistani) (:⚡︎)]

clearing my needinfo, we're going to talk about this in 5 minutes.

Comment 5

[alainez]

[Etherpad: https://etherpad.mozilla.org/dev-browser-firstrun-updates]

Next Steps

1. Update door hanger copy: Revising Sync panel on /firstrun page to be more aggressive about Sync and the Separate profile
    
2. Display additional door hanger when user chooses to not Sync: Adding a "catch" panel after the Sync panel on /firstrun as a "are you sure you don't want to Sync" message
- We would also like this door hanger to appear if you close any of the prior steps to be sure to catch users. Reference: http://cl.ly/image/2f0t3x2d0t1U)
- Copy should make sense if the user closes /firstrun at any of the panels
   
3. Update In-Web Messaging: Adding a Sync/separate profile message in the /firstrun page just below the WebIDE and Valence features

Messaging
Overall Messaging
- Firefox Developer Edition creates a new profile that allows it to run side-by-side to other Firefox channels

- It's crucial that you Sync your Dev Edition profile to your Firefox profile using Firefox Sync

- By Sync'g your profiles you will transfer all your bookmarks, open tabs and passwords to your Firefox
Developer Edition browser

- This will let you continue working on building the Web with as little interruption as possible

Messaging by Property

**Update door hanger copy (this should be fairly suggestive in tone to make sure they don't skip it)
- Dev Edition creates a new profile of Firefox that is separate and runs side-by-side with other Firefox browsers
- Sync seamlessly transfers your bookmarks, open tabs and data so you won't miss a beat

**Additional Door Panel copy (Tone: you should really Sync your Dev Edition but if you don't here is where you can do it later)
- Sync'g your profiles is crucial so can transfer your bookmarks, open tabs and data to Developer Edition. You can Sync now or you can Sync later by looking for the Sync button in the customization menu

**In-web Messaging
-Developer Edition creates a new profiles designed to run side-by-side with other Firefox profiles
-You can sync Developer Edition to your current Firefox Sync account
-Or you can create a new Firefox Sync and connect all the Firefox browsers you currently use 
Learn more: https://support.mozilla.org/en-US/kb/recover-lost-bookmarks-firefox-developer-edition
[This will replace the "Themes" message at the bottom of the /firstrun page]

Comment 6

[Alex Gibson [:agibson]]

Attachment: GitHub pull request

I have a work in progress branch here, but still waiting on final copy.

Comment 7

[Alex Gibson [:agibson]]

Holly, two questions on the proposed updates:

1.) "Move notification copy back to top half of page in favor of making sure users see this message."

Where specifically in the top half should this message go?

2.) If someone clicks "close" or "no thanks" in the door-hangers we are going to display the "Are you sure" door-hanger, but what should happen if someone clicks the close (x) doorhanger button. The same thing? Or should this behave differently?

Thanks!

Comment 8

[Holly Habstritt Gaal [:Habber]]

Hi Alex. 

1) Move notification copy below the 2 feature items and above "Features and tools" section. Still within the dark background. I've mocked up the change here: http://cl.ly/0j3Q2G0T2C2c

2) "close", "no thanks", and (x) will all result in displaying the reminder/catch door hanger. We shouldn't make a habit of displaying another door hanger after a user dismisses the first, but this is a special case. 

When the new door hanger is displayed, does it disappear if the user clicks anywhere outside of the door hanger (eg: in the web page)? Similar behavior to when a lightbox is displayed in the web?

Comment 9

[Alex Gibson [:agibson]]

Thanks, Holly!

(In reply to Holly Habstritt Gaal [:Habber] from comment #8)
> When the new door hanger is displayed, does it disappear if the user clicks
> anywhere outside of the door hanger (eg: in the web page)? Similar behavior
> to when a lightbox is displayed in the web?

No, all door-hangers behave the same way and are sticky. The user must consciously close them via a button in order to dismiss.

Comment 10

[Troy Palmer]

Hey everyone

Here is the link to a copy doc with new / revised copy for the door hanger (includes a couple of options + copy for a follow-up door hanger).

Let me know if there are any questions, otherwise I'll just wait for your comments in the doc. 

https://docs.google.com/document/d/1n0A_MzDeInUXU5GdBuW4EhRCfmTzEkFJmu3V3cNHCEE/edit?usp=sharing

Thanks,
Troy

Comment 11

[Holly Habstritt Gaal [:Habber]]

Copy doc is up to date with final and approved copy. 

https://docs.google.com/a/mozilla.com/document/d/1n0A_MzDeInUXU5GdBuW4EhRCfmTzEkFJmu3V3cNHCEE/edit

Comment 12

[Alex Gibson [:agibson]]

Attachment: firstrun-page.png

Attached screenshot of the updated /firstrun page, with the two notices in the top half of the page.

Comment 13

[Alex Gibson [:agibson]]

Attachment: new-doorhanger.png

Attached screenshot of the new "Before you go..." door-hanger.

Comment 14

[Alex Gibson [:agibson]]

Attachment: updated-sync-doorhanger.png

Attached screenshot of the new updated Sync door-hanger

Comment 15

[Alex Gibson [:agibson]]

I've updated the PR with the approved final copy - this still needs to go through code review, but hopefully that should not take long and we can push this later today.

Comment 16

[Matej Novak [:matej]]

(In reply to Alex Gibson [:agibson] from comment #13)
> Created attachment 8523758 [details]
> new-doorhanger.png
> 
> Attached screenshot of the new "Before you go..." door-hanger.

Seeing this in context, it felt to me like "here" should be a link. Maybe we should change the last line to something like this:

To sync now, choose "Sign in to Sync" from this menu.


(Is "Sign in to Sync" the correct string? I'm signed in, so I can't see it.)

Comment 17

[Matej Novak [:matej]]

(In reply to Alex Gibson [:agibson] from comment #14)
> Created attachment 8523761 [details]
> updated-sync-doorhanger.png
> 
> Attached screenshot of the new updated Sync door-hanger

This headline is feeling long. What if we just made it say "Important"?

Also, please remove the comma after "passwords."

Thanks.

Comment 18

[Alex Gibson [:agibson]]

Attachment: sync_reminder_updated.png

Sync Reminder updated copy

Comment 19

[Alex Gibson [:agibson]]

Attachment: sync_updated.png

Sync Door-hanger updated copy

Comment 20

[Alex Gibson [:agibson]]

Matej, how do these look now?

Comment 21

[Matej Novak [:matej]]

(In reply to Alex Gibson [:agibson] from comment #20)
> Matej, how do these look now?

I think those look great, but I'd love to hear what Jen and Holly think as well.

Thanks for the quick turnaround.

Comment 22

[Alex Gibson [:agibson]]

If this is to be pushed live today, we'll need confirmation pretty soon. Thanks!

Comment 23

[Jennifer Bertsch [:jbertsch]]

(In reply to Matej Novak [:matej] from comment #21)
> (In reply to Alex Gibson [:agibson] from comment #20)
> > Matej, how do these look now?
> 
> I think those look great, but I'd love to hear what Jen and Holly think as
> well.
> 
> Thanks for the quick turnaround.

I'd say they look a little wordy/long but great for today given that we are working against some in-product deadlines and need to get this live!  Holly?

Comment 24

[Jennifer Bertsch [:jbertsch]]

(In reply to Alex Gibson [:agibson] from comment #22)
> If this is to be pushed live today, we'll need confirmation pretty soon.
> Thanks!

Hi Alex-

Looks like Holly just got online.  If she replies within the hour, is that enough time?

Thx,
Jen

Comment 25

[Holly Habstritt Gaal [:Habber]]

(In reply to Alex Gibson [:agibson] from comment #12)
> Created attachment 8523750 [details]
> firstrun-page.png
> 
> Attached screenshot of the updated /firstrun page, with the two notices in
> the top half of the page.


Hi Alex, 
Please remove the Themes notice. We are removing it in favor of showing only the notice about Sync/Bookmarks.(In reply to Alex Gibson [:agibson] from comment #12)
> Created attachment 8523750 [details]
> firstrun-page.png
> 
> Attached screenshot of the updated /firstrun page, with the two notices in
> the top half of the page.


Hi Alex, 
Please remove the Themes notice. We are removing it in favor of showing only the notice about Sync/Bookmarks.

Comment 26

[Holly Habstritt Gaal [:Habber]]

(In reply to Matej Novak [:matej] from comment #16)
> (In reply to Alex Gibson [:agibson] from comment #13)
> > Created attachment 8523758 [details]
> > new-doorhanger.png
> > 
> > Attached screenshot of the new "Before you go..." door-hanger.
> 
> Seeing this in context, it felt to me like "here" should be a link. Maybe we
> should change the last line to something like this:
> 
> To sync now, choose "Sign in to Sync" from this menu.
> 
> 
> (Is "Sign in to Sync" the correct string? I'm signed in, so I can't see it.)

The copy here is not specific to "Sign in to Sync" and is more genera. because there can be an edge case where somebody is signed in. Instead of "here", it could say "in this menu" if we should be more specific. Matej, what do you think?

Comment 27

[Matej Novak [:matej]]

(In reply to Holly Habstritt Gaal [:Habber] from comment #26)
> (In reply to Matej Novak [:matej] from comment #16)
> > (In reply to Alex Gibson [:agibson] from comment #13)
> > > Created attachment 8523758 [details]
> > > new-doorhanger.png
> > > 
> > > Attached screenshot of the new "Before you go..." door-hanger.
> > 
> > Seeing this in context, it felt to me like "here" should be a link. Maybe we
> > should change the last line to something like this:
> > 
> > To sync now, choose "Sign in to Sync" from this menu.
> > 
> > 
> > (Is "Sign in to Sync" the correct string? I'm signed in, so I can't see it.)
> 
> The copy here is not specific to "Sign in to Sync" and is more genera.
> because there can be an edge case where somebody is signed in. Instead of
> "here", it could say "in this menu" if we should be more specific. Matej,
> what do you think?

If someone is already signed in, wouldn't their stuff already be synced? In that case, I'm not clear what we would be asking them to do.

That said, I'm OK making it more general, I'm just worried that the phrase "Sync option" doesn't help them all that much. If they are already signed in, like you say, it will show their email address instead of saying anything about Sync.

Comment 28

[Holly Habstritt Gaal [:Habber]]

(In reply to Matej Novak [:matej] from comment #27)
> (In reply to Holly Habstritt Gaal [:Habber] from comment #26)
> > (In reply to Matej Novak [:matej] from comment #16)
> > > (In reply to Alex Gibson [:agibson] from comment #13)
> > > > Created attachment 8523758 [details]
> > > > new-doorhanger.png
> > > > 
> > > > Attached screenshot of the new "Before you go..." door-hanger.
> > > 
> > > Seeing this in context, it felt to me like "here" should be a link. Maybe we
> > > should change the last line to something like this:
> > > 
> > > To sync now, choose "Sign in to Sync" from this menu.
> > > 
> > > 
> > > (Is "Sign in to Sync" the correct string? I'm signed in, so I can't see it.)
> > 
> > The copy here is not specific to "Sign in to Sync" and is more genera.
> > because there can be an edge case where somebody is signed in. Instead of
> > "here", it could say "in this menu" if we should be more specific. Matej,
> > what do you think?
> 
> If someone is already signed in, wouldn't their stuff already be synced? In
> that case, I'm not clear what we would be asking them to do.
> 
> That said, I'm OK making it more general, I'm just worried that the phrase
> "Sync option" doesn't help them all that much. If they are already signed
> in, like you say, it will show their email address instead of saying
> anything about Sync.

I'm aware of what it will show, but we can't show anything conditional here depending on what state the menu is in, so we are trying to find something that will work for both. For people who are already signed in (very small edge case) they will see that they are already signed in. The best case scenario would be to not show this message for those that are signed in, but we do not have that option in the short time we need to solve this.

Comment 29

[Matej Novak [:matej]]

Got it. Thanks, Holly. In that case, let's go with this:

To sync now, choose the Sync option from this menu.

Comment 30

[Holly Habstritt Gaal [:Habber]]

(In reply to Matej Novak [:matej] from comment #29)
> Got it. Thanks, Holly. In that case, let's go with this:
> 
> To sync now, choose the Sync option from this menu.

+1

Comment 31

[Alex Gibson [:agibson]]

(In reply to Matej Novak [:matej] from comment #29)
> Got it. Thanks, Holly. In that case, let's go with this:
> 
> To sync now, choose the Sync option from this menu.

Have updated the PR to use this string "To sync now, choose the Sync option from this menu." Thanks!

Comment 32

[Alex Gibson [:agibson]]

(In reply to Holly Habstritt Gaal [:Habber] from comment #25)
> Hi Alex, 
> Please remove the Themes notice. We are removing it in favor of showing only
> the notice about Sync/Bookmarks.

Have removed the existing Themes notice, thanks

Comment 33

[[github robot]]

Commits pushed to master at https://github.com/mozilla/bedrock

https://github.com/mozilla/bedrock/commit/a3c4708336056d7cc83b91e44a0af0c04e1581e3
[fix bug 1097197] Update Developer Edition first run experience

https://github.com/mozilla/bedrock/commit/5e2fed0c74622119e2810902384cf4500b14b2c6
Merge pull request #2494 from alexgibson/bug-1097197-update-dev-firstrun

Bug 1097197 update dev firstrun