create new feedback page for Fx4 beta

VERIFIED FIXED in 4.0

Status

www.mozilla.org
General
P1
normal
VERIFIED FIXED
8 years ago
6 years ago

People

(Reporter: John Slater, Assigned: sgarrity)

Tracking

({verified-production})

unspecified
verified-production
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

8 years ago
Hey Steven. We now have the 2nd page in our beta series ready for coding. It should follow the same naming convention laid out in bug 570609, and Laura can offer guidance on where the links should point.

Here's the file...let us know if you have any questions, comments, etc:
https://rcpt.yousendit.com/889074123/9fda35c9ee66c1ffe649c63dd985f614

As before, the copy is basically solid but could change a little bit before it's all said & done. And, the other big variable is the survey...the PSD lays out the way we want it to look, but my understanding is that the actual SurveyMonkey survey may not be totally customizable. Laura, can you follow up with more on that?

Thanks!
(In reply to comment #0)
> Hey Steven. We now have the 2nd page in our beta series ready for coding. It
> should follow the same naming convention laid out in bug 570609, and Laura can
> offer guidance on where the links should point.
> 
> Here's the file...let us know if you have any questions, comments, etc:
> https://rcpt.yousendit.com/889074123/9fda35c9ee66c1ffe649c63dd985f614
> 
> As before, the copy is basically solid but could change a little bit before
> it's all said & done. And, the other big variable is the survey...the PSD lays
> out the way we want it to look, but my understanding is that the actual
> SurveyMonkey survey may not be totally customizable. Laura, can you follow up
> with more on that?
> 
> Thanks!

Sure. So, its actually survey gizmo and here is the code to embed the survey:
<script src="http://www.surveygizmo.com/polls/2JV07ACTFHM2KKK0CE8K6EE60MWHJX-303457" type="text/javascript" ></script>

I think it looks pretty unsexy like that.I think you can play with the code on surveygizmo, and I can give you access to it if you need it. Let me know and I will send it along.  


Thanks!
This is what we're missing: 

-Screenshot of Feedback button in action; dependent on final button design. Owner: SHorlander
-Survey Gizmo Poll; need to make it look pretty for the Feedback page. Owner: SGarrity/LMesa
-Report Broken Site Form; Need to set up form/link. Owner: SGarrity/LMesa
(Assignee)

Comment 3

8 years ago
This page is started in trunk (r68749):

http://www-trunk.stage.mozilla.com/en-US/firefox/beta/feedback

Still need to add the screenshot, newsletter signup, twitter/facebook/blog links, and the Report Broken Sites form.

What service should the Report Broken Sites form be submitting too? Is there an example of a similar form I could take a look at?
> 
> What service should the Report Broken Sites form be submitting too? Is there an
> example of a similar form I could take a look at?

Thanks Steven!

I just built the form in surveygizmo: http://app.sgizmo.com/survey_promote.php?id=313683

I'm going to set you up with an account. Look for my email momentarily.
(Assignee)

Comment 6

8 years ago
SurveyGizmo widgets have been cleaned up a bit more in r68798. It's like swimming in molasses though - changes in SurveyGizmo settings are slow to propagate and seem to stick in cache.

Can we get rid of the SurveyGizmo promos in the footers of the forms? They look bad, and there are too.

Before the page goes live, it might be worth embedding the entire form HTML/JS/CSS right in the page for performance reasons - it's pretty slow loading from their servers.

The Bugzilla link is added too.

Newsletter/share feature still to come.
(In reply to comment #6)

> 
> Can we get rid of the SurveyGizmo promos in the footers of the forms? They look
> bad, and there are too.

Unfortunately not--as part of our non profit discount/agreement, we have to keep them there. 
> 
> Before the page goes live, it might be worth embedding the entire form
> HTML/JS/CSS right in the page for performance reasons - it's pretty slow
> loading from their servers.

Sounds good. 
> 
> The Bugzilla link is added too.
> 
> Newsletter/share feature still to come.

Great, thanks!
Nit: why are we linking "_Survey software_" and not "_SurveyGizmo_" at the bottom right, in "Survey software by SurveyGizmo"?
Created attachment 451340 [details]
latest screenshot of mockup
Per Lee's screenshot, I think we're missing the titles of the two boxes:
-Tell us What You Think
-Developers: We Need You

Separately, can we change the background of the survey box to be the same as the other two? That was I can change the color of the survey results to match with the box and the color difference won't be so jarring. 

Thanks!
Steven:

Just sent you an invite for uservoice.

I think this will be very helpful because we need to use a custom widget: https://firefox.uservoice.com/admin2/clients#/legacy_widget

Ideally, when you click the "Go to User voice" link it opens the widget and people can see what's going on in the forum without entering.  The other option is to take out the text link on the page and just use the uservoice default "feedback button". 

Here's the forum url for reference: http://firefox.uservoice.com/forums/57440-firefox-4-beta

Thanks,

L
(Assignee)

Comment 12

8 years ago
(In reply to comment #8)
> Nit: why are we linking "_Survey software_" and not "_SurveyGizmo_" at the
> bottom right, in "Survey software by SurveyGizmo"?

This text is automagically and mercilessly added by the SurveyGizmo widget.

(In reply to comment #10)
> Per Lee's screenshot, I think we're missing the titles of the two boxes:
> Separately, can we change the background of the survey box to be the same as
> the other two?

Done in r68917 (and r68918). The background color for that area is #f9f9f9.

I've also added the UserVoice JS link to open their pop-up panel. I wonder if the "Visit UserVoice." link text could be something more meaningful (especially to those who don't know or care what UserVoice is).
(In reply to comment #12)
> 
> Done in r68917 (and r68918). The background color for that area is #f9f9f9.

Just changed it in SGizmo...
> 
> I've also added the UserVoice JS link to open their pop-up panel. I wonder if
> the "Visit UserVoice." link text could be something more meaningful (especially
> to those who don't know or care what UserVoice is).

Agreed. Maybe it should be "Visit our Feedback Forum"?
Also, the newsletter copy and form need to change a tiny bit.

CTA: 
Keep up to date on Firefox Beta news!

Subtext:
Subscribe to receive Firefox Beta news, events and information via email. 

[[[[EMAIL SIGN UP BOX]]]]

[[CHECK BOX]]  I agree to the Privacy  Policy     (Link to Privacy Policy: http://www.mozilla.com/en-US/privacy-policy.html) 
    
[[CHECK BOX]]  Please also occasionally send me Mozilla news, Firefox tips & tricks, and other Mozilla information. 

We will only send you Mozilla-related information.
(Assignee)

Comment 15

8 years ago
Form fixed in r68939 as well as the text changes from comment #14. Do we need that second checkbox though? Isn't the entire purpose of the form to sign-up to the mailing list? I'm partially asking because the form code is shared with the firstrun page, which doesn't have this checkbox (just the privacy agreement checkbox).
Depends on: 572785

So, the newsletter sign up here is for the beta newsletter, while the first run page is about the general mozilla mailing list.  I just filed a bug to get that functionality built.
(Assignee)

Comment 17

8 years ago
CSS/JS fix for form in r68943.
(Assignee)

Comment 18

8 years ago
I've updated the background panels on the Feedback page to have a white background so the chart from the survey widget will match (r68992).
I re-created the form for the broken website reporter in V3 of survey gizmo:
http://appv3.sgizmo.com/projects/promote?id=316544

I got it to work without the survey gizmo button.  There also seem to lots of options for embedding  too.
A few quick changes:

1) In the Uservoice section of the page, let's take out the last sentence,"Use the UserVoice service to give us detailed input." completely. \
2) In the SG box:take out the descriptive text "your opinions really matter!"
3)  Have you tried implementing the V3 of the broken url form and the poll? I'd love to see if we can escape from the surveygizmo buttons!
(Assignee)

Comment 21

8 years ago
(In reply to comment #20)
> 1) In the Uservoice section of the page, let's take out the last sentence,"Use
> the UserVoice service to give us detailed input." completely.
Done in r69238.

> 2) In the SG box:take out the descriptive text "your opinions really matter!"
Also done in r69238.

> 3)  Have you tried implementing the V3 of the broken url form and the poll? I'd
> love to see if we can escape from the surveygizmo buttons!
Not yet - I'll have a go at this when the other pages are ready.
(Reporter)

Comment 22

8 years ago
Note:

PSDs for this and the other beta pages have been uploaded to a more long-term spot here:
http://www.intothefuzz.com/beta/

Note that these files don't reflect all the changes to the verbiage and other details that have come through since they were originally handed off.
Priority: -- → P1
Because of the way the surveygizmo buttons look, and the resulting performance issues, we have decided to take out both the poll and the broken site reporter. 

There are other changes that Lee has made in the following PSD: https://www.yousendit.com/download/K0JUeW4wMVhrUm52Wmc9PQ
Confirming that PSD has broken website reporter, when it actually should not. Please remove the broken website form.
(Assignee)

Comment 25

8 years ago
Feedback page is updated in r69780.
Whiteboard: [need "Stay up to date" links]
Except for links in "Stay up to date", this page is ready for QA.
(Assignee)

Comment 27

8 years ago
(In reply to comment #26)
> Except for links in "Stay up to date", this page is ready for QA.

Added these links in r69881 (assuming they should just link to the main Firefox twitter/facebook pages).
Whiteboard: [need "Stay up to date" links]
Depends on: 573922
Per comment #26, this is ready for QA and should be closed.
Status: NEW → RESOLVED
Last Resolved: 8 years ago
Resolution: --- → FIXED
We're missing something in the newsletter signup--

per bug 572785, there should be a second opt-in in the newsletter:

"CTA: 
Keep up to date on Firefox Beta news!

Subtext:
Subscribe to receive Firefox Beta news, events and information via email. 

[[[[EMAIL SIGN UP BOX]]]]  [Campaign ID: Beta Newsletter]

[[CHECK BOX]]  I agree to the Privacy  Policy     (Link to Privacy Policy:
http://www.mozilla.com/en-US/privacy-policy.html) 

[[CHECK BOX]]  Please also occasionally send me Mozilla news, Firefox tips &
tricks, and other Mozilla information. 

We will only send you Mozilla-related information."

the idea is that people who check the second box also get into the generall mozilla newsletter pool, and if not, they stay in the beta pool.
Status: RESOLVED → REOPENED
Resolution: FIXED → ---
(Assignee)

Comment 30

8 years ago
Alex, can the /includes/email_subscribes/submit.php handle multiple campaigns?
(In reply to comment #30)
> Alex, can the /includes/email_subscribes/submit.php handle multiple campaigns?

No, not currently, but it should be easy to implement
r70043 includes mainstream news in the subscription form

garrity, I think it could use a CSS tweak to make the checkbox label look good.  could you please?
made a minor style tweak, laura and I agreed it looks fine.
Status: REOPENED → RESOLVED
Last Resolved: 8 years ago8 years ago
Resolution: --- → FIXED
(Assignee)

Comment 34

8 years ago
(In reply to comment #33)
> made a minor style tweak, laura and I agreed it looks fine.

I fixed up the styles further in r70068. IE 8 fix in r70069.
(Assignee)

Comment 35

8 years ago
Merged the JS for this page to stage in r70074.
js pushed to production in r70077
(Assignee)

Comment 37

8 years ago
(In reply to comment #34)
> I fixed up the styles further in r70068. IE 8 fix in r70069.

Merged this to stage in r70078. Two files to push to production: 
Sending        en-US/firefox/beta/feedback/index.html
Sending        style/firefox/beta/4/main.css
Keywords: push-needed
r70079
Keywords: push-needed
Component: www.mozilla.org/firefox → www.mozilla.org
Product: Websites → Websites
Component: www.mozilla.org → General
Product: Websites → www.mozilla.org
You need to log in before you can comment on or make changes to this bug.