UX WEAPONS STORE 無料で相談する
UX WEAPONS STORE / 法人向け FDE実践講座のご案内

改修のご依頼を、
“よりよい提案” に変える8時間。

SIer・受託開発のチームが、UX設計力AI設計力の両輪を、架空の改修案件を依頼メールから最終提案まで一周しながら身につける、全4回×2時間の実践講座です。

全4回 × 2時間(計8時間) 実装経験のある開発者・UXデザイナー向け(4〜5名) 題材はすべて架空ケース(機密入力なし)
この講座で得られるもの

8時間で、3つの力が手に入ります。

「言われたとおり作る」だけでは、価格と納期で比べられてしまう時代です。この講座では、その一歩先へ進むための“3つの力”を、架空の改修案件を依頼から提案まで一周しながら、自分の手で身につけます。

1

依頼の“裏”の課題を見抜く力

使う人になりきり、データと現場の声で裏を取って、言われた依頼の奥にある「本当に解くべき問題」を、根拠つきで見つけられるようになります。

2

AIと“動くもの”にする力

短いテキストの要件からAIと対話して、その場で動くHTML画面を立ち上げ、触って確かめながら設計を固められるようになります。

3

自社で回せる“型”

使った要件テンプレ・プロンプト・チェックリストを自社の言葉に直して持ち帰り、翌週の本物の依頼で同じ流れをもう一周できます。

講座の全体像

前半で 「何を作るか」を決め、後半で 「動くもの」に変える

情シスからの1通の見積依頼メールを起点に、課題発見から動くプロトタイプ・提案までを8時間で一周します。着地は「ご依頼の列を追加しました」ではなく、根拠と動くものつきの “よりよい提案” です。

講座8時間の流れ。見積依頼メールを起点に、前半4時間(UX設計力)でなりきって詰まる→データで裏取り→現場の声で検証→体験構造図で本質課題を決める、後半4時間(AI設計力)で要件を書く→構成を選ぶ→画面を動かす→リレー提案へ進む。
前半4時間で本質課題を根拠つきで決め、後半4時間で動くプロトタイプと提案に変える。
題材とワークの進め方

架空の販売管理システムの中の “別々の問題” を、1人ずつ担当します。

受講者は「ある人物になりきって最後まで演じ続ける」のではなく、ひとつの問題を担当する一人のFDE(顧客の現場に入り、何を作るかから決めて実装まで担うエンジニア)として動きます。遠い職種を無理に演じる必要はありません。まず全員が同じ “ダメ画面” を触り、自分の担当問題の当事者になりきって、詰まりを体で見つけます。

最初の演習。全員が同じダメ販売管理画面(受注Noでしか検索できずステータス列がない)を触り、その中の別々の詰まりを1人ひとつずつ担当する。①注文が探せない②進捗が見えない③出荷報告が紙のまま④納期が伝わらない⑤全体が見渡せない。5つは一つの本質課題(進捗・情報の分散)の現れ方。
5つの問題はバラバラではなく、ひとつの本質課題(進捗・情報の分散)の “現れ方” の違い。
現場の担当者の肩越しに、画面と紙の伝票の操作を観察する様子
前半4時間 ── UX設計力

思いつきの改善案を、「根拠つきの本質課題」に変える。

武器 01

コスプレUX ── 聞くのではなく、なりきる

使う人になりきって、その人の状況や制約を自分の体で再現してみる調べ方です。知識がないまま話を聞くと、相手の言葉をなぞるだけの “御用聞き” になりがち。なりきるのは調べるあいだだけで、気づきを持って設計に戻る——この往復が、現場に出て作るFDEの動き方にそのまま重なります。

1

調査

マニアになる

その業務を、人に話せるレベルまで下調べする。

2

観察

現場を感じる

働く様子を隣で見て、表情や仕草まで目に焼き付ける。

3

体験

身体で感じる

同じ条件で自分がやってみて、喜怒哀楽ごと当事者になる。

4

評価

認められる

気づきをまとめ、その道のプロにレビューしてもらう。

検証

三点検証 ── 体感・データ・現場の声で裏を取る

