Tag: Firefox

Posted on

Browser add-ons to skip sponsor segments and prevent clickbait on YouTube

Two pretty interesting browser add-ons/plugins to improve the UX on YouTube:

SponsorBlock is an open-source crowdsourced browser extension and open API for skipping sponsor segments in YouTube videos. Users submit when a sponsor happens from the extension, and the extension automatically skips sponsors it knows about using a privacy preserving query system. It also supports skipping other categories, such as intros, outros and reminders to subscribe, and skipping to the point with highlight.

DeArrow is an open source browser extension for crowdsourcing better titles and thumbnails on YouTube. The goal is to make titles accurate and reduce sensationalism. No more arrows, ridiculous faces, and no more clickbait.

(/ht https://news.ycombinator.com/item?id=41222577)

Posted on

Firefox 3 – suggestions for GUI design improvements

Some suggestions for improving the GUI of FF 3:

  • Why does the forward button have a very different shape than the back button (round vs. rectangular)? On IE 7, both have the same shape (round) which is more consistent and more user-friendly (as they’re both navigation icons, just for opposite directions). BTW: Yes, I know the official answer, but the different size is still no excuse for different shapes.
  • Why does FF 3 try to squeeze as much information as possible into the URL text field? Instead of combining the security certificate information with the favicon display (a fact that likely confuses users, particularly Joe Average), one should rather reserve a dedicated place just for displaying the security information (like IE 7 does).
    The star (bookmark??) icon within the text field is also disturbing as it doesn’t behave the way a sane user would expect it to. Instead, clicking on it creates a bookmark (without asking for confirmation), clicking on it again doesn’t just silently remove it again (without asking for confirmation), but rather displays a dialog box with bookmark properties (and another button to remove the bookmark, eventually). Further, the bookmark icon behaves quite different than the analogous magnifier/search icon in the search box.
  • Why isn’t it visually more obvious to the user whether (or not) a connection is properly encrypted and the server properly authenticated through a certificate? Why not use a light-green (or light-yellow) background color (again) for the URL text field of properly secured connections? Instead, all the user is left with now is an almost unnoticeable background color change of the favicon display area and a “secured lock” icon in the status bar. (Note: IE 7 does it better, but only a bit.)
  • Why did they choose blue as the color to indicate a secured connection (the same goes for IE 7)? I’d rather choose green (or maybe yellow, but definitely not blue).
  • Why does the drop-down icon in the URL text field look different than the drop-down icon in the search field (mouse-over tinted vs. permanently tinted)? Only God and the GUI designer know. But it surely confuses users as it isn’t consistent. (BTW, IE 7 is also inconsistent in this regard.)
  • In my view, placing the reload and abort icons after the URL text field (as in IE 7) instead of in front of the URL text field would be more natural.