【-2019/2020年版】スマホ画面サイズ一覧比較/壁紙/iPhone/ピクセル/インチ/PPI

2001年から3G携帯電話（フィーチャーフォン）がサービス開始されましたが、その当時の画面サイズは下記でした。

－－－－－－－－QVGA端末－－－－－－－－
・240×320 pixel (QVGA解像度)
・2.2インチ
・画像密度は182ppi
－－－－－－－－－－－－－－－－－－－－－
※ppi (pixels per inch)
1インチ当たりの画素数
数値が大きいほど高精細

現在の端末と比較すると、
四角い大きな画素（ドット）がハッキリと認識できるもので、
いわゆる「8ビット的」な画質制約の中でサービスやその広告バナーを作っていました。

WEBページの容量制限(Web1ページ100KBまで等)もあり、質素倹約の時代だったのです。

その後は画面の高精細化と大型化が進み、「VGA解像度の端末」（QVGAの倍の解像度もつ端末）が登場することで、フィーチャーフォンは成熟期を向かえます。

－－－－－－－－ VGA端末－－－－－－－－
・480×800 pixel (WVGA解像度)
・3.0インチ
・画像密度は311ppi
－－－－－－－－－－－－－－－－－－－－－

そして、新しい市場/エクスペリエンスに向けて登場したのがスマートフォンです。

日本ではiPhoneやAndroid端末を発売開始した2010年あたりからスマートフォンの普及が始まりましたが、
大型化した画面と高細化した解像度を十分に処理できるスピードとOSの環境が整うまで時間がかかり、
特にAndroid初期端末の「モッサリ感」は苦い記憶として残っている方も多いのではないでしょうか。

－－－－－－－－ iPhone 6 －－－－－－－－
・750×1334 pixel (Retina HD)
・4.7インチ
・画像密度は326ppi
－－－－－－－－－－－－－－－－－－－－－

■最適視聴距離による体験

それでは本題である「画面サイズ/画素密度と目の距離に関係するユーザビリティと満足度」について「ブラウン管式の家庭用TV」の時代まで戻ってから考えてみます。

過去のブラウン管TVの場合、画面の高さの「5～7倍」離れて視聴する状態が「最適視聴距離」とされてきました。
「最適視聴距離」とは「1ドットを構成するRGB画素」が距離をとることで程よくぼやけ、溶け込み、画面全体が「綺麗な一枚絵」として視聴できる距離とされています。

液晶TV/ハイビジョンTVの場合は（共にフルHDレベルの条件）、ブラウン管(SD)と比較して高精細になった為、画面の高さの「3～4倍」の離れた距離で十分な絵が視聴出来るようになりました。

－－－－最適視聴距離の基準設定要素－－－－
・16：9のアスペクト比
・視野角33度
・視力1.0での走査線識別が出来ない距離
※ハイビジョンTV走査線数（1125本）
－－－－－－－－－－－－－－－－－－－－－

過去のTVと比較して、液晶TVの画素密度(ppi)は「4K化」「8K化」など高精細化が進んでおります。
家庭環境において意識して見入る映画や鑑賞コンテンツについては、
視野角を踏まえたうえで今後も視聴距離が近くなっていく可能性があります。

それでは、そのTVよりも高精細な画素密度を持つスマートフォンの「最適視聴距離」はどうでしょうか。

■スマホの最適視聴距離？

まず、スマートフォンについては「最適視聴距離」の概念は適切ではないと考えます。

理由として、手に持って使用するスマートフォンはTVなどの機器とは利用環境がそもそも異なり、目と端末の距離は常に意識せず一定に保たれています。
距離の違いは身体特徴のほか、近視、遠視、老眼など視力の個人差により出てきます。

目に負担の少ない利用距離の確認方法としては、今回詳しく紹介は行いませんが「ハーモン距離」と言われる距離測定の考え方もあります。

「画面の大きさ」「画素密度」の違いはユーザビリティと体験に大きな影響を与えます。
年齢によってはスマートフォンを使うこと自体が負担となり使いにくい場合もありますので、
自身の環境に適した使いやすい機器を選んでいくことが大切です。

■年齢による距離の違い

下の表を見る限り、
「20歳」と「30歳」「45歳」の裸眼状態では文字を読める最適な距離がまず違うことが確認できます。

注目する部分は、「20歳」と「45歳」では距離の開きが3倍近い点です。
既に「45歳」の裸眼状態では、ピントが合わず「近く」が見えにくい為、
腕を伸ばし頭を引くといった、若年利用者とは異なる厳しい使用環境が待ち受けています。

素直に老眼鏡を受け入れる割合も少ないことから、
サービス設計する側は、利用者の大半をも占める興味深いこのターゲット層も踏まえてガイドラインを策定して、適切なサービス設計を行なうと良いのではないでしょうか。

■最後に

モバイル端末の普及により目の疲労に拍車をかけているこの現代だからこそ、普段のデスクワークで使用するPCモニターの適切な配置が必要です。
幅広い利用者に向けてユーザビリティを考えていくのであれば、なお大切な心掛けなのではないでしょうか。

それでは次回も、サービスUX設計に関係した話題をします。
以上、デザインに関わっているデジマースのネモトでした。

↓関連記事↓

スマホ画面レイアウト＿ガイドライン＿テンプレート

ハンバーガーメニューレスポンシブナビゲーションコピペで使えるCSS/jQueryを使わず

【CSS アニメーション】@keyframesとanimationでアニメGIFより軽いガラポン抽選画面の作り方

『スマホカメラ HDRとは? 』『ディスプレイ HDRとは?』それぞれの違い/有機el 4Kも

【JavaScript ブラウザゲームの作り方】Adobe Animate CC HTML5 Canvas ゲームサンプル

Pocket

■スマホ画面サイズ / iPhone 画面サイズ

そのほか画面表示機器スペック表

↓関連記事↓

【iPhone普及端末】スマホ ファーストビュー 750サイズ

画面密度の変化とユーザビリティ紹介メニュー

■大きさと密度の移り変わり

■最適視聴距離による体験

■スマホの最適視聴距離？

■年齢による距離の違い

■最後に

↓関連記事↓

【iPhone普及端末】スマホファーストビュー 750サイズ