Created attachment 10153
Mockup of the feedback button with flyover panel, with final graphics

Attached:

Here is our final design for the feedback button Option E, as well as the 'X' close box that is included for that button and the flyover that appears when you click on the 'X' button.

The full specification is up on the feature requirements page:
http://www.mediawiki.org/wiki/Article_feedback/Version_5/Feature_Requirements#Feedback_links_on_article_pages

An updated screenshot is also attached, and we will upload all the relevant graphics here as well.

In summary, logged-in users will see a small 'X' on the feedback button, as so:

"Improve this article X"

(but logged-out users will not see the "X")

Here is what you will see in the flyover if you click on the "X":

"Remove this tool? (x)

To remove Article Feedback, go to

My Preferences > Appearances,"

and check,

"Don't show the Article feedback widget"

Go to my preferences Learn more"

Please refer to the full specification on the feature requirements page:
http://www.mediawiki.org/wiki/Article_feedback/Version_5/Feature_Requirements#Feedback_links_on_article_pages

hwalls wrote:

tool/feedback button, no X

Attached:

hwalls wrote:

tool/feedback button, faint X

This is the starting state of the tool for logged-in users.

Attached:

hwalls wrote:

tool/feedback button, X

This is the tool/feedback button for logged-in users hovering over the X

Attached:

hwalls wrote:

flyover box

Attached:

This is the wrong approach. The tab shouldn't be in the content area at all. Putting something in the way and then giving users a way to hide it is completely illogical. The right answer is to not put something in the way.

hwalls wrote:

go to preferences button

Attached:

hwalls wrote:

go to preferences button, hover/click state

Attached:

Created attachment 10226
UPDATED Mockup of Flyover panel above feedback button

Attached:

Hi Elizabeth, as discussed, I have attached an updated mockup of the flyover panel above the feedback button, with the following changes:

1. Remove 'Learn More' text link altogether, at Howie's request.

2. Remove link under the words "My Preferences > Appearances", at Dario's request.

I have also updated the feature requirements page with this new mockup and revised specification:

http://www.mediawiki.org/wiki/Article_feedback/Version_5/Feature_Requirements#Feedback_links_on_article_pages

All production graphics will remain the same, and they include a version of the 'Improve this page' button without the "X" button for logged-out users.

Note that this "X" button will also need to be added to Option A of the feedback link, which appears right below the article title. See related ticket # 34406:
https://bugzilla.wikimedia.org/show_bug.cgi?id=34406

Please let me know if you have any questions.

Thanks!

reha wrote:

Added flyover in r114064. Dario, what clicktracking events do you want set up
for the flyover?

Dario updated the clicktracking requirements for this flyover on this previous bug:
https://bugzilla.wikimedia.org/show_bug.cgi?id=32992#c19

Also note that we want to remove the first link in the flyover, under the words "My Preferences > Appearances", as requested above.

Lastly, I want to remind you that we want Option E to use or match Heather Fall's graphics, as discussed in our call.

reha wrote:

Removed link in r114189

reha wrote:

Updated to match graphics in r114305