スマホサイトのリンクサイズ

リンク部分もデザインしよう。


リンクサイズについて

先の文字サイズの説明ページの最下部にある外部リンク先のサイトでもあるように、標準装備のアプリのアイコンサイズやリンク部分のサイズが参考になると思います。

その文字の大きさや余白などがガラケーやPCサイトと大きな違いの1つで、無駄と思われるほどの空間を使っているのではないでしょうか。

リンク部分のボタン化が必要です。ボタンと言いましてもformボタンのようなものからフラットなボタン、ゴーストボタンなどサイトのデザインやレイアウトに合わせて作るといいでしょう。

利用者がリンクと分かり易く、タップしやすいデザインでならなければなりません。

ガイドラインの推奨サイズ

スマートフォンの場合、ユーザーは全て指先でタップするため、サイズが小さいと隣のリンクを押してしまうなどの誤操作が増える。
その為、ボタンやアイコンは、iOSやAndroidのガイドラインで「タップ可能領域の最小サイズは44px × 44px」と記載されています。標準装備のアプリがガイドラインに沿って作られているようです。