)デザイナーのスキルにおいてもっとも難易度が高く差が出るのが、余白の使い方であろう。デザインを始めた最初の頃はどうしても怖くて空白を埋めてしまいがちになる。実は余白はそれ自体に大きな存在価値があり、デザインには必要不可欠なもの。それはまるで映画における名脇役や、会話における”間”の様な役割を果たす。優れた余白は、もっとも重要なポイントにスポットライトを当てるような効果を持っている。ロゴの周りに必ず十分な余白が必要なのも同じ理由である。逆に、オブジェクトだらけで敷き詰められたデザインはフォーカスが定まらず、見た目が悪くなるだけではなく、ユーザーに不安を与えてしまう。Ever”と名付けられた”世界最悪のサイト”を見てみるとその理由が分かる。デザインはシンプルな方が良いのか余白を上手に使う事が出来れば、ユーザーの視点を上手に導く事で,伝えたいメッセージを最も効果的に表現する事ができる。面においても大きな効果を発揮する。一言に”余白”といっても、デザイン業界では実際に4つの異なる種類と呼び方がある。1つめは、画像や写真、アイコンの周りの余白で”ビジュアルホワイトスペース“と呼ばれる。次にマージンやパディング、段組み間の余白、ノド余白などのレイアウトに関する余白で”レイアウトホワイトスペース”。文字や行間に関するスペースを”テキストホワイトスペース”。文字ブロックごとの余白を”コンテンツホワイトスペース“と呼ぶ。とってどのような効果を発揮するのであろうか。UXデザインにおいてどのようなポイントを抑えるのが良いかを考えてみる。余白がある事によりユーザーが漠然と”心地よい”と感じる裏側には下記のような理由があった。ユーザーの理解度がアップする余白を上手に活用すれば、情報の伝達効率がアップし、ユーザーの理解度が上がる。Fadeyevによると、上手な余白の活用はコンテンツに対するユーザーの理解度が20%アップする、との事。下記の2つの画像を見て頂ければ分かる様に、与えられたスペースを例え多くの情報で埋め尽くしたとしても、その要点が分かりにくくなりポイントが掴みにくくなる。逆に必要な情報だけを抽出して、その周りに余白を配置し、ユーザーのフォーカスをコントロールする事が出来れば、伝えたい情報をより効率に伝える事ができ、結果的にユーザーの理解度向上につながる。ユーザのフォーカスを集めるサービス提供側がユーザーに求めるアクションをおこしてもらうには、最も重要な要素を設定し、その周りには何も置かない。余白で囲む事により、ユーザーのフォーカスをその最重要要素に集める事が可能になる。沢山の要素を吸収する必要が無いとなれば、ユーザーの心が落ち着く。この方法を最も上手に活用したのがGoogleのインターフェイスであろう。彼らは”検索する”ことだけにフォーカスを置き、ロゴと検索ボックス以外の要素を排除。リリース当時はあまりにも”空っぽ”なページで多くのユーザーから不満の声も出たが、10年以上経った現在の状況を見てみればその効果は絶大であった事が分かる。下記の画像でどの唐辛子に目がいくかを考えてみれば余白の効果が一目瞭然だろう。情報のグループ化で直感的なコミュニケーションを実現より情報を効率的にユーザーに伝え、優れた体験を提供するのには人間がどのように情報を処理するかという心理学に関連した理論が役に立つ。具体的にはゲシュタルト理論をベースとした、オブジェクトにおける距離と属性に関連した心理学が有効である。複数の物体をランダムに並べるよりも,属性の近いものを近づけ、それぞれのグループ同士の間に十分な余白をもうけて表示する事で、ユーザーはそれぞれのオブジェクトではなく、複数が一つのかたまりとなった”グループ”と認識し、直感的な理解がしやすくなる。下記の画像の左側の場合、野菜と果物が混ざり合っており、識別するのに時間が掛かってしまう。それを右の様にグループでまとめ、その間に余白を入れれば、もっと短時間で野菜グループと果物グループとして脳内変換が可能になり、よりストレスの少ない体験をする事が出来る。ユーザーに心の余裕を与える人間の記憶力と注意力には限界がある。一度の覚える事の出来るモノの数は5から10だし、一度に多くの事柄を処理する事にも限界がある。したがって、画面に表示されている要素も多ければ多い程、処理する為の脳エネルギーが必要となり、分かりにくい点があった瞬間にストレスを感じてしまう。それを避ける為には、表示要素をなるべく減らし、オブジェクトごとに十分や余白を与える事で、ユーザーの心に余裕を与える事が出来る。下記はUXが優れている事で有名なオンラインペイメントのSquareの利用画面である。見て分かる通り画面に表示されている要素の少なさと余白の多さに気づく。これであればユーザーは迷う事無く求めるアクションを起こす事が可能になる。余白の究極の役割は”見えないルールでユーザーを導く”ことUXデザイナーにとって究極のゴールの一つは”ユーザーに考えさせない事”。逆に言うと、ユーザーが“これは何かな?”と考えた瞬間に負けなのである。その為には、余白を上手に配置し、ユーザーを導くことが求められる。マジックの世界では見ている人の目を間違った方向に導く”ミスディレクション”というテクニックがあるが、UXデザイナーの場合は”見えないルール=余白の活用“でユーザーを正しい方向に導く”ライトディレクション”のテクニックが必須だろう。日本生まれの日米ハーフ。サンフランシスコと東京のイノベーションデザイン会社btrax代表。usbtraxはデザインサービスを通して企業の事業創出とトランスフォーメーションを実現します。