UX / UI 中程度の影響簡単 15～30分

リンク/ボタンの読みやすさとサイズ

クリック可能な要素は読みやすく、クリックしやすいものでなければなりません。

それは何ですか

テキストが小さいリンクやボタンは読みにくく、何よりもタッチスクリーン上で指で押すのが難しくなります。これは、いわゆるタップターゲット (クリック可能な領域) のサイズに関係します。

クリック可能な要素が小さいとエラー率が増加します。ユーザーはクリックする代わりに、隣接するリンクを見逃したり、クリックしたりしてしまいます。これはイライラさせられ、コンバージョンが減少します。 Google では、少なくとも 48 × 48 ピクセルの間隔をあけたタップターゲットを推奨しています。

Správně

.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* sufficient clickable area */
  display: inline-block;
}

読みやすいテキスト、十分なパディング、スペースなど、クリック可能な要素を多めに配置します。タップターゲットの正確なサイズはブラウザでのみ確認できますが、クリック可能な小さなテキストは修正が必要であることを明確に示しています。ミスクリックが減る = コンバージョンが増える。