余白は機能である——静かなインターフェースの条件

よく整理された画面と、雑然とした画面の違いは、何が置かれているかよりも、何が置かれていないかに表れることが多い。余白——要素と要素のあいだの空間は、しばしば「まだ埋められていない場所」と誤解される。だが優れた設計において、それは埋め忘れではなく、意図して空けられた領域である。

情報を伝える視覚デザインを論じたエドワード・タフテは、図表における「データ・インク比」という考え方を示した。要約すれば、伝えるべき情報に直接寄与しない装飾的な線や塗りは削るべきだ、という主張だ。余白の思想は、これと地続きにある。画面から要素を引くことで、残ったものの意味が際立つ。

密度と負荷は引き換えである

ひとつの画面に多くの情報を詰め込めば、一度に見渡せる量は増える。だがその代償として、読み手はどこを見ればよいかを自力で判断しなければならなくなる。ユーザビリティ研究を続けるニールセン・ノーマン・グループは、視線の動きや読みやすさに関する観察を通じて、過密な配置が理解を妨げうることを繰り返し指摘してきた。密度の高さは、表示量の利得と、認知負荷の損失を同時にもたらす。

もっとも、余白を増やせば常に良いわけではない。情報を探す利用者にとって、過剰な空白はかえって操作の手数を増やし、目的にたどり着くまでの時間を延ばす。ここにあるのは「多いほど良い」でも「少ないほど良い」でもなく、目的に応じて密度を調整するという、判断の連続である。

間は、線や色と同じ言語である

ドン・ノーマンが『誰のためのデザイン?』で論じたように、人は要素のまとまりや配置から、無意識のうちに関係を読み取る。近くに置かれたものは関連していると感じ、離れたものは別の群だと理解する。つまり余白は、罫線を引いたり色で囲ったりするのと同じく、構造を伝える積極的な手段なのだ。間そのものが、ここから先は別の話だと静かに告げている。

裏を返せば、余白を恐れて隙間という隙間を情報で埋めると、画面は何を優先すべきかを語らなくなる。すべてが強調されている状態は、何も強調されていない状態と区別がつかない。静けさを欠いたインターフェースとは、要素が多い画面ではなく、優先順位を放棄した画面のことである。

引き算を、設計の作法にする

静かなインターフェースの条件は、足すことよりも引くことの判断を、設計の各段階で重ねられるかどうかにある。新しい機能を載せるたびに、画面はにぎやかになろうとする力を受ける。その力に抗って、本当に必要な要素だけを残す。これは美意識の問題に見えて、実際にはカーム・テクノロジーが説いた「注意の配分」を、画面という単位で実装する作業にほかならない。余白は装飾ではなく、機能なのである。