Last modified: 2012-08-04 21:10:55 UTC
Created attachment 10009 [details] Mockup of proposed flyover panel above feedback button The Feedback button 'X' close box is a little [x] link or icon that would appear for logged in users only, when they over the feedback button. The purpose of this feature it to enable users to remove this button (as well as the article feedback forms), by changing their AFT user preference. For logged in users, this would display a flyover panel inviting users to change their user preference to disable both AFT4 and AFT 5. Logged out users would not see the 'X' close box at all. Story: User closes feedback button As a Wikipedia logged in user, I want to make the feedback button go away So that it doesn't clutter up my screen. Scenario: Given the user is logged in And mouses over the feedback button to reveal 'X' box When the user clicks on the 'X' box Then a flyover panel appears ('Remove article feedback?') When the user clicks on 'Remove' Then the current browser window should display the user preferences (Appearances tab) When the user checks (' [ x ] Don't show the Article feedback widget on pages') Then the feedback button (or form) should no longer appear when this user is logged in, until their user preference is changed again. ______________________________ FEATURE SPECIFICATIONS This feature includes a feedback button and a flyover panel with links, as specified below. FEEDBACK BUTTON The feedback button at the lower right of the screen will include an 'X' close box when the mouse rolls over the button: Improve this page X FLYOVER PANEL Remove Article Feedback? X To remove this widget, go to "My Preferences > Appearances," then check: "Don't show the Article feedback widget" [ Remove ] Cancel (?) FLYOVER LINKS Remove / My Preferences > Appearances: http://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-rendering Cancel / X: Close this flyover ( ? ): http://en.wikipedia.org/wiki/Wikipedia:Article_Feedback_Tool/Version_5/Help
Created attachment 10153 [details] Mockup of the feedback button with flyover panel, with final graphics
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
Created attachment 10154 [details] tool/feedback button, no X
Created attachment 10155 [details] tool/feedback button, faint X This is the starting state of the tool for logged-in users.
Created attachment 10156 [details] tool/feedback button, X This is the tool/feedback button for logged-in users hovering over the X
Created attachment 10157 [details] flyover box
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.
Created attachment 10158 [details] go to preferences button
Created attachment 10159 [details] go to preferences button, hover/click state
Created attachment 10226 [details] UPDATED Mockup of Flyover panel above feedback button
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!
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.
Removed link in r114189
Updated to match graphics in r114305
