LY Corporation R&D

We are pleased to announce the release of "Tappy," a Figma plugin that analyzes the size of buttons and links when designing smartphone web pages in Figma and displays the tap success rate. Users can select an iPhone model and choose an object in Figma to see its size when displayed on the specified iPhone (in both pixels and millimeters) and the success rate of tapping that object. Currently, the plugin supports iOS models with recognizable resolutions. (Support for the iPhone 16 series is planned for the next version.)

You can access the plugin here.
https://www.figma.com/community/plugin/1425006564066437139/tappy (External link)

We hope that Tappy will be of help in developing web pages for smartphones.

For more details about the method of estimating the success rate, please visit the Yahoo! JAPAN Tech Blog.
https://techblog.yahoo.co.jp/entry/2021120930233778/ (Japanese page)

Please also try the web version of Tappy, which displays the success rate of tappable elements on a page simply by entering the URL.
https://tappy.yahoo.co.jp/

Reference Papers :
"Rethinking the Dual Gaussian Distribution Model for Predicting Touch Accuracy in On-screen-start Pointing Tasks"
Shota Yamanaka and Hiroki Usuba
Proceedings of the ACM on Human-Computer Interaction 4.ISS (2020): 1-20
https://dl.acm.org/doi/10.1145/3427333　(External link)

"Predicting Touch Accuracy for Rectangular Targets by Using One-Dimensional Task Results"
Hiroki Usuba, Shota Yamanaka, Junichi Sato, and Homei Miyashita
Proceedings of the ACM on Human-Computer Interaction 6.ISS (2022): 525-537
https://dl.acm.org/doi/10.1145/3567732　(External link)