プロダクトデザインの視点から見る「iPhone X」のカメラ溝

朝日新聞デジタルの報道によれば、iPhone 8の発売日に並んでいた行列は昨年のiPhone 7の時ほど長くなっておらず、実際にインタビューの中で女性が「X(テン)を狙っているから」という理由でApple Watch シリーズ3のみを購入したことも紹介されています。
実際、読者の皆様の中にも、iPhone Xが欲しいということで、買い控えをしている方もいらっしゃるのではないでしょうか。

iPhoneの10周年記念モデルとして登場したiPhone Xは、鮮やかな色彩が特徴の有機ELを採用したり、AR(拡張現実)に関する機能が強化されていたりと、性能性能もさることながら、そのデザインと ユーザー 体験に注目が集まっています。
従来のモデルでは下部に設置されていたホームボタンがなくなり、端末の表面全体を画面で覆う「エッジトゥエッジ」(edge-to-edge)なデザインとなっています。

特徴的なデザインを持つiPhone Xですが、よく見てみると、次のような疑問を持った方もいらっしゃるのではないでしょうか。

「なぜ全画面といいながら、カメラ溝があるのか？」

そこで本稿では、プロダクトデザインの視点から見る「iPhone X」のカメラ溝の謎について解説をしていきます。

iPhone Xの上部にある「溝」

スクリーンショット：2017年9月

iPhone Xの発表を含めたWWDCのあと、様々な意見がWeb上でも飛び交っています。
その中でも特に議論の的になっているのが、世界中で「iPhone X notch」(notchは溝の意味)と呼ばれている、iPhone Xのカメラ部分です。

この溝は何のためのものかと言えば、単なるフロントカメラの役割だけでなく、物理的なホームボタンを廃止してTouch IDを削った代わりにFace IDを有効化するためのセンサーが埋め込まれています。
特にデザイナーの方であれば、この溝はAppleのデザインスタンダードとはかけ離れた残念なデザインだと感じるかもしれません。

この溝があることで、時間やバッテリーなどのアイコンが二分されてしまう点が気に入らないと感じる方もいるでしょう。

UX の観点では？

デザイナーの中には、この「溝」のデザインを採用したことで、 UX が悪化してしまうのではないか、と心配する声もあります。

例えば、iPhone Xを使ってフルスクリーンでビデオを観たり没入感のあるゲームを楽しんだりする場合、横にしてランドスケープモードにするかと思いますが、スクリーン下部にはホーム画面へ戻るための白い棒が登場し、左側はやはり「溝」のために画面が欠けて見えるのではないか、というのが彼らの主張です。

スクリーンショット：2017年9月

しかし、AppleのiPhone X向けのデザインガイドラインには、下部に位置する棒を隠してはいけない、上部のセンサーのデザインを妨害してはいけない、と書かれています。

スクリーンショット：2017年9月

レイアウト で言えば、デザインガイドラインでは、重要な コンテンツ は全画面ではなくセーフエリアに配置することが推奨されており、上下(ポートレートモード)あるいは左右および下部(ランドスケープモード)にマージンを設けるように書かれています。
ガイドラインによれば、セーフエリアは縦表示で1125px x 2436px、横表示で2436px x 1125pxになっていますが、これらはマージンを抜いたものだと推測されます。

こちらの記事でもご紹介したように、デザイナーは上下左右のマージンを妨害したデザインはできないようになっています。
したがって、先に可能性を挙げたデザイナーの心配をAppleはすでに想定していて、そうした UX 上の悪化が起こらないようにしていると言うことができるでしょう。

Samsung Galaxy 8との比較

ところで、エッジトゥエッジなデザインとして、iPhone Xの発売前に注目を浴びていたスマートフォンがあります。
それが、SamsungのGalaxy 8です。

スクリーンショット：2017年9月

実際、Galaxy 8はどのようになっていたかを振り返ると、ベゼルレスと言いながらも、上下に若干の縁が残っているデザインとなっています。

その意味では、iPhone Xのデザインというのは可能なかぎりベゼルレスに近づいたものであり、正面に占める ディスプレイ 領域の比率で言えばiPhone Xのほうが優れていると言えそうです。

逆に、もしiPhone Xがこれまでの ナビゲーション バーを踏襲し、Galaxy 8に似た、上方一帯に黒帯を残したデザインだとすると、どうでしょうか。
Max Rudbergが作ったモックアップは、この溝を隠すことでどんな風に見えるかを教えてくれます。

スクリーンショット：2017年9月

また、溝だけでなく下部のボトムバーを隠すと、このようになります。

スクリーンショット：2017年9月

上の2つの画像を見ていただければわかると思いますが、AppleはiPhone Xの画面に従来のiPhoneのデザインとは全く異なる哲学を詰め込んでいます(iPhone XのためにiOS自体を再設計した、とまで言っています)。
この「溝」があるからこそ、新しいデザインに踏み込めるとも言えます。

この「溝」がiPhone Xのアイデンティティとなる？

スクリーンショット：2017年9月

別の視点で考えてみましょう。
「溝」をなくして全画面のプロダクトにすることもできたのに、あえて「溝」を作った可能性があるとしたらどうでしょうか？

「溝」があるからこそ、従来のiPhoneとは一線を隠すデザインになった、あるいはあらゆる Android のスマートフォンとも区別できる唯一無二の次世代スマートフォンになった、とも言えます。

この「溝」が ブランディング に活用されているのは、AppleのホームページのiPhoneシリーズのメニューのアイコンを見れば分かるでしょう。

スクリーンショット：2017年9月

まとめ

iPhone Xの発売がiPhone 8と同時ではなかったのは、一部には開発や製造の難しさである、との懸念もありますが、 マーケティング 上の戦略もあるとも言われています。

この「溝」がiPhone Xのアイデンティティとして認められ、iPhone 6からiPhone 8まで「まったく同じ形」のiPhoneを持っている ユーザー にも所有欲求を駆り立てることができれば、発売日をずらして正解だった、と言われる日が来るかもしれません。