カメラを持つ前に、すでにデザインは始まっている
写真を撮るとは、 「何を含め、何を除外するか」を決める行為 だ。世界は無限の情報に満ちている。写真家はその中から、ほんの一瞬・一区画を切り取って提示する。このフレーミングの判断こそが、写真の「意味」を生む。
UXデザインも同じ構造を持つ。デジタルプロダクトの画面は、ユーザーが必要とする無限の情報の中から 「何を見せ、何を隠すか」を選択した結果 だ。ホームページに何を置くか、何を二層目に送るか——これはまさにフレーミングの問題だ。
写真の名手・アンリ・カルティエ＝ブレッソンは 「決定的瞬間」 という概念を提唱した。現実の中に潜む「すべての要素が完璧に揃う瞬間」を捉えること。これはUXデザインにおける 「重要なタッチポイント」の特定 と本質的に重なる。ユーザーのジャーニーの中で、感情が最も動く「決定的瞬間」はどこか——それを見極める能力が、体験の質を決定する。
「被写界深度」という選択
写真には 「被写界深度（Depth of Field）」 という概念がある。絞りを開けると被写界深度が浅くなり、主題だけがシャープに浮かび上がり、背景がボケる。絞りを絞ると被写界深度が深くなり、手前から奥まで全体がシャープになる。
どちらが「正しい」かは被写体によって異なる。 ポートレートは浅い被写界深度で人物を際立たせ、風景は深い被写界深度で全体の広がりを伝える。
UXデザインにおける「被写界深度」は フォーカスの設計 だ。ある画面で、ユーザーにとって「主題」は何か。それ以外の要素をどこまで「ボカす」か。ファーストビューで全ての機能を並列に置くと、ユーザーはどこに視線を向けていいかわからなくなる。これは被写界深度ゼロの写真——すべてが等距離にシャープで、かえって「主題」が見えない状態だ。
Appleのプロダクトページが美しいのは、圧倒的な余白と 主題への集中 によって生まれる被写界深度があるからだ。
ライティングとインフォメーションアーキテクチャ
写真において 光は情報だ。 被写体のどこに光を当て、どこに影を作るかによって、同じ被写体がまったく異なる存在として見える。正面からの均一な光は立体感を消し去る。斜光は質感と奥行きを生む。
これはUIの 情報階層設計 と構造的に同じだ。
すべての情報を同じ「光量」で照らすと——同じフォントサイズ、同じコントラスト、同じ余白——ユーザーはどこから読んでいいかわからない。タイポグラフィの階層、カラーコントラスト、余白の濃淡——これらは 情報に「光と影」を与えるライティング だ。
優れたUIデザイナーは、視覚的な「ライティング」を使って、ユーザーの視線を意図した順序で誘導する。 重要な情報を「スポットライト」で照らし、補助的な情報を「アンビエントライト」で満たす。 この光の設計が、複雑な情報を直感的に理解可能にする。
ゴールデンアワーと「文脈」の設計
写真家は 「ゴールデンアワー」（日の出・日没直後の短い時間帯） に最も美しい光を求める。同じ場所でも、真昼の光とゴールデンアワーの光では、写真はまったく異なる。撮影の「文脈」——時間・天候・季節——が、写真の質を根本から変える。
UXデザインにおける「文脈」は ユーザーの状態 だ。同じ機能でも、ユーザーがどんな状態でアクセスするかによって、最適な設計は変わる。
モバイルの朝のルーティンでアクセスするのか、デスクトップで集中作業中なのか、外出先でウェブ検索から流入したのか——これらはすべて異なる「ゴールデンアワー」だ。文脈を無視して設計されたUXは、真昼に撮られたフラットな写真と同じだ。情報はあるが、質感も奥行きもない。
ポストプロセッシングという「削る勇気」
プロの写真家は撮影後、大量のカットの中から 「一枚」を選ぶ 。この「編集（エディット）」こそが、プロとアマチュアを分ける。アマチュアは良い写真を撮ることに集中する。プロは 不要な写真を捨てることに 同等以上のエネルギーを注ぐ。
UXデザインにおける「ポストプロセッシング」は 機能の削減 だ。
ユーザーインタビューで「あれも欲しい、これも欲しい」と要求が積み上がる。ステークホルダーからは「この機能もぜひ入れてほしい」と要望が来る。すべてを詰め込んだプロダクトは、何百枚もの写真を1枚にコラージュしたような混沌になる。
本当に優れたUXデザインは、「入れないもの」を決める勇気から生まれる。 Twitterが140文字という制約にこだわった理由も、iPhoneが当初ホームボタン一つだけに絞った理由も、この「削る勇気」にある。
問いかけ
- いまのプロダクトの「被写界深度」は適切か？ 主題はシャープに浮かび上がり、背景は適度にボケているか。それともすべてが等距離にシャープで、かえって主題が見えなくなっていないか。
- ユーザーの「ゴールデンアワー」はいつか？ どんな文脈・状態のユーザーに設計しているか、具体的に言語化できるか。
- 最後に「削った」機能は何か？ 「入れないことを決める」という意思決定が、プロセスの中に組み込まれているか。
- 「決定的瞬間」——ユーザーの体験の中で最も感情が動く瞬間——はどこか？ そこに最もデザインのエネルギーを注いでいるか。
参考文献
- Sontag, S. (1977). On Photography. Farrar, Straus and Giroux. — 写真行為の哲学的考察
- Adams, A. (1980). The Camera. New York Graphic Society. — フレーミングと露出の判断がUX設計に示す示唆
- Norman, D. A. (1988). The Design of Everyday Things. Basic Books. — 知覚と設計の関係を論じたUXの古典