3

We are working on a "remove objects from photos" app, where the users highlight/select a part of an image they want to remove and the app takes care of it.

Precision is sort of important here, on one hand, it's not for Pro users, it's a classic B2C mobile app.
On the other hand, we assume users want to remove specific objects, sometimes very subtle.

Currently, when the users move their finger they'll "paint" the same location on the image, which can create issues as the finger "hides" the content underneath it.
We thought about two mechanisms to improve it:

  • Add Offset to the finger location:

enter image description here

  • Same location, but you Maganfier to showcase what's below the finger:

enter image description here

Would love to hear you suggestions, thanks!

6
  • The second option (magnifier) is present in Samsung's camera application when "scan document" feature is used. User can adjust the crop/perspective region by dragging the corners, and the magnifier is conveniently shown in the opposite corner, so it's even further from user's fingers. I find this approach very useful for precise adjustments. In your example it moves with the finger, which I would find annoying. Is there a way to make the magnifier more static, and only move when finger is very close to it?
    – fri
    Feb 13, 2022 at 11:54
  • Hey @fri! Thanks for the suggestion, we made a magnifaier with a smooth position and that basically solved it. Thanks!
    – Roi Mulia
    Feb 15, 2022 at 12:27
  • Hey @fri, do you happen to have a video example of this behavior? on your Samsung? I have an iPhone, and there no reference of this on YouTube
    – Roi Mulia
    Feb 16, 2022 at 21:16
  • 1
    Here's a video: youtube.com/watch?v=Zmr5ajP6Le0 @RoiMulia
    – fri
    Feb 18, 2022 at 7:50
  • Hey @fri! Thanks. Looks good. Is there a reason why the position of the magnifier is not static? Seems to be a bit confusing
    – Roi Mulia
    Feb 18, 2022 at 9:34

1 Answer 1

0

There are several possibilities. I would try making a separated working zone at the same screen.

  • Horizontal split-screen to get a working area in the lower half
  • Color difference between the image of the working area and the real one
  • A button to move the partition boundary vertically
  • A button with the option to see a working grid in both partitions
  • Possibility of zooming in the work area, with or without repercussion on the real image. For example:
    • Zoom in both with the usual two-finger gesture
    • Zoom in on just one image with three fingers (or vice-versa)

enter image description here

The user paints in the work area, the lower part, and visualizes the result in the real image, the upper part.

3
  • Hey @Danielillo, I'm not sure you understood what I meant, Can you re-read my question? Thank you for the answer tho!
    – Roi Mulia
    Feb 12, 2022 at 14:31
  • Yes I understood it, answer updated.
    – Danielillo
    Feb 12, 2022 at 14:40
  • Hey Danielillo! I was asking between the two options I presented (currently, the only one I can integrate within the app structure). The issue we have is that we want a better experience for the user drawing/highlighting.
    – Roi Mulia
    Feb 15, 2022 at 8:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.