こんな兆候はありませんか
- 何を伝えたいページなのか、ひと目で伝わりにくい
- 大事な情報が埋もれていて、要点がつかみにくい
- 説明はあるのに、内容が頭に入りにくい
- 情報は揃っているのに、納得感や安心感につながらない
それは情報量の問題ではなく、「表現UX」の問題かもしれません。
本記事では、四視点UX設計のうち「表現」の視点から、情報を伝わる形に変え、利用者の理解や納得、行動につなげる方法を解説しています。
WEB担当者の発注前のお困りごと解決します。
()

それは情報量の問題ではなく、「表現UX」の問題かもしれません。
本記事では、四視点UX設計のうち「表現」の視点から、情報を伝わる形に変え、利用者の理解や納得、行動につなげる方法を解説しています。

Webリニューアル、そのまま進めて大丈夫ですか?
戦略的な判断軸が、プロジェクトの成否を左右します。
表現UXは、構造UXで整理された情報や導線を、利用者に伝わる形へ変換する視点です。構造UXから読みたい方は『構造UX視点』、全体像から確認したい方は『4視点UX設計』もご覧ください。
表現UXの視点を用いて、利用者が体験を受け取りやすい形をつくります。受け取りやすい形とは、利用者が「最初に触れる印象の層」と「理解と判断を支える意味の層」が、一つの体験の中で重なり合うことで生まれます。
「意味が伝わる」「理解しやすい」「腑に落ちる」、このような状態にすることが表現UXの役割です。
ひとつ目は、利用者が最初に触れる印象の層です。
画面の印象、色味、言葉の温度感、親しみやすさ、誠実さ、信頼感などがここに含まれます。
UIの見え方も印象に大きく関わります。たとえば、ボタンが押してよさそうに見えるか、導線が自然に見えるか、ラベルが身構えさせないか。こうした第一印象は、利用者の読む姿勢や警戒心に大きく影響します。
ふたつ目は、理解と判断を支える意味の層です。
何が重要か、どう受け取ればよいか、どこで判断すればよいか、次に何をすればよいか。これらを、見出し、順序、強弱、補足、導線、状態変化などの設計で支えます。利用者は、意味の優先順位をつかみながら進めることで、意図を理解しやすくなり、腑に落ちた状態で行動に移ることができます。
『印象の層』と『意図の層』の二つが重なると、情報は「存在している状態」から「伝わる状態」へ進みます。
情報は、印象の層によって受け入れやすくなり、意味の層によって理解と判断がしやすくなります。こうして情報は腑に落ちる形となり、詳しく読む、比較する、問い合わせる、といった具体的な行動(アクション)につながっていきます。
表現UXの視点で捉えるのは、利用者の状態の変化です。体験の中で、何が重要かがわかり、意味や意図を理解でき、情報が腑に落ちる。そのような状態の変化が、利用者の次の行動に自然につながります。表現UXは、こうした変化を通して、行動しやすい状態をつくる役割を担います。
見出しや情報の配置、強弱のつけ方によって、先に押さえるべき要点が見えやすくなります。利用者は、何が重要な情報かをつかみやすくなり、全体像の中で優先して読むべき情報を把握できます。
見出しや説明文、補足情報の配置をきちんと設計していると、利用者は情報の意味を追いやすくなります。何について書かれているのか、どこが重要なのかが伝わりやすくなるためです。その結果、利用者は情報の全体像を把握しやすくなり、要点もつかみやすくなります。
情報の全体像と要点がつかめると、利用者は情報のつながりや意図が見えてきます。「なぜこの順番で説明されているのか」「何を伝えたいのか」、その背景が見えてくるためです。利用者は情報の意味を自分の中で結びつけ腑に落ちるのです。
情報の中身が腑に落ちると、利用者は次に「何をすればよいか」「何を選べばよいのか」「どう進めればよいのか」が伝わり、迷わず具体的な行動に移ることができるのです。
表現UX視点は、UIという接点が利用者にどのように受け取られ、どのような体験につながるかを見る視点です。UIと表現UX視点は近い関係にありますが、UIの対象は利用者が触れる接点であり、表現UX視点の対象は接点に対する利用者の反応と対象が異なります。
UIが扱うのは、利用者が見る、選ぶ、操作するための接点です。たとえば、ボタンやリンク、見出し、入力欄、メニュー、導線など、利用者が見たり選んだり操作したりする部分がそれにあたります。
つまりUIは、利用者が情報を取得したり、行動を起こすきっかけとなる接点を形にした要素のことです。
表現UX視点が扱うのは、UIという接点に対する利用者の反応です。たとえば、「何が重要に見えるか」「どう理解されるか」「納得できるか」「安心して進めるか」といった受け取り方がそれにあたります。つまり表現UX視点は、UIが利用者にどう伝わり、どのような体験として受け取られるかを見る視点です。
UIが同じでも利用者が受け取る印象や体験が同じとは限りません。情報の見せ方や言葉の選び方、前後の流れや補足の有無によって、伝わり方や理解のされ方は変わるものです。表現UX視点では、UIがどのような文脈で置かれ、どう受け取られるかまで含めて考えることが求められます。
表現UX視点が機能すると、情報は意図したとおりに伝わり、「何が重要なのか」「どう受け取ればよいのか」を利用者は直感的に理解でき、迷うことなく行動することができます。
見出しや情報の順番、言葉の選び方、補足情報の入れ方が適切に設計されていると、利用者は情報を意図に沿って受け取ることができます。「何が重要なのか」「なぜこの順番で示されているのか」が伝わることで、情報の全体像がわかり要点を把握することができるのです。
情報の優先順位や配置によって、選択肢の意味や位置づけが意図したとおりに伝わると、利用者は自分に必要なものを判断しやすくなります。複数の選択肢があっても、それぞれの意味や違いがわかることで迷わず選択できるのです。
選択した項目の意味や、その先にどうつながるのかが理解できると、利用者は自分の行動に納得しやすくなります。選んだものに納得できて、次に何をすればよいのかが見えると、利用者は安心して行動できるのです。
表現UX視点は、情報をただ見せる状態で終わらせず、利用者に伝わる形へと形成するための視点です。見出しや順番、言葉、補足などをきちんと設計することで、利用者は全体像と要点をつかみ、情報のつながりや意図まで理解することができます。理解がすすむことで、利用者は情報が腑に落ち納得できるため、安心して行動にうつすことができる状態につながります。
また、Webとオフライン接点を含めた全体構造の整理には、K2独自の「ボーダレスマップ」を用いて上流設計を行っています。
Web・システム開発の上流設計支援
更新は
SNSnoteでお知らせしています。