ヘルプとドキュメント
UX / UI 大きな影響 簡単 15~30分
フォントが小さすぎる
本文テキストは少なくとも 16 ピクセル、細かい文字は少なくとも 12 ピクセル。
それは何ですか
フォントのサイズによって読みやすさが決まります。約 12 ピクセルより小さいテキストはモバイルでは読みにくく、ユーザーはズームしたり目を細めたりする必要があります。
なぜそれに対処するのでしょうか?
読みにくいテキストは疲労と直帰率を高め、アクセシビリティに悪影響を及ぼします。 Googleはモバイルユーザビリティテストで「テキストが小さすぎる」と報告している。快適な読書は優れた UX の基礎です。
やり方
- 1サイトの本文テキストは16px(1rem)以上にしてください。
- 2細かい文字(キャプション、メモ)は 12 ピクセル以上にしてください。
- 3ピクセル単位で固定されず、ベース サイズから相対的に (レム) サイズを調整します。
- 4大型モニターだけでなく、実際の携帯電話で読みやすさをテストします。
基本フォントサイズ
Správně
body { font-size: 16px; line-height: 1.6; }
.small { font-size: 0.875rem; } /* 14px */結論
読みやすさは基本です。本文テキストの 16 ピクセルは今日の標準であり、12 ピクセルを下回るべきではありません。すべてが一貫してスケールされるように、基本サイズからレム単位で作業します。読書の快適さに大きな影響を与える安価な変更。
関連トピック