体で見つけた困りごとは、まだ思いつきです。体感(コスプレUX)× データ(業務データパック)× 現場の声(講師が演じるヒアリング)の3つが揃った課題だけを、次の“要件づくり”へ進めます。

三点検証。①体感:営業になりきって操作し納期問い合わせ1件に4分、②データ:問い合わせ30件中18件が納期はいつ、③現場の声:出荷入力は夕方まとめてで昼間のステータスは当てにならない。3つが揃った本質課題=進捗情報が画面・Excel・紙伝票に分散し最新を誰も持っていない。
3つの根拠が揃った課題だけが、要件化に進む。データには矛盾もわざと仕込み、鵜呑みにしない練習も兼ねる。
壁一面の付箋とフロー矢印のジャーニーマップに付箋を貼り、体験の流れを構造化する後ろ姿
武器 02

体験構造図 ── シーン・行動・体験・計測の4層

課題を、シーン(場面)・行動・体験・計測(どの数値で良くなったか)の4層に整理する方法です。「どの場面の、どの体験を、どの数値で良くするか」まで言葉にできるので、話し合いの土台が “意見” から “事実の構造” に変わります。ここでチームは「今回はここを解く」と、直す範囲を1つに絞ります。

体験構造図(As-Is・営業の例)。シーン(顧客から納期を聞かれる→注文を探す→倉庫に確認→折り返す)、行動、体験(動機・実行のしやすさ・きっかけ+感情)、計測(納期回答まで平均半日・問い合わせ月30件中18件・検索1件4分)の4層で構造化する。
シーン・行動・体験・計測の4層で、課題が「どの数値で良くするか」まで言語化される。
ノートPCで、AIと作った動くダッシュボード画面を確かめながら設計を進める手元
後半4時間 ── AI設計力

決めたものを、AIと素早く「動くもの」に変える。

AI設計力とは、AIに丸投げする力ではありません。何を・どう作らせ、出てきたものをどう見極め、再現できる形に残すか──その段取りを設計する力です。前半で根拠つきに決めた本質課題を、ここで「要件 → 構成 → 動くプロトタイプ」の順に形にしていきます。

転換

AIとの要件定義 ── 書き切るのをやめ、往復で固める

これまでの要件定義は、書き切ってから渡す一方通行で、完成形を見るのは数週間後でした。AIと組むとここが逆転します。短いテキストで書いた要件をAIが数分で“人が読めるHTML要件ドキュメント”に整えるので、書く→読む→直す、をその場で何周も回せます。人間が書くのは「誰が・何のために・何ができて・データはどこから」という骨組みだけです。

要件定義の比較。これまでは要件定義書を書き切る→実装に渡す→完成形は数週間後→思っていたのと違うで手戻り、という一方通行。講座では①短いテキストで要件の骨組み→②AIが読めるHTML要件ドキュメントに整える→③ブラウザで開いて読み違和感に気づく→④要件を直す、をその場で何周も回す。読めるドキュメントが設計書になる。
要件定義が「文書を完成させる工程」から、「読めるドキュメントと往復して固める工程」に変わる。
判断

構成は、AIに複数案を出させて「選ぶ」

作り始める前に、システム構成もAIと一緒に考えます。AIに案を複数出させ、既存資産を活かせるか・段階的に導入できるか・運用の負荷はどうかという評価軸で並べて比較し、選んだ理由を自分の言葉で説明できるようにします。生成はAIに任せても、選ぶ責任は人間が持つ。ここがAI設計力の背骨です。

武器 03

HTML設計 ── 要件を“人が読める”HTML形式のドキュメントにする

HTML設計は、Excelの分厚い仕様書や、書き手向けのMarkdownの代わりに、見出し・表・画面ラフ・受入条件を整理した“人が見やすいHTML形式の要件ドキュメント”を作る手法です。アプリとして動かすのが目的ではなく、ブラウザで開けばそのまま読める“設計書”をつくること。顧客も現場も同じものを見られるので、仕様を読み解いてもらう負担が減り、認識のずれが納品前に見つかります。

