Number of items blocked social media sharing and redesign
User Story
As ABP user I would like to share on social the total amount of ads (items) that I blocked so I can support ABP
Research
- Check if users see this option and if they understand what will happen by clicking on it
- Compare between designs - what is the chance that user will likely click on each?
Report here.
What to change
-
Design: https://eyeogmbh.invisionapp.com/share/A4TRD7REVFZ
- reference for icons animation/masking/css: https://codepen.io/Jku/pen/jyyOyo
- Spec: eyeo/specs/spec!287
NOTE: the entire 'Number of items blocked' will have to be redesigned:
Expand for images
- current position/design for numbers of blocked items:
- new position/design for numbers of blocked items:
Hints for testers
Nothing should break, as this is a new feature/section of the popup.
Either through keyboard navigation, or mouse/pointer, click on Share numbers with friends and try to share results via all provided links (FB and Twitter).
Ensure that with Chinese languages the Share numbers with friends doesn't exist.
Hints for translators
The content of share_on_twitter_message should not exceed the amount of chars available in Twitter (280 chars minus link and via @AdblockPlus
, leaving 239 chars for the message).
The message includes the blocked counter number which can, in theory, be infinitely long. However, we wouldn't expect it to exceed 99,999,999.
Integration notes
Import the following files:
- /skin/icons/share.svg
- /skin/icons/share-on-facebook.svg
- /skin/icons/share-on-twitter.svg