1018456 - (experiment) Blur effect for private tab thumbnails

Status: RESOLVED INCOMPLETE

(Firefox for Android Graveyard :: General, defect)

Description

[Yuan Wang(:Yuan) – Mobile Firefox Design Lead]

Attachment: Blur effect on private tabs.001.jpg

This idea was inspired by iOS7 and Rdio music app. The blur effect gives the content more personality and creates a dynamic context.

I think our private thumbnails could also benefit from this cool effect as well. 
Sometimes people would like to have some privacy and don't want people to peek into the thumbnails of their private tabs. It could be a site for engagement rings, or bank accounts, or adult stuff. We all know that a picture is worth a thousand words. Applying blur effects can respect the users' privacy at the same time maintain the personality of the site.

There are some CSS filters for creating blur effect, but they seem only work well on WebKit. But I found something else which may work across platforms: http://codepen.io/nhackley/pen/rqpAv

Next step:
* Prototyping 
* Implementation


Out of scope of this bug, but related: 
If the user would like to see the original thumbnail, "press down to peek" should do the job. Then the user can either release touch to switch to the tab, or move the touch point away from the thumbnail to cancel.

Comment 1

[Anthony Lam (:antlam) Find me, @antlam on Slack!]

If blurring is so troublesome... perhaps we should think about never showing a preview when in private browsing? We could just persist the UI we have for Firefox Home in Private browsing. If the purpose is to be more private in private browsing, I think the tab preview could be something our users are willing to give up.

just a thought

Comment 2

[BMO Automation]

We have completed our launch of our new Firefox on Android. The development of the new versions use GitHub for issue tracking. If the bug report still reproduces in a current version of [Firefox on Android nightly](https://play.google.com/store/apps/details?id=org.mozilla.fenix) an issue can be reported at the [Fenix GitHub project](https://github.com/mozilla-mobile/fenix/). If you want to discuss your report please use [Mozilla's chat](https://wiki.mozilla.org/Matrix#Connect_to_Matrix) server https://chat.mozilla.org and join the [#fenix](https://chat.mozilla.org/#/room/#fenix:mozilla.org) channel.