Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   Drawing on Mobile with fingers: magnifier or offset from finger location?

Drawing on Mobile with fingers: magnifier or offset from finger location?

by Roi Mulia on February 12, 2022 in 3d, 404, ab-testing, abandonment, about, accesibility, accessibility, accordion, accounts, actions, activation, activation, activity-centered-design, activity-feed, adaptive-content, adaptive-design, addresses, addresses, administration, mobile-application, ucd, UI, UI design, UI Kits, ui-element, under-construction, under-construction, undo, Universal design, Universal Design & Accessibility, untagged, updating, upload, upload, uploading, uploading-documents, uploading-documents, urls, Usability, usability test, usability-counts, usability-engineering, usability-integration, usability-study, usability-testing, use-cases, useful, user, User Experience, User Interaction, user interface, user needs, User Research, User testing, user testing, user-attention, user-behavior, user-behaviour, user-centered-design, user-communication, user-engagement, user-error, user-expectation, user-feedback, user-freedom, user-generated-content, user-habit, user-habit, user-interviews, user-journey, user-perception, user-preferences, user-profile, user-research, user-story, user-tracking, username, users, users-tests, usertesting.com, UX, UX course, UX dark patterns, UX Data, UX Deliverables, UX Design, UX education, UX Events in Atlanta, UX Events in LA, UX Forms, UX Jobs Atlanta, UX Jobs Dallas, UX Jobs in Atlanta, UX Jobs Los Angeles, UX Microinteractions, UX Research, UX Rockstars, UX Toolbox, UX Trends, UX Usability, UX writer, UX writing, ux-charts, ux-designer, ux-field, ux-gurus, ux-integration, ux-maturity, ux-methods, ux-writing, UX101, uxbooth, uxstackexchange, Valentine's Day, validation, value, vat, Vector Art, verb, verification, version-control, version-control, versioning, video, video games, Video Template, Video Tutorial, Video Tutorials, view, viewport, viewport-orientation, Vintage Design, virtual-reality, vision-impairment, visual, Visual Design, visual-cues, visual-design, visualization, voice, voting, vouchers, waiting, walkthrough, warnings, wayfinding, wcag, wearables, web, Web Design, Web Template, Web Template, web-app, Web-Based Apps, webforms, WebGL, webmaster, Website Speed, window, window-management, window-management, windows-8, windows-os, windows-phone-7, winforms, wireframe, Wireframe Design, Wireframe Tools, Wireframes, wireframing, wishlist, wizard, Word, WordCamp, wording, wordpress, WordPress 5.0, WordPress Gutenberg, WordPress Membership, WordPress Plugins, WordPress Security, WordPress Snippets, WordPress Speed, WordPress Theme, WordPress Themes, WordPress Tutorial, WordPress Tutorials, workflow, workshop, workspace, WP Plugins, wpf, wrapping, writing, writing, writing-direction, wysiwyg, zooming

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!

Tags: an event apart, smashing, speckyboy, UX Interview, ux stack, UX Stack Exchange, UXBooth

Sign Up for the latest in UX News...

Enter your email address to subscribe to UXShareLab and receive notifications of new posts by email.

Join 834 other subscribers

Related Posts

10 Amazing Animated Text CSS & JavaScript Code Snippets
10 Amazing Animated Text CSS & JavaScript Code Snippets
Ux/ui design for different countries in the world
Ux/ui design for different countries in the world
Weekly News for Designers № 545
Weekly News for Designers № 545
How to improve 3rd level navigation selection
How to improve 3rd level navigation selection

Drawing on Mobile with fingers: magnifier or offset from finger location?

by Roi Mulia on February 12, 2022 in 3d, 404, ab-testing, abandonment, about, accesibility, accessibility, accordion, accounts, actions, activation, activation, activity-centered-design, activity-feed, adaptive-content, adaptive-design, addresses, addresses, administration, mobile-application, ucd, UI, UI design, UI Kits, ui-element, under-construction, under-construction, undo, Universal design, Universal Design & Accessibility, untagged, updating, upload, upload, uploading, uploading-documents, uploading-documents, urls, Usability, usability test, usability-counts, usability-engineering, usability-integration, usability-study, usability-testing, use-cases, useful, user, User Experience, User Interaction, user interface, user needs, User Research, User testing, user testing, user-attention, user-behavior, user-behaviour, user-centered-design, user-communication, user-engagement, user-error, user-expectation, user-feedback, user-freedom, user-generated-content, user-habit, user-habit, user-interviews, user-journey, user-perception, user-preferences, user-profile, user-research, user-story, user-tracking, username, users, users-tests, usertesting.com, UX, UX course, UX dark patterns, UX Data, UX Deliverables, UX Design, UX education, UX Events in Atlanta, UX Events in LA, UX Forms, UX Jobs Atlanta, UX Jobs Dallas, UX Jobs in Atlanta, UX Jobs Los Angeles, UX Microinteractions, UX Research, UX Rockstars, UX Toolbox, UX Trends, UX Usability, UX writer, UX writing, ux-charts, ux-designer, ux-field, ux-gurus, ux-integration, ux-maturity, ux-methods, ux-writing, UX101, uxbooth, uxstackexchange, Valentine's Day, validation, value, vat, Vector Art, verb, verification, version-control, version-control, versioning, video, video games, Video Template, Video Tutorial, Video Tutorials, view, viewport, viewport-orientation, Vintage Design, virtual-reality, vision-impairment, visual, Visual Design, visual-cues, visual-design, visualization, voice, voting, vouchers, waiting, walkthrough, warnings, wayfinding, wcag, wearables, web, Web Design, Web Template, Web Template, web-app, Web-Based Apps, webforms, WebGL, webmaster, Website Speed, window, window-management, window-management, windows-8, windows-os, windows-phone-7, winforms, wireframe, Wireframe Design, Wireframe Tools, Wireframes, wireframing, wishlist, wizard, Word, WordCamp, wording, wordpress, WordPress 5.0, WordPress Gutenberg, WordPress Membership, WordPress Plugins, WordPress Security, WordPress Snippets, WordPress Speed, WordPress Theme, WordPress Themes, WordPress Tutorial, WordPress Tutorials, workflow, workshop, workspace, WP Plugins, wpf, wrapping, writing, writing, writing-direction, wysiwyg, zooming

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!

Tags: an event apart, smashing, speckyboy, UX Interview, ux stack, UX Stack Exchange, UXBooth

Related Posts

What is this line referred as in a chart?
What is this line referred as in a chart?
What exactly does it mean to be designing within a grid?
What exactly does it mean to be designing within a grid?
Compact way to represent a progress with many sub-operations?
Compact way to represent a progress with many sub-operations?
Bottom sheet on top of popup on mobile
Bottom sheet on top of popup on mobile
← Different code behind “Sign up with Apple” and “Continue with Apple”?
Should a button show its label in a loading state if a spinner is present? →

Topics

Universal Design & Accessibility uxstackexchange UI user-behavior UX Toolbox UX UX Rockstars Web Design web-app User testing UX Jobs Los Angeles Usability UI design UX Jobs Dallas wordpress WordPress Gutenberg Visual Design UX Jobs Atlanta WordPress Plugins User Interaction UX Jobs in Atlanta User Research UX Design User Experience uxbooth

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange