Talk:Beta Features/Hovercards/Archive 1

Comments around actions and read more would help our current line of thinking. General Feedback welcome.

Animation
Something like http://daneden.github.io/animate.css/ fadeInUp for entrance and fadeOut (but much faster) would be nice. Jaredzimmerman (WMF) (talk) 23:55, 22 January 2014 (UTC)


 * Please see the changes made in Add animation to NavigationPopups. Ping me if you'd like to see a demo to fine tune the delays. --Prtksxna (talk) 05:00, 6 February 2014 (UTC)

Actions in popups
Pros
 * Direct access to some actions, like watch, talk, history (feels like very advanced user actionsJaredzimmerman (WMF) (talk) 23:55, 22 January 2014 (UTC)
 * Access to "read it later/next" type action (same or different than watchlist?)Jaredzimmerman (WMF) (talk) 23:55, 22 January 2014 (UTC)

Cons
 * Fitt's Law don't suggest a second target like "read more…" that goes to the same place as the link that is directly under your cursorJaredzimmerman (WMF) (talk) 23:55, 22 January 2014 (UTC)
 * Having additional targets inside flyout means that it is on screen longer, and not dismissed when cursor moves out of the bounds of the link, this could distract from the reading experience. Jaredzimmerman (WMF) (talk) 23:55, 22 January 2014 (UTC)
 * Having a smaller clickable target within another one might be confusing. -Prtksxna (talk) 05:02, 6 February 2014 (UTC)

Priority of popups to roll out

 * 1) Articles

Have some code
Just saw this in the recent changes. Please take a look at w:User:Yair rand/NavPopupsRestyled.js. Still probably quite buggy, but it seems to cover all the stuff mentioned here.

I strongly recommend not trying to force this on any community, by the way. If you think it should be enabled by default, propose it at a village pump. --Yair rand (talk) 13:32, 23 January 2014 (UTC)


 * Thanks Yair. My understanding is that we plan to enable this as a Beta Feature at first, which is opt-in. Steven Walling (WMF) &bull; talk   19:49, 23 January 2014 (UTC)


 * Thanks for the pointer Yair, I've shared your link this with Prateek Saxena, who is working on building this beta experiment. Vibhabamba (talk) 23:07, 23 January 2014 (UTC)
 * Yair, I tried importing this on enwiki but it doesn't seem to work for me (importScript('User:Yair rand/NavPopupsRestyled.js');) in Vector.js). Am I missing something?--Jorm (WMF) (talk) 00:06, 24 January 2014 (UTC)
 * You may need to also have the regular Navigation Popups enabled. Steven Walling (WMF) &bull; talk   06:54, 24 January 2014 (UTC)
 * I do.--Jorm (WMF) (talk) 07:46, 24 January 2014 (UTC)
 * Actually, that's not required at all. Code-wise, the new script is completely unrelated to the original NavPopups. --Yair rand (talk) 10:11, 26 January 2014 (UTC)
 * Skin js pages are lowercase. w:User:Jorm (WMF)/Vector.js should be at w:User:Jorm (WMF)/vector.js. --Yair rand (talk) 10:11, 26 January 2014 (UTC)
 * Prateek just ran your scripts and sent me the screenshots, It looks really close. Really appreciate the work. Thank you. Vibhabamba (talk) 00:08, 24 January 2014 (UTC)
 * A few minor issues of ambiguity in the design:
 * The colors of the "last edited" text is different in different pictures. I coded it on the assumption that the color is related to the amount of time since the last edit, with grey being the color for everything edited more than 48 hours ago. I don't really know if that's what was intended, though...
 * that's exactly it, although our threshold is 24 hours. Older than 24 hours is grey, The green color value according to our style guide is - 00AF89. See - https://www.mediawiki.org/wiki/File:Guide_Color.png Vibhabamba (talk) 01:24, 5 February 2014 (UTC)
 * When the hovered link is very near the right side of the page, it's not clear what the best behavior for the popup would be, if part of it would overflow past the right side of the screen. Should it be flipped to the left, with the arrow at the right? Pressed against the side of the page, with the arrow in the middle-ish?
 * The popup should never bleed outside the viewport. So if its under the fold or bleeding right/left of the screen edge, it should flip. Vibhabamba (talk) 01:24, 5 February 2014 (UTC)
 * I was implementing and testing this when I noticed that in some situations it gets cut at the bottom. Its too long even if its flipped to the top. Any ideas? --Prtksxna (talk) 05:19, 6 February 2014 (UTC)
 * The light-blue background of the link in the images extends several pixels outside the link. Is this supposed to be like that?
 * The blue highlight was for presentation purposes only. We don't need the highlight in the product if the pokey positioning works out. Vibhabamba (talk) 01:24, 5 February 2014 (UTC)
 * --Yair rand (talk) 15:42, 30 January 2014 (UTC)

Do we need a way to open article in a new tab/ new window
Currently clicking on a blue link in a Wikipedia article has target url = same window, so you can't continue to read your current article if you want to investigate something you came across. There's mixed opinions on whether this functionality is needed or if we should simply rely on users using their right click menu. Of course my old parents use wikipedia and do not know how to use right click menu's. So if we are concerned about accessibility and tech saviness, we should discuss solutions. Please insert ideas! Vibhabamba (talk) 01:59, 24 January 2014 (UTC)
 * No, we don't need to add that functionality. It's just going to be clutter.  People can right click or ctrl/command click and let it happen.  It's not our job to solve for our users' ignorance of how to use their browser.--Jorm (WMF) (talk) 02:10, 24 January 2014 (UTC)
 * Agreed. Middle-click, or right/ctrl/command-click, are all fairly widely known, for users that use multiple tabs/windows. Additionally, choosing whether to force a new tab vs window, is difficult (I know 2 people IRL who hate tabs, and I would guess they are representative of a quiet minority?). –Quiddity (talk) 18:47, 24 January 2014 (UTC)
 * I've made the complete popup an anchor tag (within a container) so a user will be able to do normal link actions on it. --Prtksxna (talk) 05:04, 6 February 2014 (UTC)