<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>コミュニケーション - デザペディア</title>
	<atom:link href="https://www.ds-pedia.com/tag/%E3%82%B3%E3%83%9F%E3%83%A5%E3%83%8B%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ds-pedia.com</link>
	<description>デザイナーやクリエイターのための情報メディアサイト</description>
	<lastBuildDate>Sun, 30 Aug 2026 13:18:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://www.ds-pedia.com/wp-content/uploads/2026/07/cropped-favicon@2x-32x32.png</url>
	<title>コミュニケーション - デザペディア</title>
	<link>https://www.ds-pedia.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>「なんとなく良い」を卒業する。デザインの意図を論理的に翻訳する「言語化力」の鍛え方</title>
		<link>https://www.ds-pedia.com/2026/07/18/%e3%80%8c%e3%81%aa%e3%82%93%e3%81%a8%e3%81%aa%e3%81%8f%e8%89%af%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e6%84%8f%e5%9b%b3/</link>
					<comments>https://www.ds-pedia.com/2026/07/18/%e3%80%8c%e3%81%aa%e3%82%93%e3%81%a8%e3%81%aa%e3%81%8f%e8%89%af%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e6%84%8f%e5%9b%b3/#respond</comments>
		
		<dc:creator><![CDATA[Yuny]]></dc:creator>
		<pubDate>Sat, 18 Jul 2026 04:46:36 +0000</pubDate>
				<category><![CDATA[デザインナレッジ]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[UXデザイン]]></category>
		<category><![CDATA[キャリア]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[コミュニケーション]]></category>
		<category><![CDATA[UIデザイン]]></category>
		<guid isPermaLink="false">https://www.ds-pedia.com/?p=1165</guid>

					<description><![CDATA[<p>こんにちは！UIデザイナーのYunyです。 仕事の中で「なぜこのデザインにしたの？」と聞かれた際、うまく言葉にできずにもどかしい思いをした経験はありませんか？デザインを言葉にする「言語化力」は多くのデザイナーが直面するハ &#8230; </p>
<p class="link-more"><a href="https://www.ds-pedia.com/2026/07/18/%e3%80%8c%e3%81%aa%e3%82%93%e3%81%a8%e3%81%aa%e3%81%8f%e8%89%af%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e6%84%8f%e5%9b%b3/" class="more-link">続きを読む<span class="screen-reader-text"> "「なんとなく良い」を卒業する。デザインの意図を論理的に翻訳する「言語化力」の鍛え方"</span></a></p>
<p>The post <a href="https://www.ds-pedia.com/2026/07/18/%e3%80%8c%e3%81%aa%e3%82%93%e3%81%a8%e3%81%aa%e3%81%8f%e8%89%af%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e6%84%8f%e5%9b%b3/">「なんとなく良い」を卒業する。デザインの意図を論理的に翻訳する「言語化力」の鍛え方</a> first appeared on <a href="https://www.ds-pedia.com">デザペディア</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">こんにちは！<br>UIデザイナーのYunyです。</p>


<div class="target-audience"><div class="target-audience__title">この記事はこんな方に向けて書いています</div><ul class="target-audience__list"><li class="target-audience__item">新卒やジュニア、駆け出しのデザイナーで、実務でのコミュニケーションに苦労している方</li><li class="target-audience__item">先輩やPdMから「なぜこのデザインにしたの？」と聞かれたときに、言葉に詰まってしまう方</li><li class="target-audience__item">AIを使ったデザイン制作や壁打ちが進む中で、これからのデザイナーの生存戦略やキャリア構築を考えている方</li></ul></div>



<p class="wp-block-paragraph">仕事の中で「なぜこのデザインにしたの？」と聞かれた際、うまく言葉にできずにもどかしい思いをした経験はありませんか？<br>デザインを言葉にする「言語化力」は多くのデザイナーが直面するハードルであり、私自身もかつては説明ができず本当に悩んでいました。</p>



<p class="wp-block-paragraph">最近ではAIによるビジュアル自動生成が進化し、対話型の「AI壁打ち」も当たり前になってきています。<br>しかし、このAIを使いこなすためにも、私たち人間側が<strong>「何をどうしたいのか」「なぜこのUIなのか」を明確に言語化するスキル</strong>が必要不可欠です。</p>



<p class="wp-block-paragraph">今回は、感覚的なデザインを論理的に翻訳し、チームの共通言語にするための<strong>具体的なアプローチや日常のトレーニング方法</strong>についてお話しします。</p>



<h2 class="wp-block-heading">1. なぜ今、デザイナーに「デザイン言語化力」が必要なのか？</h2>



<figure class="wp-block-image size-medium"><img fetchpriority="high" decoding="async" width="300" height="167" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/ai_vs_human_decision-300x167.jpg" alt="【AI vs 人間の意思決定】AIによる高速ビジュアル生成と、人間による戦略的な意思決定の対比図" class="wp-image-1168" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/07/ai_vs_human_decision-300x167.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/07/ai_vs_human_decision-1024x572.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/07/ai_vs_human_decision.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph"><strong>結論からお伝えすると、「なぜそのデザインにしたのかを言葉で説明し、合意を形成する力」の重要性自体は以前から言われていましたが、AIの急速な発達によって、その必要性がこれまで以上に極めて高まっています。</strong></p>



<p class="wp-block-paragraph">もともとデザインの意図を説明することは大切でしたが、基本的な造形や整ったレイアウトであればAIが瞬時に生成できるようになった現在、<strong>表層的な制作作業自体のコモディティ化</strong>が加速しています。<br>特に新卒やジュニア、駆け出しのデザイナーにとって、単に「綺麗なカンプを作れる」だけでは、チームの中で十分な価値を発揮することが難しくなっています。</p>



<p class="wp-block-paragraph">だからこそ、自身の市場価値を証明し、キャリアの初期段階から成長を加速させるためにも、<strong>言語化と合意形成の能力</strong>が極めて強く求められるようになっているのです。</p>



<p class="wp-block-paragraph">デザイナーが単なる「作業のオペレーター」ではなく、プロジェクトの<strong>信頼できるパートナー</strong>として機能するためには、自らのデザイン意図を客観的かつ論理的に説明できなければなりません。</p>



<p class="wp-block-paragraph">非デザイナーのステークホルダー（ビジネスサイドやエンジニアなど）と対話する際、<strong>言語化が不足していると、以下のような問題が発生します。</strong></p>



<ul class="wp-block-list">
<li><strong>判断基準のズレ：</strong> デザイナーは「情報設計」や「認知負荷の軽減」の観点で設計しているのに対し、ビジネスサイドは「短期的な数値目標（コンバージョン率など）」、エンジニアは「実装コスト」という全く異なる基準でデザインを見ています。</li>



<li><strong>不毛なフィードバックの繰り返し：</strong> 共通の判断軸がないため、「なんとなく違う」「もう少しおしゃれに」といった主観的で抽象的なやり取りが続き、度重なる修正作業（手戻り）が発生します。</li>
</ul>



<p class="wp-block-paragraph">デザインの言語化とは、単に自分のデザイン案を強引に通すための説得テクニックではありません。<br>お互いの「判断基準のズレ」を観察し、感覚的なイメージを論理的な言葉へ翻訳することで、チーム全体のキャッチアップコストを下げ、共創の土台を作るためのものなのです。</p>



<h2 class="wp-block-heading">2. デザイン意図をロジカルに分解する「3つの軸」フレームワーク</h2>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="167" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/three_pillars_verbalization-300x167.jpg" alt="【デザイン言語化の3つの軸】目的・根拠・トレードオフを整理するフレームワークの図解" class="wp-image-1171" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/07/three_pillars_verbalization-300x167.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/07/three_pillars_verbalization-1024x572.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/07/three_pillars_verbalization.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">感覚的な「なんとなく良さそう」から脱却し、誰にでも伝わる論理的な説明を組み立てるには、デザインの決定プロセスを<strong>「目的」「根拠」「オプションとトレードオフ」の3つの軸</strong>に分解して整理するのが有効です。</p>



<h3 class="wp-block-heading">① 目的 (Purpose)</h3>



<p class="wp-block-paragraph">そのデザインが「何を解決するためのものか」、ユーザーのタスクやビジネス上のゴール（KPI）とどのように結びついているかを明確にします。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">✕ 悪い例：「画面がすっきり見えるように、ボタンを右上に小さく配置しました」<br>◯ 良い例：「今回のターゲットユーザーは日常的にアプリを使い込んでいるため、頻繁に行う『保存』アクションへのアクセスを優先し、視線誘導の起点となる右上に配置しました」</p>
</blockquote>



<h3 class="wp-block-heading">② 根拠 (Basis)</h3>



<p class="wp-block-paragraph">なぜその視覚表現やレイアウトを選んだのか、個人の好みではない客観的な裏付けを提示します。<br>これには、色彩心理学やゲシュタルトの法則（近接、整列など）といったデザインのセオリー、あるいはユーザー行動のデータや既存のメンタルモデル（使い慣れた他社アプリの構造など）が該当します。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">✕ 悪い例：「ここの余白はこれくらいがしっくりきました」<br>◯ 良い例：「近接の法則に基づき、関連性の高い情報群の余白を8pxに狭め、異なるセクション間の余白を32px空けることで、スクロール中も情報の区切りが直感的に伝わるよう設計しています」</p>
</blockquote>



<h3 class="wp-block-heading">③ オプションとトレードオフ (Options &amp; Trade-offs)</h3>



<p class="wp-block-paragraph">デザインの決定は常にトレードオフを伴います。<br>「他にどのような選択肢を検討し、なぜ最終的にこの案を採用したのか」、あるいは「何を優先して何を捨てたのか」を説明できるようにしておきます。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">✕ 悪い例：「このデザインが一番良いと思います」<br>◯ 良い例：「ナビゲーションについて、下部タブUIとサイドメニューUIの2つを検討しました。項目が3つと少なく、瞬時の切り替えが必要なため、実装工数は若干増えますが、認知負荷の最も低い下部タブUIを採用し、サイドメニュー案は見送りました」</p>
</blockquote>



<p class="wp-block-paragraph">この「3つの軸」は、日々の実務ミーティングはもちろん、<strong>新卒やジュニアデザイナーの就職活動におけるポートフォリオ作成や採用面接の場でも強力な武器になります。</strong></p>



<p class="wp-block-paragraph">「なぜこのデザインにしたのか」をこのフレームワークに沿ってあらかじめ記述しておくことで、採用担当者や面接官に対して「感覚だけで作っているのではなく、目的と根拠を持って設計できるデザイナーである」ことを明確にアピールでき、実務経験が浅くても高い信頼感を与えることができます。</p>



<p class="wp-block-paragraph">また、このように要素を分解して整理しておくことで、他職種のメンバーも「何を基準に議論すればよいか」が分かりやすくなり、現場での建設的な意見交換がスムーズに行えるようになります。</p>



<h2 class="wp-block-heading">3. 先進企業の事例から学ぶ「共通言語」としての言語化</h2>



<p class="wp-block-paragraph">多くの成長企業やデザイン組織では、デザイナーの評価基準や社内プロセスにおいて、言語化の重要性が公式に明文化されています。</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>企業・組織</th><th>言語化・共通言語化に関する具体的な取り組み</th></tr></thead><tbody><tr><td><strong>クックパッド</strong></td><td>デザイナーに対して「画面を見た瞬間に一番まずい部分が分かる」「説明文を足す前に構造を疑う」ことを要求。デザイン判断の背景や根拠を明確に言語化し、チーム全体で共有するスキルを求めています。</td></tr><tr><td><strong>メルカリ</strong></td><td>デザイナーの成長指標である「Design Ladder」において、「課題と価値の言語化を通した明確なゴール設定」や「MVPとアクションプランについてチームと合意する」など、言語化と合意形成の能力を評価基準に直接組み込んでいます。</td></tr><tr><td><strong>LINEヤフー</strong></td><td>約500名規模のデザイナー組織において、判断のブレを防ぐための共通指針「Design Style」を策定。アウトプットだけでなく、プロセスやスタンス（すばやいフィードバックなど）を言語化し、PdMや開発者を含めた開発の共通言語にしています。</td></tr><tr><td><strong>リクルート</strong></td><td>デザインレビューにおいて、無駄な主観や属人性を排除するため、「ビジネス観点」「企画観点」「UX観点」「デザイン観点（利用文脈）」「ブランド観点」「開発観点（実装の費用対効果）」という言語化された6つの基準に沿って評価を実施しています。</td></tr><tr><td><strong>Goodpatch</strong></td><td>行動指針（バリュー）に「Whyが人を動かす（Inspire with Why）」を掲げ、曖昧なイメージに輪郭を与えて認識を揃える「言語化」を極めて重視する組織文化が根付いています。</td></tr></tbody></table></figure>



<p class="wp-block-paragraph">これらの企業事例が示すように、シニアレベル以上のデザイナーに共通して求められるのは、単なるスタイリング能力ではありません。<br>「デザインを通じて事業価値をどう最大化するか」を論理的に語り、チームを巻き込んで合意を形成する力なのです。</p>



<h2 class="wp-block-heading">4. 日常の業務に組み込める「言語化トレーニング」</h2>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="167" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/design_training_methods-300x167.jpg" alt="【言語化の日常トレーニング】逆引きトレース・なぜを3回問う・AI壁打ちの3つの手法" class="wp-image-1169" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/07/design_training_methods-300x167.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/07/design_training_methods-1024x572.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/07/design_training_methods.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">デザインの言語化力は、生まれ持ったセンスではなく、日々の意識的な取り組みによって後天的に鍛えられる「技術」です。<br>特にキャリアの浅いうちは、まず<strong>「無意識に行っている選択を意識化すること」</strong>から始めましょう。</p>



<p class="wp-block-paragraph">今日からでも実践できる3つのトレーニング方法をご紹介します。</p>



<h3 class="wp-block-heading">① 「なぜ？」を3回繰り返す自問自答</h3>



<p class="wp-block-paragraph">自分のデザイン作業中に、無意識で行った選択（色、フォント、余白など）に対して、頭の中で<strong>「なぜそうしたのか」と自問自答を繰り返します。</strong><br>ジュニアのうちは、上司や先輩から突っ込まれやすいポイントを先回りして考えるのがコツです。</p>



<ul class="wp-block-list">
<li>「なぜここのフォントサイズを大きくしたのか？」<br>→ 「ユーザーが最初に読むべき見出しだからです」</li>



<li>「なぜ最初に読ませる必要があるのか？」<br>→ 「スクロールするかどうかの判断基準になる情報だからです」</li>



<li>「なぜこの情報が判断基準になるのか？」<br>→ 「前ページでの課題感と直結する結論部分だからです」</li>
</ul>



<p class="wp-block-paragraph">最低3回繰り返すことで、自分の感性的な判断を客観的なロジックに結びつける回路が鍛えられます。</p>



<h3 class="wp-block-heading">② 既存デザインの「逆引き」トレース</h3>



<p class="wp-block-paragraph">世の中の優れたUI（日常的に使うアプリなど）を観察し、「制作者はどのような課題を解決するために、なぜこのレイアウトにしたのか」を逆算して仮説を立て、言葉に書き出してみます。</p>



<p class="wp-block-paragraph">単に見た目を綺麗だと感じるだけでなく、「この配置になっている理由は、スマートフォンの親指が届きやすい範囲を考慮したからではないか」といった<strong>仮説を言語化する</strong>ことで、自分自身のデザインの引き出しが拡張されます。</p>



<h3 class="wp-block-heading">③ AIを用いた高速PDCA壁打ち</h3>



<p class="wp-block-paragraph">近年では、<strong>AI（ChatGPTやGeminiなど）を壁打ち相手にした言語化トレーニング</strong>も非常に効果的です。</p>



<p class="wp-block-paragraph">例えば、AIに対して「このような目的のUIデザイン（またはHTML/CSSコード）を作成してほしい」と指示を出します。<br>AIから出力された結果に対して、「もっと情報の優先度を高めるために余白を広くして」「ターゲットユーザーのメンタルモデルに合わせて配置を変更して」など、具体的な修正指示を重ねていきます。</p>



<p class="wp-block-paragraph">AIは人間の「なんとなく」という曖昧な表現を理解できません。<br>そのため、このプロセスそのものが、自らの意図を<strong>「具体的かつ客観的な指示」に落とし込むための極めて速いフィードバックループ（PDCA）</strong>になります。</p>



<h2 class="wp-block-heading">5. レビューをチームの共創の場にする工夫</h2>



<p class="wp-block-paragraph">組織としてデザインの品質を担保しながら言語化力を高めるためには、デザインレビュー（DR）の仕組みづくりも重要です。</p>



<p class="wp-block-paragraph">特に新卒やジュニアデザイナーにとって、先輩やリーダーからのデザインレビューは「自分の作ったものが否定されている」ように感じられ、心理的ハードルが非常に高くなりがちです。<br>しかし、レビューは決して個人の能力を測る試験ではなく、チームでより良いプロダクトを作るための「共創の場」です。</p>



<p class="wp-block-paragraph">そこで、レビューの心理的ハードルを下げ、活発な合意形成とジュニアの成長を促すために、以下のような工夫が有効です。</p>



<ul class="wp-block-list">
<li><strong>「見た目」から議論に入らないルールの徹底：</strong> レビューの冒頭では、いきなり完成したデザインデータを見せるのではなく、必ずデザイナー自身が最初に「案件の背景」「解決したい課題（目的）」「今回検証したいポイント」を言葉で説明するルールを徹底します。これにより、「好みの問題」に終始するのを防げます。</li>



<li><strong>「2割共有」とオンデマンドな壁打ちの推奨：</strong> デザインが8割〜10割完成した段階でレビューに出すと、大きな手戻りが発生した際のダメージ（心理的・工数的）が計り知れません。新卒やジュニアこそ、ワイヤーフレームや初期のアイデア段階（2〜3割の進捗）で、「なぜこの方向性で考えているか」を気軽に言葉で先輩と壁打ちし、早めに軌道修正を図る仕組みを推奨します。</li>



<li><strong>ラジオ感覚でのオープンな聴講：</strong> レビューの場を当事者以外にもオンラインで解放し、他のメンバーが「ラジオ感覚」で聴講できるようにします。他のデザイナーがどのように自分の意図を言語化し、フィードバックを受け取っているかを聞くだけでも、ジュニアデザイナーにとっては非常に学びの多い、生きた教科書になります。</li>
</ul>



<p class="wp-block-paragraph">デザインレビューの場を「意図を説明し、他者の視点を取り入れてより良くする対話の場」として再定義することが、新卒やジュニアデザイナーの急速な成長とプロダクトの品質向上を両立させる近道です。</p>



<h2 class="wp-block-heading">あわせて読みたい：デザインの裏側にある「意図」と「協働」</h2>



<p class="wp-block-paragraph">デザイナーの役割が変化する時代において、チームで共通言語を持ち、どのようにプロダクトの体験を作り上げていくかについて、こちらの記事も参考にしてみてください！</p>


<p>undefined</p>



<p class="wp-block-paragraph"></p>



    <div class="blogcard ex">
        <a href="https://www.ds-pedia.com/2026/07/11/ai%e6%99%82%e4%bb%a3%e3%81%ab%e3%81%8a%e3%81%91%e3%82%8b%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%a8%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e3%81%ae%e5%8d%94%e5%83%8d%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%a8%e3%82%b3%e3%83%bc%e3%83%89%e3%81%8c%e8%bf%91%e3%81%a5%e3%81%8f%e3%81%93%e3%81%a8%e3%81%a7%e5%a4%89%e3%82%8f%e3%82%8b%e3%80%81%e7%a7%81%e3%81%9f%e3%81%a1%e3%81%ae%e3%83%9e%e3%82%a4%e3%83%b3%e3%83%89%e3%82%bb%e3%83%83%e3%83%88/" target="_blank" rel="noopener noreferrer">
            <div class="blogcard_thumbnail"><img decoding="async" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/Gemini_Generated_Image_qhs7fwqhs7fwqhs7.jpg" alt="AI時代におけるデザイナーとエンジニアの協働。デザインとコードが近づくことで変わる、私たちのマインドセット" loading="lazy" onerror="this.onerror=null;this.src='https://www.ds-pedia.com/wp-content/themes/inspiro-child/assets/images/no_image.png';" /></div>
            <div class="blogcard_content">
                <div class="blogcard_title">AI時代におけるデザイナーとエンジニアの協働。デザインとコードが近づくことで変わる、私たちのマインドセット</div>
                <div class="blogcard_excerpt">こんにちは！UIデザイナーのYunyです。 デザインデータを作り終えてエンジニアさんに渡した後、「あれ、ここの余白ちょっ…</div>
            </div>
            <div class="clear"></div>
        </a>
    </div>



<h2 class="wp-block-heading">終わりに</h2>



<p class="wp-block-paragraph">AIがビジュアルを瞬時に作れる時代だからこそ、人間心理に基づき「なぜそのデザインにしたのか」を言葉にする価値がかつてないほど高まっています。<br>最後に、今回の記事で押さえておきたいポイントをまとめました。</p>



<ul class="wp-block-list">
<li><strong>目的・根拠・トレードオフ</strong>の3軸でデザイン決定のプロセスを分解する</li>



<li>エンジニアやPdMなど、<strong>相手の職能の判断基準（物差し）</strong>に合わせて言葉を翻訳する</li>



<li>日常の中で「なぜ？」を繰り返す自問自答や、<strong>AIを壁打ち相手にした練習</strong>を取り入れる</li>



<li>ジュニアデザイナーこそ、デザイン初期段階の<strong>「2割共有」で気軽に壁打ちする習慣</strong>を作る</li>
</ul>



<p class="wp-block-paragraph">最初から完璧な説明を目指す必要はありません。<br>まずは日々の無意識な選択に対して「なぜ？」と1回問いかけてみることから、少しずつ言語化の引き出しを増やしていきましょう。</p>



<p class="wp-block-paragraph">最後までお読みいただき、ありがとうございました！</p>



<p class="wp-block-paragraph">それでは、良いデザインライフを！</p><p>The post <a href="https://www.ds-pedia.com/2026/07/18/%e3%80%8c%e3%81%aa%e3%82%93%e3%81%a8%e3%81%aa%e3%81%8f%e8%89%af%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e6%84%8f%e5%9b%b3/">「なんとなく良い」を卒業する。デザインの意図を論理的に翻訳する「言語化力」の鍛え方</a> first appeared on <a href="https://www.ds-pedia.com">デザペディア</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.ds-pedia.com/2026/07/18/%e3%80%8c%e3%81%aa%e3%82%93%e3%81%a8%e3%81%aa%e3%81%8f%e8%89%af%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e6%84%8f%e5%9b%b3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>「デザインレビューが怖い」を卒業する。受審の心構えとフィードバックを自ら操る実践フレームワーク</title>
		<link>https://www.ds-pedia.com/2026/07/15/%e3%80%8c%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%8c%e6%80%96%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e5%8f%97%e5%af%a9%e3%81%ae/</link>
					<comments>https://www.ds-pedia.com/2026/07/15/%e3%80%8c%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%8c%e6%80%96%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e5%8f%97%e5%af%a9%e3%81%ae/#respond</comments>
		
		<dc:creator><![CDATA[Yuny]]></dc:creator>
		<pubDate>Wed, 15 Jul 2026 04:25:17 +0000</pubDate>
				<category><![CDATA[ビジネス・キャリア]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[UIデザイン]]></category>
		<category><![CDATA[UXデザイン]]></category>
		<category><![CDATA[キャリア]]></category>
		<category><![CDATA[デザインレビュー]]></category>
		<category><![CDATA[コミュニケーション]]></category>
		<guid isPermaLink="false">https://www.ds-pedia.com/?p=1137</guid>

					<description><![CDATA[<p>こんにちは！UIデザイナーのYunyです。 最近、FigmaのMCP連携や音声入力などを使い、AIと「対話」しながら作業を進めることが増えました。客観的なフィードバックをくれる「相棒」がそばにいると、一人で抱え込んで作る &#8230; </p>
<p class="link-more"><a href="https://www.ds-pedia.com/2026/07/15/%e3%80%8c%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%8c%e6%80%96%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e5%8f%97%e5%af%a9%e3%81%ae/" class="more-link">続きを読む<span class="screen-reader-text"> "「デザインレビューが怖い」を卒業する。受審の心構えとフィードバックを自ら操る実践フレームワーク"</span></a></p>
<p>The post <a href="https://www.ds-pedia.com/2026/07/15/%e3%80%8c%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%8c%e6%80%96%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e5%8f%97%e5%af%a9%e3%81%ae/">「デザインレビューが怖い」を卒業する。受審の心構えとフィードバックを自ら操る実践フレームワーク</a> first appeared on <a href="https://www.ds-pedia.com">デザペディア</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">こんにちは！<br>UIデザイナーのYunyです。</p>


<div class="target-audience"><div class="target-audience__title">この記事はこんな方に向けて書いています</div><ul class="target-audience__list"><li class="target-audience__item">デザインレビューで「自分のデザインを否定された」と感じて落ち込んでしまう方</li><li class="target-audience__item">レビュー会議で意見が散らかり、方向性が決まらずに困っているデザイナーの方</li><li class="target-audience__item">フィードバックを建設的に受け止め、プロダクトの品質向上に繋げたい方</li></ul></div>



<p class="wp-block-paragraph">最近、FigmaのMCP連携や音声入力などを使い、AIと「対話」しながら作業を進めることが増えました。客観的なフィードバックをくれる「相棒」がそばにいると、一人で抱え込んで作るよりも、格段に視野が広がるのを感じています。</p>



<p class="wp-block-paragraph">この「外部の視点を入れて、一緒にプロダクトを良くしていく」という心地よい感覚は、チームで行う「デザインレビュー」の本質そのものです。</p>



<p class="wp-block-paragraph">しかし、人間同士のレビューとなると、どうしても「ダメ出しされるのではないか」「自分のセンスを否定されているのではないか」と身構えてしまうこともありますよね。</p>



<p class="wp-block-paragraph">せっかく時間をかけて作ったデザインだからこそ、そこへの指摘を自分自身への攻撃のように感じてしまう。そんなレビューへの苦手意識をスッキリと解消し、プロダクトの品質を高めるための強力なプロセスへと昇華させる「受審者の心構え」と、議論をリードする高度実践的なフレームワークを見ていきましょう。</p>



<h2 class="wp-block-heading">1. なぜデザインレビューは「恐怖の場」になりやすいのか？</h2>



<p class="wp-block-paragraph">デザインレビューで指摘を受けると、胸がキュッと痛くなったり、反論したくなったりすることがありますよね。これはデザイナーとしての能力が低いからではなく、人間の脳の自然な反応です。</p>



<p class="wp-block-paragraph">ものづくりに関わる私たちは、知らず知らずのうちに<strong>「自分 ＝ 制作物（デザイン）」という同一視</strong>をしてしまいがちです。自分が時間をかけて考え抜いたデザインだからこそ、そこへの指摘を「あなた自身のスキルやセンスが足りない」という人格否定として脳が誤って翻訳してしまうのです。</p>



<p class="wp-block-paragraph">この心理的な仕組みを理解し、「デザインへの指摘」と「自分自身への評価」を切り離して捉え直すことが、最初の心構えになります。</p>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="167" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/separation-300x167.jpg" alt="デザイナーの自己とデザインの制作物を切り離し、他者の視点（指摘）をプロダクトの改善に集中させるための概念図" class="wp-image-1139" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/07/separation-300x167.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/07/separation-1024x572.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/07/separation.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">そもそも、デザインレビューの本来の目的は何でしょうか。それは、デザイナーの優劣を競うことではなく、<strong>「プロダクトの問題発見コストを最小化するための防波堤」</strong>となることです。</p>



<p class="wp-block-paragraph">プロダクト開発において、デザイン段階で問題を見つけるのと、エンジニアによるコーディングが完了した後に見つけるのでは、修正にかかる時間やコストに大きな差が生まれます。IBM Systems Sciences Instituteの調査などでも、設計（デザイン）段階で不具合を解決するのに比べて、実装（コーディング）段階では約6倍、さらにリリース後の運用段階では最大100倍の修正コストがかかると報告されています。早い段階で多様なメンバーの視点を取り入れ、デザインレビューという「防波堤」で問題を早期に特定することは、プロジェクト全体のコストと時間を守るための賢い防衛策なのです。</p>



<p class="wp-block-paragraph">下記記事でも紹介したように、デザインの使いやすさには明確な論理が存在します。レビューで指摘されるのは、あなたのセンスの良し悪しではなく、「ユーザーの認知負荷をさらに下げるための改善点」です。他者の目を「自分のデザインをより強くするための心強い味方」として歓迎することから始めてみましょう。</p>


<p>undefined</p>



<h2 class="wp-block-heading">2. 受審を自らコントロールする高度実践フレームワーク「30-60-90ルール」</h2>



<p class="wp-block-paragraph">レビューでよくある失敗が、「ボタンの色や細かな文言ばかりに議論が集中し、根本的な画面遷移や情報設計の議論ができなかった」というケースです。このような事態を防ぐために、受審者であるデザイナー自身が議論の範囲をコントロールするフレームワークが<strong>「30-60-90ルール」</strong>です。</p>



<p class="wp-block-paragraph">これは、デザインの進捗度（30%、60%、90%）に応じて、求めるフィードバックと、あえて求めない（制限する）フィードバックをあらかじめ定義し、参加者に宣言する手法です。</p>



<h3 class="wp-block-heading">30%レビュー（方向性・コンセプトの確認）</h3>



<p class="wp-block-paragraph">デザインの初期段階で実施するレビューです。画面はまだ手書きのワイヤーフレームや、主要なユーザーフローが記述された簡易的な資料のレベルです。</p>



<ul class="wp-block-list">
<li><strong>求めるフィードバック</strong>：解決しようとしている課題定義の整合性、大まかな情報階層、ユーザーフローの妥当性。</li>



<li><strong>求めないこと</strong>：フォントの種類、配色、ボタンの角丸のサイズ、具体的なテキスト表現などのビジュアル詳細。</li>
</ul>



<h3 class="wp-block-heading">60%レビュー（構造とUX設計の確認）</h3>



<p class="wp-block-paragraph">骨組みが固まり、グレースケール（白黒）でワイヤーフレームや遷移図を構築した段階でのレビューです。</p>



<ul class="wp-block-list">
<li><strong>求めるフィードバック</strong>：詳細な情報設計、主要な画面遷移のつながり、一般的なエラー状態（ローディングやデータ未登録時など）の網羅性。</li>



<li><strong>求めないこと</strong>：写真の選定、微細なインタラクションアニメーション、ビジュアルとしての美しさの評価。</li>
</ul>



<h3 class="wp-block-heading">90%レビュー（ビジュアルと実装詳細の確認）</h3>



<p class="wp-block-paragraph">ビジュアルデザインがほぼ完成し、リリースに近い状態のプロトタイプでのレビューです。</p>



<ul class="wp-block-list">
<li><strong>求めるフィードバック</strong>：ピクセル単位のレイアウト調整、最終的なコピーライト（文言）のチェック、エッジケース（テキストが極端に長い場合の表示崩れなど）の確認。</li>
</ul>



<p class="wp-block-paragraph">レビューの冒頭で、「今回は60%段階のレビューですので、情報設計と画面遷移に絞ってご意見をください。色やフォントは仮のものなので、ビジュアルへの指摘は次回お願いできればと思います」と受審者から宣言します。これだけで、レビューアーは「今どこに目を向ければよいか」が明確になり、議論の脱線や散らかりを防ぐことができます。</p>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="167" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/thirty_sixty_ninety-300x167.jpg" alt="デザインの進捗度（初期コンセプト、中期構造、最終ビジュアル）に応じたフィードバックのグラデーション変化と30-60-90ルールの進行を示す図解" class="wp-image-1140" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/07/thirty_sixty_ninety-300x167.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/07/thirty_sixty_ninety-1024x572.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/07/thirty_sixty_ninety.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<p class="wp-block-paragraph">特に60%〜90%の段階では、実装上の制約を考慮することが不可欠です。下記記事でも解説している通り、早い段階からエンジニアをレビューに巻き込み、実装可能性について対話しておくことで、後工程の大幅な手戻りを劇的に減らすことができます。</p>


<p>undefined</p>



<h2 class="wp-block-heading">3. レビューを円滑に進める「受審者の3つの作法」</h2>



<p class="wp-block-paragraph">レビューの場でデザイナー自身がとるべき具体的なコミュニケーションの作法を3つに整理しました。これらを意識するだけで、レビューの場は「指摘会」から「建設的なディスカッション」へと変化します。</p>



<h3 class="wp-block-heading">① デザインの意思決定の背景（背景の文脈）を伝える</h3>



<p class="wp-block-paragraph">単に「この画面を作りました」と見せるのではなく、なぜその配置やスタイルにしたのか、意思決定の背景（コンテキスト）を説明します。<br>「過去のユーザー調査で〇〇という課題があったため、ここでは認知負荷を下げるためにAのパターンを採用しました」といった論理的な根拠を添えましょう。</p>



<p class="wp-block-paragraph">下記記事でも解説しているように、数字や認知心理学的な根拠を背景に持つことで、レビューアーとの間で「感覚的な好き嫌い」の平行線になるのを防ぎ、共通の判断軸を持って対話を行うことができます。</p>


<p>undefined</p>



<h3 class="wp-block-heading">② 反論ではなく「まずは理解と感謝」を示す</h3>



<p class="wp-block-paragraph">「ここは〇〇だからこうしたんです」と、指摘に対して即座に自己防衛の反論をしたくなる気持ちはよく分かります。しかし、そこをグッと抑えて、まずは「ご指摘ありがとうございます。確かにそこは初見のユーザーにとって分かりにくいかもしれませんね」と、相手の指摘を一度そのまま受け止めましょう。<br>その上で、「その懸念を解消するために、実はBという選択肢も検討したのですが…」と対話を広げます。このワンクッションがあるだけで、場全体の空気は非常に柔らかくなります。</p>



<h3 class="wp-block-heading">③ 次のアクションと役割をその場でクリアにする</h3>



<p class="wp-block-paragraph">レビュー中に出たすべての指摘をそのままデザインに反映する必要はありません。レビューの最後、または議事録の確認時に、以下の3つのフォルダに指摘を分類して提示しましょう。</p>



<ul class="wp-block-list">
<li><strong>対応する項目</strong>：次のステップまでにデザインを修正するもの。</li>



<li><strong>持ち帰る項目</strong>：他のデータや仕様を確認した上で、後日判断するもの。</li>



<li><strong>見送る項目</strong>：今回のリリーススコープ外とする、または別の理由で現状維持とするもの。</li>
</ul>



<p class="wp-block-paragraph">受審者がこの分類を主導することで、「すべての指摘に振り回されてデザインが破綻する」のを防ぎ、デザイナーとしての設計責任を守ることができます。</p>



<figure class="wp-block-image size-medium"><img decoding="async" width="300" height="167" src="https://www.ds-pedia.com/wp-content/uploads/2026/07/three_practices-300x167.jpg" alt="デザインレビューを円滑に進めるための受審者側の3つの作法（背景の伝達、感謝と受け止め、次の一歩の整理）を示す図解" class="wp-image-1141" srcset="https://www.ds-pedia.com/wp-content/uploads/2026/07/three_practices-300x167.jpg 300w, https://www.ds-pedia.com/wp-content/uploads/2026/07/three_practices-1024x572.jpg 1024w, https://www.ds-pedia.com/wp-content/uploads/2026/07/three_practices.jpg 1376w" sizes="(max-width: 300px) 100vw, 300px" /></figure>



<h2 class="wp-block-heading">まとめ：レビューは「チームで勝利する」ための最高のツール</h2>



<p class="wp-block-paragraph">デザインレビューを受審することは、決して「自分の作品を採点される試練」ではありません。むしろ、自分一人では気づけなかったユーザーの迷いや実装上の懸念を、チームメンバーが寄ってたかって一緒に解決してくれる「最高の協力プレイ」です。</p>



<p class="wp-block-paragraph">「30-60-90ルール」を用いて議論を自らコントロールし、対話の作法を意識することで、レビュー会議はデザインの質を飛躍的に高めるパワフルな時間へと進化します。</p>



<p class="wp-block-paragraph">チーム全員を「自分のデザインの共同制作者」として味方につけ、より良いプロダクトを届けていきましょう！</p>



<h2 class="wp-block-heading">終わりに</h2>



<p class="wp-block-paragraph">最後までお読みいただき、ありがとうございます！</p>



<p class="wp-block-paragraph">デザインレビューに対して漠然とした苦手意識や怖さを抱いていた方も、フレームワークを活用して「見せる範囲」を制限することで、少し気持ちが軽くなるのではないでしょうか。</p>



<p class="wp-block-paragraph">私自身もレビューを受けるときは毎回緊張しますが、今回紹介したアプローチを意識するようになってからは、メンバーの意見を前向きに取り入れられるようになりました。</p>



<p class="wp-block-paragraph">皆さんの次のデザインレビューが、より楽しく、建設的な時間になることを願っています。</p>



<p class="wp-block-paragraph">それでは、良いデザインライフを！</p><p>The post <a href="https://www.ds-pedia.com/2026/07/15/%e3%80%8c%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%8c%e6%80%96%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e5%8f%97%e5%af%a9%e3%81%ae/">「デザインレビューが怖い」を卒業する。受審の心構えとフィードバックを自ら操る実践フレームワーク</a> first appeared on <a href="https://www.ds-pedia.com">デザペディア</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.ds-pedia.com/2026/07/15/%e3%80%8c%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%ac%e3%83%93%e3%83%a5%e3%83%bc%e3%81%8c%e6%80%96%e3%81%84%e3%80%8d%e3%82%92%e5%8d%92%e6%a5%ad%e3%81%99%e3%82%8b%e3%80%82%e5%8f%97%e5%af%a9%e3%81%ae/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
