RocketSimApp icon indicating copy to clipboard operation
RocketSimApp copied to clipboard

Simulate Fingers Covering Screen

Open ThatGuySam opened this issue 3 months ago • 3 comments

Is your feature request related to a problem? Please describe. I haven't been able to find any tool that simulates fingers covering the screen for interaction so that me and my team know exactly what the user will see when the app is physically in hand and can factor finger position into design decisions.

Also, this would be very helpful to show designers how their designs are work as a real-life touch experience.

image

Describe the solution you'd like Ideally an option to cover the screen with simulated fingers that follow the cursor in real time with realistic joints.

Alternatively maybe just show the fingers while your cursor is pressed down.

An option to set the hand's opacity, default 100% opacity

An option to switch between various holding positions

Auto-mode that switches between Thumb, Two Hands, etc so that it's clear what's not reachable by a given hand position.

image

Describe alternatives you've considered I was thinking about building a web app to test this on screenshot but it's not quite the same effect as a tool that's always on and realtime.

Additional context Articles I've found on Finger UX

Modern Touch-Friendly Design (2020) https://addyosmani.com/blog/touch-friendly-design/

Hand and Finger Positioning https://www.uxmatters.com/mt/archives/2017/05/design-for-fingers-touch-and-people-part-2.php

How We Hold Our Gadgets(2017) https://alistapart.com/article/how-we-hold-our-gadgets/

ThatGuySam avatar Apr 22 '24 18:04 ThatGuySam