Consider (discuss/mockup) example images to help people choose the right filter

[jywarren]

This page shows examples of the two filter types (red or blue): https://publiclab.org/wiki/infragram#Conversion+types

But maybe it's helpful to have those example images on the presets modal itself:

The two images are:

Red filter (more common, more recent):

Blue filter:

Counter-intuitively, adding the red filter and adjusting the white balance properly results in a blue-ish image, and a blue filter results in a reddish image:

[jywarren]

So maybe this image could be useful?

[jywarren]

I think we should do some sketches/mockups and discuss here to figure out what would be the clearest way to present this!

[jywarren]

Although this page points out that once you white balance the images look different:

• https://publiclab.org/wiki/infragram#White+balance
• https://publiclab.org/wiki/infrablue-white-balance

So, I made a new diagram, showing the before and after white balancing versions:

[Ash-KODES]

Hello @jywarren, I have a suggestion. We can provide two images for each filter in their respective rows. One image would be same for all the filters in each row(which would be the original image), and other image would be the filtered version of the original, based on the filter row in which it is shown.

So if it is blue filter row of the presets modal, then two images would be shown in it's row, one would be original image and the other would be blue filtered version of the original image and it will be similar for the red filter row, i.e. one image would be original image and one would be filtered version of it using the red filter.

We will just have to add two more columns to show the two images in each row showing the original image and and filtered image. I think that should suffice the purspose of explaining what each filter would do to the original image.

[PythonCoderUnicorn]

Hello Public Labs !

This is my first issue on this repo, I am new and from the Outreachy program.

Using your image uploader and step 2 analytics section, I tried 2 images and this image is the second one (as the first one did not render in any scale option). The HSV function does not work either from the grayscale or original color format. The slider above save has no effect.

[jywarren]

Hello @jywarren, I have a suggestion. We can provide two images for each filter in their respective rows. One image would be same for all the filters in each row(which would be the original image), and other image would be the filtered version of the original, based on the filter row in which it is shown.

So if it is blue filter row of the presets modal, then two images would be shown in it's row, one would be original image and the other would be blue filtered version of the original image and it will be similar for the red filter row, i.e. one image would be original image and one would be filtered version of it using the red filter.

We will just have to add two more columns to show the two images in each row showing the original image and and filtered image. I think that should suffice the purspose of explaining what each filter would do to the original image.

Hi @Ash-KODES i'm interested... but it's a little hard to follow, do you think you'd be able to try doing a mockup, even using Google Presentions to show what you mean?

[jywarren]

Using your image uploader and step 2 analytics section, I tried 2 images and this image is the second one (as the first one did not render in any scale option). The HSV function does not work either from the grayscale or original color format. The slider above save has no effect.

Hi @PythonCoderUnicorn welcome!!! Thank you -- I filed a bug for the HSV issue here: https://github.com/publiclab/infragram/issues/261

I also made this issue to try to address the slider problem: https://github.com/publiclab/infragram/issues/259

Thank you for highlighting these... if you find more, would you mind making new issues for them?

[Forchapeatl]

Although this page points out that once you white balance the images look different:

* https://publiclab.org/wiki/infragram#White+balance

* https://publiclab.org/wiki/infrablue-white-balance

So, I made a new diagram, showing the before and after white balancing versions:

@jwarren , could we include a helper icon , which displays an image (before and after white balancing versions) tooltip on hover as shown on the gif bellow.

[jywarren]

Oh, this is interesting! Thank you! What if instead of on hover, we used a details element? https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details Thank you!!

On Sun, Apr 10, 2022 at 8:06 PM FORCHA @.***> wrote:

Although this page points out that once you white balance the images look different:

• https://publiclab.org/wiki/infragram#White+balance

• https://publiclab.org/wiki/infrablue-white-balance

So, I made a new diagram, showing the before and after white balancing versions:

[image: Screen Shot 2022-03-15 at 12 24 43 PM] https://user-images.githubusercontent.com/24359/158425134-99e2f29d-268c-4995-bc13-da2f07cda293.png

@jwarren https://github.com/jwarren , could we include a helper icon , which displays an image (before and after white balancing versions) tooltip on hover as shown on the gif bellow. [image: presets] https://user-images.githubusercontent.com/24577149/162645685-7e6275e5-f625-411c-b7c0-395aa6615c85.gif

— Reply to this email directly, view it on GitHub https://github.com/publiclab/infragram/issues/226#issuecomment-1094417756, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAF6J35F3ZWPUT2XY6SKMLVENUJPANCNFSM5QZEAB7Q . You are receiving this because you were mentioned.Message ID: @.***>

[Forchapeatl]

@jywarren, thank you, I love the new look but , It seems like the details element offsets our initial element alignment . It may not pay well on mobile screens.