戦略からビジュアルへ：六つの層で同じ意味をどう伝えるか

ビジュアルの仕組みをつくる前に、私はまず確認したいことがある。企業は何をしようとしているのか。主に誰に見てもらい、何を理解してもらい、その後に何をできるようにしたいのか。

これらが明らかになると、デザインの方向を判断しやすくなる。見出しで最初に何を伝えるか、どの情報を強調するか、画像をどこに置き、ボタンをどこへつなぐか。それぞれに根拠ができる。

伝えたい意味が変わり続けると、画面も定まらない。企画が説明する事業、文章が強調する強み、デザインが与える印象が別々になる。各部分に手間をかけても、全体としては理解しにくくなってしまう。

私はこの過程を、戦略意図、受け手の課題、価値提案、コンテンツ構造、視覚ルール、利用場面という六つの層に整理するとよいと考えている。

各層が前の層から問いを受け取り、次の層が使える答えを渡す。その答えを実際の利用場面で確かめる。デザインの判断を整理し、点検するための作業モデルである。

1. 企業の方向を、話し合える要件にする

「もっと専門的に見せたい」は話の出発点にはなるが、それだけではデザインを導けない。

専門性を何で示すのか。サービス範囲の明確さか、提供手順のわかりやすさか、重要情報を確認できることか。答えによって、内容も見せ方も変わる。

戦略意図では、現在どの問題に取り組み、誰にサービスを提供し、何を基盤として事業を続けるのか、今回の表現がどの役割を担うのかを明確にする。

現在の能力と将来の方向も分けたい。すでに提供できるサービスには裏付けを示し、これから整える能力は計画として扱う。未来を現在の実績として見せると、完成度の高いデザインほど誤解を広げかねない。

具体的な制作では、範囲をさらに絞る。企業紹介なら初めての人が事業を理解するため。製品ページなら明確なニーズを持つ人が適合性を判断するため。協業資料なら役割、条件、次の手順を理解するためである。

一つの資料で、まず一つの主要な役割を果たす。 役割が明確になれば、強調する内容と後に回す内容を選ぶ起点ができる。

2. 六つの層は、それぞれ何を明らかにするか

図を拡大して見る ↗SVGをダウンロード ↓

図1：下向きの矢印は、設計への入力が次の層へ変換される順序を示す。各層を整えれば事業成果が必ず生まれる、という意味ではない。利用場面からの反応をもとに、関係する層を点検・修正する。

第1層：戦略意図――今回の表現で何を支えるか

ここで方向と境界を定める。

進出したい市場、依拠する能力、今もっとも解決したい伝達上の問題を先に明確にする。制作側には、何を達成し、まだ何を公に約束できないのかがわかる、合意済みの依頼内容が最低限必要になる。

長い文書でなくてよい。大きな概念を並べることより、関係者が目標を近い意味で理解できることが大切である。

第2層：受け手の課題――どんな問いを持って見るのか

同じ企業にも、顧客、従業員、供給者、その他の協業相手がいる。関心には共通部分もあれば、それぞれの重点もある。

顧客は、自分に合うか、どう提供されるか、問題時にどう対応するかを知りたいかもしれない。供給者は、何を提供し、どう連携し、どんな決済条件になるかを気にする。従業員は、役割、仕事の基準、受けられる支援を知りたいだろう。

だから「誰が見るか」から、さらに「何を判断する必要があるか」へ進む。

同じ人でも、初めて知る段階、比較する段階、協業を準備する段階で課題は変わる。その違いを書くことで、情報を適切な場所に置きやすくなる。

第3層：価値提案――なぜ詳しく知る価値があるのか

価値提案は、受け手の問題と企業が提供できる支援をつなぐ。

安定した提供を重視する相手には、提供体制、責任分担、例外対応を説明する。適合性を判断したい相手には、範囲、条件、対象外になる場合を明確にする。

「効率的」「専門的」「信頼できる」という言葉も使える。ただし、支える内容が必要だ。具体的な実務、記録、確認可能な範囲によって、主張できる程度が決まる。

主張と根拠は一緒に見る。 事実の裏付けがあるもの、検証が必要なもの、将来の方向を表すものを分ける。その区別が、後の表現を安定させる。

第4層：コンテンツ構造――どんな順序で理解するか

企業には多くの情報がある。一方、ページを訪れた人が、すべてを最初から最後まで読むとは限らない。

どの問いに先に答え、どの根拠を続け、何を展開表示し、何に別の入口を設けるかを決めるのがコンテンツ構造である。

サービスページなら、対象となる問題、仕事の進め方、成果物と条件、関連資料、次の手順という順序が考えられる。読者は自分の問いに沿って進むことも、必要な箇所へ直接向かうこともできる。

見出しは理解を組み立てる役割を持つ。見出し、要約、図、本文、ボタンが同じ課題に向けて連携する。すべての情報を同じ階層に置けば、読者が分類し直さなければならない。

第5層：視覚ルール――重要な関係をどう見えるようにするか

ここで文字サイズ、色、余白、図形、画像、整列、動きを具体的に扱う。

大きさと位置は読む順序を示し、余白は情報をまとめ、線は関係を表し、色は状態を区別する助けになる。選ぶ前に、各手段が担う役割を知っておきたい。

