(スマートフォン)スマホの画面サイズ（iPhone 13 mini/iPhone 13/iPhone 13 Pro/iPhone 13 Pro Max 比較追加）について、2019/2020/2021/2021年9月15日までの最新モデルを含めた画素密度等の仕様と、iPhoneの機種別の画面サイズ/解像度一覧と比較一覧、画面密度(ppi/dpi)の変化とユーザビリティも紹介してます。
iPhoneの「壁紙」を作る場合は各モデルの画面解像度で制作します。「視差効果」をオンにする場合は視差のブレ幅分、アスペクト比を守って多少解像度を上げて製作すれば、壁紙が拡大される「ぼやけ」を防げます。
2021年9月15日「iPhone 13 mini」を含む「iPhone 13」シリーズ発表
2020モデルiPhone12から内部スピードアップとバッテリー容量の拡大、シネマ風動画、人物を中央に制御するAI機能など、日本時間の2021年9月15日（水）2：00に、iPhone13（5G対応）が発表されました。
その他の特徴は下記となります。
・「5G」搭載
・引き続き「ノッチ」あり
・A15 Bionic搭載
・コロナ禍もあり、「Touch ID」の搭載が期待されましたが、引き続き「Face ID」
・バッテリー容量やカメラ部分の性能アップ
※2021/9/15 [iPhone13]等情報追加しました
■スマホ画面サイズ/iPhone 画面サイズ(大きさ一覧)
iPhone 3G
3.5 インチ 320× 480 HVGA 163ppi
iPhone 3GS
3.5 インチ 320× 480 HVGA 163ppi
iPhone 4
3.5 インチ 640× 960 Retina 326ppi
SO-01B
4.0 インチ 480× 854 FWVGA 254ppi
IS03
3.5 インチ 640× 960 WVGA 330ppi
iPhone 4S
3.5 インチ 640× 960 Retina 326ppi
iPhone 5
4.0 インチ 640×1136 Retina 326ppi
iPhone 5S
4.0 インチ 640×1136 Retina 326ppi
iPhone SE(第1世代)
4.0 インチ 640×1136 Retina 326ppi
iPhone 6
4.7インチ 750×1334 RetinaHD 326ppi
iPhone 6plus
5.5 インチ 1080×1920 FHD 401ppi
iPhone 6S
4.7インチ 750×1334 RetinaHD 326ppi
iPhone 6Splus
5.5 インチ 1080×1920 FHD 401ppi
iPhone 7
4.7インチ 750×1334 RetinaHD 326ppi
iPhone 7plus
5.5 インチ 1080×1920 FHD 401ppi
iPhone 8
4.7インチ 750×1334 RetinaHD 326ppi
iPhone 8plus
5.5 インチ 1080×1920 FHD 401ppi
iPhone X
5.8インチ 1125×2436 SuperRetinaHD 458ppi
iPhone XR
6.1インチ 828×1792 LiquidRetinaHD 326ppi
iPhone XS
5.8インチ 1125×2436 SuperRetinaHD 458ppi
iPhone XS Max
6.5インチ 1242×2688 SuperRetinaHD 458ppi
iPhone 11
6.1インチ 828×1792 LiquidRetinaHD 326ppi
iPhone 11 Pro
5.8インチ 1125×2436 SuperRetinaXDR 458ppi
iPhone 11 Pro Max
6.5インチ 1242×2688 SuperRetinaXDR 458ppi
iPhone SE(第2世代)
4.7インチ 750×1334 RetinaHD 326ppi
iPhone 12 mini
5.4インチ 1080×2340 Super Retina XDR 476ppi
iPhone 12
6.1インチ 1170×2532 Super Retina XDR 460ppi
iPhone 12 Pro
6.1インチ 1170×2532 Super Retina XDR 460ppi
iPhone 12 Pro Max
6.7インチ 1284×2778 SuperRetinaXDR 458ppi
NEW
iPhone 13 mini
5.4インチ 1080×2340 Super Retina XDR 476ppi
NEW
iPhone 13
6.1インチ 1170×2532 Super Retina XDR 460ppi
NEW
iPhone 13 Pro
6.1インチ 1170×2532 ProMotion搭載 Super Retina XDR 460ppi
NEW
iPhone 13 Pro Max
6.7インチ 1284×2778 ProMotion搭載 Super Retina XDR 458ppi
そのほか画面表示機器スペック表
↓関連記事↓
ハンバーガーメニュー レスポンシブ ナビゲーション コピペで使えるCSS/jQueryを使わず
【CSS アニメーション】@keyframesとanimationでアニメGIFより軽いガラポン抽選画面の作り方
『スマホ カメラ HDRとは? 』『ディスプレイ HDRとは?』それぞれの違い/有機el 4Kも
【JavaScript ブラウザゲームの作り方】Adobe Animate CC HTML5 Canvas ゲームサンプル
【iPhone普及端末】スマホ ファーストビュー 750サイズ
iPhoneの普及端末であるiPhone6からiPhone8のファーストビューサイズは以下のとおり。
横750×高さ1106
※ユーザーのスクロール状況によりフッターメニューが消えますが、ページ表示直後はフッター表示あり
画面密度の変化とユーザビリティ紹介メニュー
■大きさと密度の移り変わり
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 ゲームサンプル
