LINEヤフーの研究開発

スマートフォンのウェブページをFigmaでデザインする際に、ボタンやリンクなどの大きさを分析し、タップの成功率を表示するFigmaプラグイン「Tappy」をリリースしました。

ユーザーはiPhoneの機種を選択し、Figma上でオブジェクトを選択すると、指定したiPhone上に表示したときの大きさ（ピクセル単位とmm単位）、およびそのオブジェクトをタップする際の成功確率が表示されます。現在は、解像度が認識可能なiOS機種に対応しています。（iPhone16シリーズは次バージョンで対応予定です。）

プラグインはこちらからご利用いただけます。
https://www.figma.com/community/plugin/1425006564066437139/tappy (外部サイト）

Tappyがスマートフォン用ウェブページの開発時にお役立ていただければ幸いです。

成功率の推定方法についての詳細は、Yahoo! JAPAN Tech Blogにて解説しておりますので、ぜひご覧ください。
スマホのタップ操作の成功率を算出するモデル ～ UIデザインにおけるユーザビリティの推定

URLを入力するだけで、そのページに含まれるタップ可能な要素の成功率が表示されるWeb版Tappyもぜひご利用ください。 https://tappy.yahoo.co.jp/

参考論文 ：
"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 (外部サイト)

"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　(外部サイト)