実施の流れを説明するなら、手順、責任、条件を区別しやすくする。確認が必要な情報には、出典、説明、ダウンロード先を見つけやすくする。スマートフォンでは自然に改行でき、ボタンにも触れやすいことが必要だ。

色や図形の意味は、文脈、組み合わせ、実際の利用によって判断する。特定の色だけで、企業の規模、能力、信用を証明することはできない。

共通の視覚ルールは、異なるページを一つの体系に見せる。個々の配置は課題に合わせる。紹介、工程図、閲覧、操作の各ページは、同じ基礎言語を使いながら適した階層を持てる。

第6層：利用場面――実際の媒体でも使えるか

パソコンのページは、スマートフォンでは読み順が変わることがある。大画面で明快な図も、チャットのプレビューでは文字が読めなくなる。会議で口頭説明を補える資料も、一人で読む相手に送ると説明が足りないことがある。

こうした点は実際の媒体で確認する。

初めて読む人に理解した内容を説明してもらう。明確な課題を持つ人に資料を探してもらう。実際に使う大きさで表示し、文字、関係、入口が明確かを見る。

場面が変わっても、事実と中心となる主張は一貫させる。見出しの順序、分量、操作方法は課題に応じて調整できる。

3. 架空の例で、六つの層をつなぐ

設備保守サービスを提供する企業が、紹介ページをつくるとする。以下はモデル説明のための架空の場面であり、実際の案件や成約効果を示すものではない。

主な読者は、サービスの適合性を判断したい設備担当者である。どんな問題に対応でき、どう依頼し、誰が受け持ち、どのケースで別途評価が必要かを確認したい。

六つの層は次のようにつながる。

これで、ボタンの大きさや工程の横並び・縦並びを共通の根拠から話し合える。読者の課題と端末条件に戻って、どちらが適しているかを比較できる。

新しい約束を一文加える際にも、この関係をさかのぼる。現在実行できるか、対応する手順があるか、責任者が確認したか。重要な表現には、たどれる根拠が必要である。

4. 反応を受けたら、まず問題の層を判断する

「このデザインは少し違う」と言われたら、何が違うのかを具体的に聞く。

文字が見えないのか。重点が見つからないのか。事業を理解できないのか。次の手順がわからないのか。それとも説明の裏付けがないのか。必要な修正はそれぞれ違う。

図を拡大して見る ↗SVGをダウンロード ↓

図2：検証は事前に定めた課題から始める。不合格なら断点を特定して修正・再検証し、合格なら適用範囲と版を記録する。これは作業の点検過程であり、事業成長を予測するモデルではない。

スマートフォンで文字が読みにくければ、大きさ、コントラスト、配置を確認する。読後もサービスを説明できなければ、内容構造と価値提案に戻る。能力を超えた説明なら、まず事業の事実を確認する。連絡先と入口があっても提出できなければ、操作の流れを見る。

問題がもっと前にある場合もある。異なる複数の相手を同時に扱い、主要な課題が決まっていないページでは、部分調整だけで解決しにくい。戦略意図と受け手の課題を再検討する必要がある。

修正には明確な仮説を持つ。 例えば「条件が長い段落に埋もれているので見つからない」。条件を独立させ、同じ課題でもう一度確認する。受け手や課題そのものを変える場合は、先に検証条件を更新し、新しい課題を古い基準で評価しない。

少人数の観察は問題の発見に役立つが、すべての人への有効性を証明するには足りない。クリック、滞在、問い合わせも、流入元、課題、ページ変更と合わせて解釈する。表現の明快さと事業成果の間には、サービス、価格、経路、実行などの条件もある。

5. デザインの判断を残し、次の仕事につなぐ

修正のたびに新しいファイルだけが残ると、後から判断の理由を説明しにくくなる。

私は、重要な決定の簡単な記録を残すことを勧めたい。担当交代、新しいページ、別言語の追加でも、同じ根拠から続けられる。

すべての細部を報告書にする必要はない。方向、理解、利用に影響する決定から記録する。

事業が変われば、関連内容も変える。見た目がよい旧ページでも、範囲、データ、条件が古ければ見直したい。この対応関係を維持することも表現の仕事に含まれる。

6. 複雑な関係を整理してから、図にする

このモデルは「全体の複雑さを整理し、構造を絞り、理解しやすくし、図として表す」という思考過程にも位置づけられる。

まず事業、受け手、課題、根拠、経路、利用条件を広げて全体を見る。次に六層と重要なつながりを取り出す。各層を具体的な問いと確認可能な出力にし、最後に伝達、断点、反応を図にする。

図が議論を助けるには、説明済みの論理を圧縮していることが前提になる。各点に明確な意味があり、各線の関係を説明できれば、読者は自分の仕事の点検に使える。

人が読みたくなり、問いにも答えられる表現を私は目指したい。なぜこう述べ、こう配置したのか。根拠は何か。誰が使うのか。それぞれに答えがある状態である。

戦略からビジュアルまでを一層ずつつなぐことで、企画、文章、デザインが一緒に議論し、修正を続けるための基盤ができる。