なぜ、わざわざHTMLなのか。理由は、この4つに集約されます。

誰でも、その場で開ける

特別な環境やインストールは不要。顧客も現場も情シスも、ブラウザで開いてそのまま読めます。

AIで素早く整えられる

要件の骨組みを渡せば、数分で見やすいHTML形式のドキュメントに整います。

絵と表で誤解が減る

画面ラフ・データ表・受入条件で“何を作るか”を具体的に共有でき、認識のずれを防げます。

そのまま提案物になる

体裁の整ったドキュメントなので、顧客への提案・合意の土台にそのまま使えます。

進め方はシンプルです。要件の骨組みをAIに渡して、まず“人が読めるHTML形式の要件ドキュメント”に整え、顧客や現場に見せて「ここはこうしたい」を自然な言葉で反映していく。固まった要件からは、AIが動く画面(プロト)も立ち上げられます。各自のドキュメントを持ち寄れば、販売管理システムの“あるべき姿”が、誰でも読める形でそろいます。

Markdownの素のテキストではなく、見出し・目的・画面ラフ・データ表・受入条件を整理した“人が見やすいHTML形式の要件ドキュメント”を作る。顧客や現場もブラウザで開いてそのまま読める。動かすアプリではなく、開いて読む設計書。
要件はMarkdownのままにせず、“人が読めるHTML形式の要件ドキュメント”に。動かすアプリではなく、開いて読む設計書。
成果

同じ依頼への、2つの答え

最終回は、依頼主に向けた10分のリレー提案です。Before実演 → 本質課題と根拠 → 各自が担当した問題のAfterデモ → 構成と効果。「列を追加しました」ではなく、「御社の詰まりはここで、こう解けます。動くものがこちらです」という提案に変わります。

同じ依頼への2つの答え。左:受注一覧にステータス列を1本追加しただけで、倉庫の入力が夕方のままなので昼間は古い表示になり電話も減らない。右:受注ステータスボードで進捗がひと目でわかり、現場はスマホで完了報告して即時反映、顧客は納期ページで自分で確認できる。
「画面の改修」が「業務の詰まりを解く提案」に変わる ── 仕様書ではなく、動くもので合意する。
持ち帰るもの

8時間後、手元に残るのは 成果物より「自社で回せる型」

動くプロトタイプを含む6点の成果物に加えて、講座で使った要件テンプレート・プロンプト・チェックリストを “自社の型 v1” として自分たちの言葉で書き直して持ち帰ります。翌週に届く本物の改修依頼で、同じ流れをもう一周できる状態がゴールです。

課題仮説シート事実→分析→仮説(根拠つき)
体験構造図(いまの姿/あるべき姿)+改善方針1枚
要件ドラフトAIに渡せる短いテキスト
システム構成の方針案を比べて、選んだ理由
動くHTMLプロトタイプBefore→After・問題別の画面セット
リレー提案ストーリー10分の提案の型
+ 自社の型 v1 要件テンプレート・プロンプト集・AI出力チェックリスト一式を、実際に使って手に馴染んだ形に直して持ち帰る。
ノートPCの動く画面を囲み、手元で指し示しながらチームで提案をまとめる様子
開催概要

実務に即した、手を動かす4回。

日程・時間
全4回 × 2時間(計8時間)。週1または隔週ペースで実施(回間に30分ほどのミニ課題)。
対象
実装経験のある開発者・UXデザイナー。4〜5名のチーム単位を想定(1人1問題を担当)。
進め方
全員が個々に手を動かす個人ワーク中心。分厚い仕様書ではなく、動くプロトタイプで合意を取る進め方を体験します。
AI環境
受講企業がふだん使っているAI環境に合わせて実施。生成したHTMLはブラウザで開くだけで動きます(特別なインストール不要)。
安全性
題材・データはすべて架空のモデルケース。機密情報をAIに入れる心配がなく、情シス部門への説明もしやすい設計です。

自社で、この型を 回せるように。

「自社でFDE組織を立ち上げたい」「まず何から始めればいいか相談したい」── プログラムの全体像と、御社に合わせた進め方を、個別にご案内します。