見た目だけではない。ユーザー心理を考えてデザインを設計する

デザインというと色や写真やレイアウトなど見た目の印象に注目しがちですがデザインの役割はそれだけではありません。ユーザーがどこに目を向けるのか、どのような印象を持つのか、どう情報を理解し何を判断して次の行動へ進むのかなど、そうした心理や行動まで含めて組み立てることもデザインの大切な役割です。こうした視点を持つことで見た目だけではなく、より伝わりやすく行動につながるデザインを考えやすくなります。そこで今回はユーザー心理を踏まえてデザインを設計する際に意識したいポイントについて紹介しようと思います。

デザインで情報の伝わり方を設計する

デザインには情報を見やすくし内容を理解しやすくする役割があり同じ内容が書かれていてもすべての文字が同じ大きさで並んでいる場合と見出しや重要な部分に強弱がつけられている場合では情報の受け取りやすさが大きく変わります。どこが重要なのかがひと目でわかり次にどこを見ればよいのかが自然に伝わることでユーザーは情報をスムーズに読み進められます。そのためデザインでは単純に要素を並べるのではなく何を最初に見せるのかやどの情報を強く伝えるのかなど、どの順番で内容を理解してもらうのかまで整理して組み立てていくことが大切です。デザインは見た目を整える作業であると同時に情報の伝わり方をつくる作業でもあるのです。

ユーザーはすべての情報を同じようには見ていない

ユーザーは画面に表示されたすべての情報を順番にじっくり見ているわけではありません。大きな文字や写真、周囲と色が異なるもの、自分に関係がありそうな情報など目についた要素から無意識に情報を拾っていきます。そのため伝えたい内容を上から順番に並べただけではこちらが意図した通りに見てもらえるとは限りません。最も伝えたいメッセージよりも装飾や写真のほうが強ければユーザーの視線はそちらに向かい、反対に重要な情報でも周囲と同じ強さで配置されていれば見落とされる可能性があります。何を配置するかだけでなく最初にどこを見てもらいそのあとでどこへ視線を導くのかまで意識してレイアウトを組み立てる必要があります。

視線の流れを設計する

ユーザーの視線は文字サイズや色のコントラストや余白、写真の大きさや見出しと本文の強弱などさまざまな要素によって変わります。商品やサービスを紹介する場合であれば、まず商品の名前や特徴を知ってもらい、その次にメリットを理解してもらい、詳細の確認やお問い合わせにつなげるといった流れがあります。その場合は最も伝えたい情報を強く見せて関連する内容を近くにまとめながら次に見るべき要素へ自然に視線が移るように設計します。ここで大切なのはすべてを同じ強さで見せないことです。情報に優先順位をつけその順番に合わせて視線の流れをつくることで内容をより理解しやすくすることができます。

色や形で印象をつくる

デザインは情報の内容だけでなく色や形や写真や余白などによっても印象が変わります。淡い色や広い余白を使えば落ち着きや柔らかさを感じやすくなり、反対にコントラストを強くしたり直線的な要素を多く使ったりすると力強さやシャープな印象につながります。青なら信頼感、赤なら情熱というように色だけで印象が決まるほど単純ではなく写真の雰囲気や文字の選び方やレイアウトなど、さまざまな要素が組み合わさって全体の印象がつくられます。そのため色や形を先に決めるのではなくユーザーにどのような印象を持ってもらいたいのかを明確にしたうえで目的に合う表現を選ぶことが大切です。

ユーザーが見たい情報だけを並べればいいわけではない

ユーザーが見たい情報をわかりやすく見せることは大切ですがそれだけを基準に情報の順番を決めればよいわけではありません。例えばWeb制作会社のサイトでは制作実績がよく見られているため実績を目立つ位置に配置することがあります。もちろんユーザーが関心を持っている情報を見つけやすくすることは大切ですが、よく見られているからという理由だけで実績を最優先にしてしまうと他社との違いや自社ならではの強みまで十分に伝わらないこともあります。それはユーザーが知りたい情報と企業側が理解してもらいたい価値は必ずしも同じではないからです。そのためデザインではユーザーの関心を入口にしながらその先で強みや考え方、サービスの特徴など発信者側が伝えたい内容へ自然につなげていくことが大切です。単純に見られている情報を目立たせるのではなくその情報を見たあとに何を理解してもらいたいのかまで考えて順番や見せ方を設計することが必要だと思います。

デザインは公開後も改善していく

ユーザー心理を考えてデザインを設計しても実際にどのように見られているのかやどこで迷っているのかは公開してみないとわからない部分もあります。制作する側がわかりやすいと思って設計をしていても実際のユーザーは想定とは違う場所で離脱していたりボタンに気づいていなかったりすることもあります。そのため公開後はアクセス解析やクリック状況、お問い合わせ数などを確認しながら想定した通りに情報が伝わっているかを見ることも大切です。必要に応じて情報の見せ方や配置、導線などを調整していくことでより使いやすいデザインにつながります。デザインは公開したら完成ではなく実際のユーザーの行動を見ながら改善していくことも設計の一つだと思います。

まとめ

デザインを考えるときは見た目をどう整えるかだけではなくそれを見たユーザーがどう受け取り、どのように判断するのかまで想像することが大切なのだと思います。作る側が伝えたいことを一方的に並べるのでもなくユーザーが見たいものだけに合わせるのでもなく、その両方をつなぐ方法を考えることがデザインの役割だと思います。ユーザー心理を考えるということは特別なテクニックを使うことではなく常に相手がどう受け取るのかを考えながら情報や見せ方を設計していくことなのではないでしょうか？