  |
いわゆる「スマホ専用サイト」ではなく、PC用サイト（という言い方は変ですが）をiPhoneで閲覧したときの使い勝手について。
カラムの横幅が広すぎると、ダブルタップで幅を合わせても文字が小さくて読めず、文字が読める程度まで拡大すると今度は横スクロールが発生する、というジレンマに陥ります。PCやガラケーの頃から、「適当に横幅を狭くしたほうが長文を読みやすい」という指摘はされていますが、iPhoneもそれに倣うべきだということでしょう。ページ全体の横幅についてはあまり問題になりません。
width:100%のヘッダーをpositionでページ上部に固定した場合、ページを拡大するとヘッダーの幅がそれに合わせて縮小し、内容物が折り返されて縦に長くなりページを半ば覆ってしまう、というような問題が発生します。
ブログやWikiでは、文中のキーワードにリンクをべたべたと張ることがよくありますが、スクロールやダブルタップズームのために画面のどこかにタッチしなければならないスマホでは、必然的に誤タップが多くなってしまいます。本文以外でも、なるべくタッチ用の余白を多く取るように心がけたほうが良いと思われます。
フォームにフォーカスするとそれに合わせて自動的にページが拡大されるiPhoneでは、フォーム入力中にはそのフォームに集中することを強いられます。フォームに文字を入力しながら変化していく本文を読む、という操作には向いていません。
4
