<?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%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ds-pedia.com</link>
	<description>デザイナーやクリエイターのための情報メディアサイト</description>
	<lastBuildDate>Sat, 18 Jul 2026 09:56:33 +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/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 fetchpriority="high" 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>



    <div class="blogcard ex">
        <a href="https://www.ds-pedia.com/2026/06/11/%e4%b8%96%e7%95%8c%e6%a8%99%e6%ba%96%e3%81%ab%e5%ad%a6%e3%81%b6%e3%80%8c%e4%bc%9d%e3%82%8f%e3%82%8b%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%80%8d%e3%81%ae%e5%9f%ba%e7%a4%8e%e4%bd%93%e5%8a%9b%e3%81%a8/" target="_blank" rel="noopener noreferrer">
            <div class="blogcard_thumbnail"><img decoding="async" src="https://www.ds-pedia.com/wp-content/uploads/2026/06/Gemini.jpg" alt="世界標準に学ぶ「伝わるデザイン」の基礎体力と、日常を整えるヒント" 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">世界標準に学ぶ「伝わるデザイン」の基礎体力と、日常を整えるヒント</div>
                <div class="blogcard_excerpt">こんにちは！UIデザイナーのYunyです。 日常の中で、ふと入ったお店のメニューで「どれにしようかな」と迷った経験はあり…</div>
            </div>
            <div class="clear"></div>
        </a>
    </div>



<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>



    <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/" 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">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>



    <div class="blogcard ex">
        <a href="https://www.ds-pedia.com/2026/04/23/%e7%be%8e%e3%81%97%e3%81%95%e3%81%ae%e6%a0%b9%e6%8b%a0%e3%82%92%e8%aa%9e%e3%82%8c%e3%82%8b%e3%81%8b%e3%80%82%e6%95%b0%e5%ad%97%e3%82%92%e6%ad%a6%e5%99%a8%e3%81%ab%e3%81%99%e3%82%8b%e3%83%87%e3%82%b6/" target="_blank" rel="noopener noreferrer">
            <div class="blogcard_thumbnail"><img decoding="async" src="https://www.ds-pedia.com/wp-content/uploads/2026/04/Gemini_Generated_Image_a2ml8ia2ml8ia2ml.jpg" alt="美しさの根拠を語れるか。数字を武器にするデザイナーの静かなる提案力" 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">美しさの根拠を語れるか。数字を武器にするデザイナーの静かなる提案力</div>
                <div class="blogcard_excerpt">こんにちは！ UIデザイナーのYunyです。 日々の業務のなかで、「このデザイン、なぜこっちが良いと思ったの？」と聞かれ…</div>
            </div>
            <div class="clear"></div>
        </a>
    </div>



<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>
