[{"data":1,"prerenderedAt":1480},["ShallowReactive",2],{"article-\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi":3,"article-series-none":1479},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"author":12,"writer":13,"thumbnail":14,"tags":15,"faq":20,"body":36,"_type":1473,"_id":1474,"_source":1475,"_file":1476,"_stem":1477,"_extension":1478},"\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi","articles",false,"","モックアップから始める要件定義｜生成AIで商談の段階から画面を作り、現場に当てて要件を固める進め方","生成AIで画面の試作（モックアップ・プロトタイプ）を短時間で作れるようになり、要件定義の進め方が変わりつつあります。商談の段階からモックアップを作って現場に当てると何が分かるのか、誰に見せて何を聞き、聞き取りをどう要件に戻すのか、気をつけること、発注側が提案を比べるときの見方までを解説します。","2026-11-12","要件定義","K.S.ロジャース株式会社","tamiwa","\u002Fimg\u002Fcontents\u002Fnews\u002Fthumb162.jpg",[11,16,17,18,19],"モックアップ","プロトタイプ","生成AI","システム開発",[21,24,27,30,33],{"q":22,"a":23},"要件定義でモックアップを作るのは、いつがよいですか？","これまでは、要件定義の終盤に、決めた内容を確かめるために作ることが多くありました。生成AIで画面を短時間で作れるようになった今は、提案・商談の段階で作り、実際に使う人に見てもらうほうが、早い段階でずれを見つけられます。ただし、最初のモックアップは仮説を確かめるための試作で、作り込む必要はありません。",{"q":25,"a":26},"モックアップとプロトタイプの違いは何ですか？","モックアップは、画面の見た目と項目の並びを示す試作です。プロトタイプは、画面の移り変わりやボタンの動きまで触って確かめられる試作を指すことが多く、どちらも完成品ではありません。生成AIのツールでは、動くプロトタイプに近いものまで短時間で作れるようになり、両者の境目は小さくなっています。",{"q":28,"a":29},"生成AIで作ったモックアップがあれば、要件定義書は要りませんか？","要ります。モックアップは「どう見えるか」は伝えますが、例外のときの扱い、データの持ち方、権限、性能やセキュリティなどの非機能要件、そして「やらないこと」は画面に出てきません。モックアップで現場と合意した内容を、要件定義書に言葉で残しておくことで、開発側が見積もり・実装できる形になります。",{"q":31,"a":32},"モックアップを現場に見せるときは、何を聞けばよいですか？","「この画面はどうですか」と感想を聞くだけでなく、ふだんの業務の流れの中でいつ使うか、今はその作業をどうしているか、困っていること、今のシステムで不具合や使いにくい点はないか、までを聞きます。画面の色や配置の好みより、業務と例外の話を引き出すことを優先します。",{"q":34,"a":35},"開発会社の提案を比べるとき、モックアップの有無は見たほうがよいですか？","判断材料の1つになります。提案の段階で画面の試作を持ってきて、実際に使う人の話を聞きに来るかどうかは、その会社が業務と利用者をどこまで理解しようとしているかの目安になります。ただし、見た目のきれいさで選ぶのではなく、聞き取った内容が提案にどう反映されているかを確かめることが大切です。",{"type":37,"children":38,"toc":1454},"root",[39,47,60,74,118,125,130,135,256,280,296,302,307,386,397,402,408,413,418,446,458,463,469,474,573,578,593,598,616,621,626,642,649,654,672,678,690,695,707,722,728,733,745,858,876,891,897,902,1000,1005,1011,1016,1035,1040,1045,1161,1174,1180,1185,1272,1277,1282,1288,1301,1402,1407,1412,1441],{"type":40,"tag":41,"props":42,"children":43},"element","p",{},[44],{"type":45,"value":46},"text","「要件定義書を何十ページも読んで承認したのに、できあがった画面を見たら現場から『これでは使えない』と言われた」。システム開発でよく聞く話です。文書で要件を固めてから作る進め方では、実際に使う人が画面を目にするのは、要件定義の終盤か、開発が進んでからになりがちでした。",{"type":40,"tag":41,"props":48,"children":49},{},[50,52,58],{"type":45,"value":51},"この順番が、生成AIで変わりつつあります。画面の試作（モックアップ）を短い時間で作れるようになり、要件定義に入る前の",{"type":40,"tag":53,"props":54,"children":55},"strong",{},[56],{"type":45,"value":57},"提案・商談の段階から",{"type":45,"value":59},"画面を作って、実際に使う人に見てもらうことが現実的になりました。",{"type":40,"tag":41,"props":61,"children":62},{},[63,65,72],{"type":45,"value":64},"本記事では、モックアップを先に作って現場に当てる進め方を、K.S.Rogers の現場で起きている変化とあわせて整理します。モックアップを要件定義の中で合意の道具として使う方法は、",{"type":40,"tag":66,"props":67,"children":69},"a",{"href":68},"\u002Farticles\u002Fyoken-teigi-susumekata\u002F",[70],{"type":45,"value":71},"要件定義の進め方",{"type":45,"value":73},"のステップ5で扱っているので、ここでは「もっと前の段階で作る」ことに絞ります。",{"type":40,"tag":75,"props":76,"children":77},"blockquote",{},[78,86],{"type":40,"tag":41,"props":79,"children":80},{},[81],{"type":40,"tag":53,"props":82,"children":83},{},[84],{"type":45,"value":85},"この記事の要点",{"type":40,"tag":87,"props":88,"children":89},"ul",{},[90,96,108,113],{"type":40,"tag":91,"props":92,"children":93},"li",{},[94],{"type":45,"value":95},"生成AIで画面の試作が手軽になり、モックアップを作る時期を、要件定義の終盤から提案・商談の段階へ前倒しできるようになりました",{"type":40,"tag":91,"props":97,"children":98},{},[99,101,106],{"type":45,"value":100},"先に作った画面を実際に使う人に当てると、使い勝手だけでなく、現場の業務、課題に感じていること、今のシステムの不具合まで聞き取れます。聞き取った内容は、要件・やらないこと・確認事項に仕分けて提案と要件定義書に戻します。いちばん大事なのは、",{"type":40,"tag":53,"props":102,"children":103},{},[104],{"type":45,"value":105},"使う人にどんなメリットがあるか",{"type":45,"value":107},"を画面を前にすり合わせることです",{"type":40,"tag":91,"props":109,"children":110},{},[111],{"type":45,"value":112},"当社でも、この半年〜1年で、商談の段階からモックアップを作って当てに行くことが大きく増えました。店舗を展開している会社様では、店舗に伺って店長やスタッフの方に画面を見ていただき、その聞き取りをもとに提案しています",{"type":40,"tag":91,"props":114,"children":115},{},[116],{"type":45,"value":117},"モックアップは完成品ではありません。作り込みすぎず、見た目の議論に寄せず、合意した内容は要件定義書に言葉で残します",{"type":40,"tag":119,"props":120,"children":122},"h2",{"id":121},"要件定義の進め方は何が変わったのか",[123],{"type":45,"value":124},"要件定義の進め方は、何が変わったのか",{"type":40,"tag":41,"props":126,"children":127},{},[128],{"type":45,"value":129},"これまでの一般的な進め方では、商談では文書や過去の事例で提案し、受注してから要件定義に入り、ヒアリングと文書で要件を固め、その終盤に画面のイメージで確認する、という順番でした。画面を作るには、デザインやコーディングの手間がかかるため、何を作るかがある程度決まってからでないと作れなかったからです。",{"type":40,"tag":41,"props":131,"children":132},{},[133],{"type":45,"value":134},"生成AIで画面の試作にかかる手間が小さくなったことで、この順番を入れ替えられるようになりました。",{"type":40,"tag":136,"props":137,"children":138},"table",{},[139,161],{"type":40,"tag":140,"props":141,"children":142},"thead",{},[143],{"type":40,"tag":144,"props":145,"children":146},"tr",{},[147,151,156],{"type":40,"tag":148,"props":149,"children":150},"th",{},[],{"type":40,"tag":148,"props":152,"children":153},{},[154],{"type":45,"value":155},"これまで",{"type":40,"tag":148,"props":157,"children":158},{},[159],{"type":45,"value":160},"いま",{"type":40,"tag":162,"props":163,"children":164},"tbody",{},[165,184,202,220,238],{"type":40,"tag":144,"props":166,"children":167},{},[168,174,179],{"type":40,"tag":169,"props":170,"children":171},"td",{},[172],{"type":45,"value":173},"画面を最初に見る時期",{"type":40,"tag":169,"props":175,"children":176},{},[177],{"type":45,"value":178},"要件定義の終盤、または開発中",{"type":40,"tag":169,"props":180,"children":181},{},[182],{"type":45,"value":183},"提案・商談の段階",{"type":40,"tag":144,"props":185,"children":186},{},[187,192,197],{"type":40,"tag":169,"props":188,"children":189},{},[190],{"type":45,"value":191},"提案の材料",{"type":40,"tag":169,"props":193,"children":194},{},[195],{"type":45,"value":196},"文書、過去の事例、概算の見積もり",{"type":40,"tag":169,"props":198,"children":199},{},[200],{"type":45,"value":201},"文書に加えて、相手の業務に合わせたモックアップ",{"type":40,"tag":144,"props":203,"children":204},{},[205,210,215],{"type":40,"tag":169,"props":206,"children":207},{},[208],{"type":45,"value":209},"現場の声を聞く相手",{"type":40,"tag":169,"props":211,"children":212},{},[213],{"type":45,"value":214},"発注側の担当者・情報システム部門が中心",{"type":40,"tag":169,"props":216,"children":217},{},[218],{"type":45,"value":219},"実際に使う店長・スタッフなど、現場の人まで",{"type":40,"tag":144,"props":221,"children":222},{},[223,228,233],{"type":40,"tag":169,"props":224,"children":225},{},[226],{"type":45,"value":227},"聞き取りの中身",{"type":40,"tag":169,"props":229,"children":230},{},[231],{"type":45,"value":232},"「どんな機能が欲しいか」",{"type":40,"tag":169,"props":234,"children":235},{},[236],{"type":45,"value":237},"画面を前にした使い勝手、業務の流れ、課題、今のシステムの不具合",{"type":40,"tag":144,"props":239,"children":240},{},[241,246,251],{"type":40,"tag":169,"props":242,"children":243},{},[244],{"type":45,"value":245},"要件定義の出発点",{"type":40,"tag":169,"props":247,"children":248},{},[249],{"type":45,"value":250},"ゼロから要望を集める",{"type":40,"tag":169,"props":252,"children":253},{},[254],{"type":45,"value":255},"現場に当てたモックアップと聞き取りの記録",{"type":40,"tag":257,"props":258,"children":259},"picture",{},[260,262,270,271],{"type":45,"value":261},"\n  ",{"type":40,"tag":263,"props":264,"children":269},"source",{"media":265,"srcSet":266,"width":267,"height":268},"(max-width: 768px)","\u002Fimg\u002Fcontents\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi\u002Fkorekara-ima-sp.svg",420,824,[],{"type":45,"value":261},{"type":40,"tag":272,"props":273,"children":279},"img",{"src":274,"alt":275,"width":276,"height":277,"loading":278},"\u002Fimg\u002Fcontents\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi\u002Fkorekara-ima.svg","これまでといまの進め方の比較。これまでは、商談では文書で提案し、要件定義の終盤に画面で確認してから設計・開発に進んでいた。いまは、商談の段階でモックアップを作って現場に当て、聞き取りを反映して提案し、モックアップを直しながら要件定義書にまとめてから設計・開発に進む",800,400,"lazy",[],{"type":40,"tag":75,"props":281,"children":282},{},[283,291],{"type":40,"tag":41,"props":284,"children":285},{},[286],{"type":40,"tag":53,"props":287,"children":288},{},[289],{"type":45,"value":290},"K.S.Rogers の現場から",{"type":40,"tag":41,"props":292,"children":293},{},[294],{"type":45,"value":295},"これまでの当社の提案は、「まず要件定義の工程をしっかり設けて、そこから進めましょう」という形が基本でした。生成AIでモックアップを作りやすくなり、利用者がその画面をどう使うか（ユーザー体験）もつかみやすくなったことで、この半年〜1年は、提案・商談の段階からモックアップを作って当てに行くことが大きく増えています。そこまでやらなければ受注にはつながらず、当社がご一緒する価値もない、と考えています。要件定義の手前の商談から、進め方そのものが変わってきました。",{"type":40,"tag":119,"props":297,"children":299},{"id":298},"モックアッププロトタイプとは-要件定義での役割",[300],{"type":45,"value":301},"モックアップ・プロトタイプとは ―― 要件定義での役割",{"type":40,"tag":41,"props":303,"children":304},{},[305],{"type":45,"value":306},"本題に入る前に、言葉をそろえておきます。画面の試作には、作り込みの度合いによっていくつかの呼び方があります。",{"type":40,"tag":136,"props":308,"children":309},{},[310,331],{"type":40,"tag":140,"props":311,"children":312},{},[313],{"type":40,"tag":144,"props":314,"children":315},{},[316,321,326],{"type":40,"tag":148,"props":317,"children":318},{},[319],{"type":45,"value":320},"呼び方",{"type":40,"tag":148,"props":322,"children":323},{},[324],{"type":45,"value":325},"中身",{"type":40,"tag":148,"props":327,"children":328},{},[329],{"type":45,"value":330},"主に確かめること",{"type":40,"tag":162,"props":332,"children":333},{},[334,352,369],{"type":40,"tag":144,"props":335,"children":336},{},[337,342,347],{"type":40,"tag":169,"props":338,"children":339},{},[340],{"type":45,"value":341},"ワイヤーフレーム",{"type":40,"tag":169,"props":343,"children":344},{},[345],{"type":45,"value":346},"線と箱で、画面の項目と配置だけを示したもの",{"type":40,"tag":169,"props":348,"children":349},{},[350],{"type":45,"value":351},"画面に何を載せるか",{"type":40,"tag":144,"props":353,"children":354},{},[355,359,364],{"type":40,"tag":169,"props":356,"children":357},{},[358],{"type":45,"value":16},{"type":40,"tag":169,"props":360,"children":361},{},[362],{"type":45,"value":363},"見た目まで完成形に近づけた、動かない画面",{"type":40,"tag":169,"props":365,"children":366},{},[367],{"type":45,"value":368},"見え方、項目の並び、言葉づかい",{"type":40,"tag":144,"props":370,"children":371},{},[372,376,381],{"type":40,"tag":169,"props":373,"children":374},{},[375],{"type":45,"value":17},{"type":40,"tag":169,"props":377,"children":378},{},[379],{"type":45,"value":380},"画面の移り変わりやボタンの動きまで触れるもの",{"type":40,"tag":169,"props":382,"children":383},{},[384],{"type":45,"value":385},"操作の流れ、使い勝手",{"type":40,"tag":41,"props":387,"children":388},{},[389,391,395],{"type":45,"value":390},"どれも完成品ではなく、「作るものを、関係者が同じ絵で思い浮かべる」ための道具です。要件定義の中でモックアップを使って認識のずれをつぶす効果は大きく、当社の支援でも、使われなくなっていたシステムを、利用者への調査とモックアップでの合意から作り直し、利用率が20%から65%に上がった例があります（詳しくは",{"type":40,"tag":66,"props":392,"children":393},{"href":68},[394],{"type":45,"value":71},{"type":45,"value":396},"）。",{"type":40,"tag":41,"props":398,"children":399},{},[400],{"type":45,"value":401},"生成AIのツールでは、言葉で伝えるだけで、触って動かせるプロトタイプに近いものまで作れるようになりました。本記事では、この3つをまとめて「モックアップ」と呼びます。",{"type":40,"tag":119,"props":403,"children":405},{"id":404},"生成aiで商談の段階のモックアップが現実的になった",[406],{"type":45,"value":407},"生成AIで、商談の段階のモックアップが現実的になった",{"type":40,"tag":41,"props":409,"children":410},{},[411],{"type":45,"value":412},"画面の試作を作るには、これまでデザイナーやエンジニアの手が必要でした。何を作るかが決まっていない商談の段階で、相手の業務に合わせた画面を毎回作るのは、手間の面で現実的ではありませんでした。",{"type":40,"tag":41,"props":414,"children":415},{},[416],{"type":45,"value":417},"いまは、画面に載せたい項目や業務の流れを文章で伝えると、試作の画面を作ってくれるツールがあります。たとえば次のようなものです（いずれも2026年10月確認）。",{"type":40,"tag":87,"props":419,"children":420},{},[421,434],{"type":40,"tag":91,"props":422,"children":423},{},[424,432],{"type":40,"tag":66,"props":425,"children":429},{"href":426,"rel":427},"https:\u002F\u002Fwww.figma.com\u002Fmake\u002F",[428],"nofollow",[430],{"type":45,"value":431},"Figma Make",{"type":45,"value":433},"：Figma が提供するツールで、テキストの指示からプロトタイプやアプリを作れます。作ったものはキャンバス上で見た目を調整できます",{"type":40,"tag":91,"props":435,"children":436},{},[437,444],{"type":40,"tag":66,"props":438,"children":441},{"href":439,"rel":440},"https:\u002F\u002Fv0.app\u002F",[428],[442],{"type":45,"value":443},"v0",{"type":45,"value":445},"：Vercel の AI エージェントで、言葉で伝えた内容から画面とコードを作れます",{"type":40,"tag":41,"props":447,"children":448},{},[449,451,456],{"type":45,"value":450},"ツールの名前は、ここでは例として挙げています。大切なのは、提案の前に",{"type":40,"tag":53,"props":452,"children":453},{},[454],{"type":45,"value":455},"相手の業務に合わせた画面を何度でも作り直せる",{"type":45,"value":457},"ようになったことです。1回目の訪問で聞いた話をもとに画面を直し、2回目の訪問でまた見ていただく、という往復が、商談の期間の中で回せるようになりました。",{"type":40,"tag":41,"props":459,"children":460},{},[461],{"type":45,"value":462},"一方で、手軽に作れるからこそ、何を確かめるために作るのかを先に決めておかないと、きれいな画面が増えるだけになります。この点は後の「気をつけること」で扱います。",{"type":40,"tag":119,"props":464,"children":466},{"id":465},"モックアップを先に現場に当てると何が分かるのか",[467],{"type":45,"value":468},"モックアップを先に現場に当てると、何が分かるのか",{"type":40,"tag":41,"props":470,"children":471},{},[472],{"type":45,"value":473},"画面を前にすると、会議室で「どんな機能が欲しいですか」と聞いたときには出てこない話が出てきます。先に当てることで分かるのは、主に次の4つです。",{"type":40,"tag":136,"props":475,"children":476},{},[477,498],{"type":40,"tag":140,"props":478,"children":479},{},[480],{"type":40,"tag":144,"props":481,"children":482},{},[483,488,493],{"type":40,"tag":148,"props":484,"children":485},{},[486],{"type":45,"value":487},"分かること",{"type":40,"tag":148,"props":489,"children":490},{},[491],{"type":45,"value":492},"例",{"type":40,"tag":148,"props":494,"children":495},{},[496],{"type":45,"value":497},"要件定義でどう効くか",{"type":40,"tag":162,"props":499,"children":500},{},[501,519,537,555],{"type":40,"tag":144,"props":502,"children":503},{},[504,509,514],{"type":40,"tag":169,"props":505,"children":506},{},[507],{"type":45,"value":508},"利用者の体験（使い勝手）",{"type":40,"tag":169,"props":510,"children":511},{},[512],{"type":45,"value":513},"「この項目は一番上に欲しい」「立ったまま片手で入力したい」",{"type":40,"tag":169,"props":515,"children":516},{},[517],{"type":45,"value":518},"画面の構成、操作の流れ、使う端末",{"type":40,"tag":144,"props":520,"children":521},{},[522,527,532],{"type":40,"tag":169,"props":523,"children":524},{},[525],{"type":45,"value":526},"現場の業務の流れ",{"type":40,"tag":169,"props":528,"children":529},{},[530],{"type":45,"value":531},"「この画面を開く前に、紙の伝票を確認している」",{"type":40,"tag":169,"props":533,"children":534},{},[535],{"type":45,"value":536},"業務フロー、システムに入れる範囲・入れない範囲",{"type":40,"tag":144,"props":538,"children":539},{},[540,545,550],{"type":40,"tag":169,"props":541,"children":542},{},[543],{"type":45,"value":544},"課題に感じていること",{"type":40,"tag":169,"props":546,"children":547},{},[548],{"type":45,"value":549},"「月末に同じ数字を何度も集計し直している」",{"type":40,"tag":169,"props":551,"children":552},{},[553],{"type":45,"value":554},"優先順位、最初のリリースに入れるもの",{"type":40,"tag":144,"props":556,"children":557},{},[558,563,568],{"type":40,"tag":169,"props":559,"children":560},{},[561],{"type":45,"value":562},"今のシステムの不具合",{"type":40,"tag":169,"props":564,"children":565},{},[566],{"type":45,"value":567},"「この画面は、ときどき固まる」「この数字は手で直している」",{"type":40,"tag":169,"props":569,"children":570},{},[571],{"type":45,"value":572},"移行で引き継がないもの、直すべき前提",{"type":40,"tag":41,"props":574,"children":575},{},[576],{"type":45,"value":577},"特に4つめの「今のシステムの不具合」は、新しいシステムの話だけをしていると出てきにくい情報です。今の画面と並べて新しい画面を見せると、「今のこれが困っている」という話につながりやすくなります。",{"type":40,"tag":75,"props":579,"children":580},{},[581,588],{"type":40,"tag":41,"props":582,"children":583},{},[584],{"type":40,"tag":53,"props":585,"children":586},{},[587],{"type":45,"value":290},{"type":40,"tag":41,"props":589,"children":590},{},[591],{"type":45,"value":592},"店舗を展開している会社様へのご提案では、店舗に伺い、店長やスタッフの方にモックアップを見ていただきながら、「この使い勝手はどうですか」とお聞きしました。あわせて、店舗での業務の流れ、課題に感じていること、今お使いのシステムの不具合まで伺い、それをもとに提案をまとめています。本社で伺う要望だけでなく、毎日その画面を使う方の声を、提案の段階から入れておくことを大切にしています。",{"type":40,"tag":41,"props":594,"children":595},{},[596],{"type":45,"value":597},"店舗の業務なら、商談の段階で用意する画面は、たとえば次のようなものです。お客様がスマホで見る画面と、店舗のスタッフがタブレットで使う画面を、1つの仕組みの両側として見せます。下の図は説明のために作ったダミーの画面（架空の自転車店）で、実際のご提案の画面ではありません。",{"type":40,"tag":257,"props":599,"children":600},{},[601,602,608,609],{"type":45,"value":261},{"type":40,"tag":263,"props":603,"children":607},{"media":265,"srcSet":604,"width":605,"height":606},"\u002Fimg\u002Fcontents\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi\u002Fmock-dummy-sp.jpg",840,1376,[],{"type":45,"value":261},{"type":40,"tag":272,"props":610,"children":615},{"src":611,"alt":612,"width":613,"height":614,"loading":278},"\u002Fimg\u002Fcontents\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi\u002Fmock-dummy.jpg","モックアップの例（説明用のダミー画面）。左はお客様のスマホの画面で、登録している自転車の一覧と点検・修理の予約ボタンがある。右は店舗スタッフのタブレットの画面で、今日の予約の一覧（時間・お客様・経路・ご用件・事前情報・担当・状態）が並ぶ",1600,996,[],{"type":40,"tag":119,"props":617,"children":619},{"id":618},"現場に当てるときの進め方",[620],{"type":45,"value":618},{"type":40,"tag":41,"props":622,"children":623},{},[624],{"type":45,"value":625},"モックアップを作って見せるだけでは、聞き取りが「いいですね」「ここの色が」で終わってしまいます。作る前から、聞き取りを提案と要件に戻すところまでを、ひと続きで考えておきます。",{"type":40,"tag":257,"props":627,"children":628},{},[629,630,635,636],{"type":45,"value":261},{"type":40,"tag":263,"props":631,"children":634},{"media":265,"srcSet":632,"width":267,"height":633},"\u002Fimg\u002Fcontents\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi\u002Fgenba-ni-ateru-sp.svg",810,[],{"type":45,"value":261},{"type":40,"tag":272,"props":637,"children":641},{"src":638,"alt":639,"width":276,"height":640,"loading":278},"\u002Fimg\u002Fcontents\u002Farticles\u002Fmockup-kara-hajimeru-yoken-teigi\u002Fgenba-ni-ateru.svg","モックアップを現場に当てて要件に戻すまでの流れ。1. 仮説を画面にする、2. 使う人に見せる、3. 使い勝手と業務・課題・今のシステムの不具合を聞く、4. 要件・やらないこと・確認事項に仕分ける、5. 提案と要件定義書に戻す。仕分けた結果で画面を直し、もう一度現場に当てる",380,[],{"type":40,"tag":643,"props":644,"children":646},"h3",{"id":645},"_1-仮説を画面にする",[647],{"type":45,"value":648},"1. 仮説を画面にする",{"type":40,"tag":41,"props":650,"children":651},{},[652],{"type":45,"value":653},"最初の打ち合わせで伺った話から、「この業務の、この場面で、こう使うのではないか」という仮説を立て、それを画面にします。画面の数は、仮説を確かめるのに必要な数枚で十分です。すべての機能を網羅する必要はありません。",{"type":40,"tag":87,"props":655,"children":656},{},[657,662,667],{"type":40,"tag":91,"props":658,"children":659},{},[660],{"type":45,"value":661},"業務の中で一番よく使う場面の画面から作る",{"type":40,"tag":91,"props":663,"children":664},{},[665],{"type":45,"value":666},"項目名や言葉づかいは、相手の社内で使っている言葉に合わせる",{"type":40,"tag":91,"props":668,"children":669},{},[670],{"type":45,"value":671},"実在のお客様の名前や数字は入れず、仮のデータで作る",{"type":40,"tag":643,"props":673,"children":675},{"id":674},"_2-誰に見せるかを決める",[676],{"type":45,"value":677},"2. 誰に見せるかを決める",{"type":40,"tag":41,"props":679,"children":680},{},[681,683,688],{"type":45,"value":682},"見せる相手は、発注の窓口の方だけでなく",{"type":40,"tag":53,"props":684,"children":685},{},[686],{"type":45,"value":687},"実際にその画面を毎日使う人",{"type":45,"value":689},"を含めます。店舗なら店長やスタッフ、工場なら現場の担当者、営業なら外回りの営業担当です。役職の高い方だけに見せると、「こうあるべき」という話に寄り、毎日の使い勝手の話が出てきにくくなります。",{"type":40,"tag":41,"props":691,"children":692},{},[693],{"type":45,"value":694},"可能であれば、現場に伺って、ふだん使う場所で見ていただきます。オンラインでも見せられますが、店舗のレジ横や倉庫の中など、実際に使う環境で見ると、画面の大きさや操作のしやすさについての話が具体的になります。",{"type":40,"tag":41,"props":696,"children":697},{},[698,700,705],{"type":45,"value":699},"もう一つ、見せる相手の中に、",{"type":40,"tag":53,"props":701,"children":702},{},[703],{"type":45,"value":704},"画面を見て自分の業務に置き換えて話せる現場の担当者",{"type":45,"value":706},"を、少なくとも一人は入れておきます。ITに詳しい方である必要はありませんが、画面を見ても使う場面が思い浮かばない方ばかりだと、話が進みにくくなります。",{"type":40,"tag":75,"props":708,"children":709},{},[710,717],{"type":40,"tag":41,"props":711,"children":712},{},[713],{"type":40,"tag":53,"props":714,"children":715},{},[716],{"type":45,"value":290},{"type":40,"tag":41,"props":718,"children":719},{},[720],{"type":45,"value":721},"お話しする相手は、ITに詳しい方ばかりではありません。文書や口頭の説明では伝わらなかったイメージが、モックアップを見て初めて伝わり、「実際に使うとしたらどうか」という感想やコメントが、そこで初めて出てくることがよくあります。モックアップを土台にすることで、初めて議論が進む場面は多いと感じています。それでも、モックアップを見てもイメージがつきにくい方はいらっしゃいます。だからこそ、最低限のITリテラシーがある現場の担当者の方とお話しできることが、とても重要だと考えています。",{"type":40,"tag":643,"props":723,"children":725},{"id":724},"_3-何を聞くかを決めておく",[726],{"type":45,"value":727},"3. 何を聞くかを決めておく",{"type":40,"tag":41,"props":729,"children":730},{},[731],{"type":45,"value":732},"画面の感想を聞くだけで終わらないよう、聞くことを先に決めておきます。",{"type":40,"tag":41,"props":734,"children":735},{},[736,738,743],{"type":45,"value":737},"中でもいちばん大事なのは、",{"type":40,"tag":53,"props":739,"children":740},{},[741],{"type":45,"value":742},"このシステムを使うことで、使う人がどんなメリットを受けられるのか",{"type":45,"value":744},"を、画面を前に説明し、すり合わせることです。「便利になります」ではなく、「この入力が要らなくなる」「この確認がその場でできる」と、その人の毎日の仕事に置き換えて話せるかどうかで、提案の受け止められ方が変わります。",{"type":40,"tag":136,"props":746,"children":747},{},[748,764],{"type":40,"tag":140,"props":749,"children":750},{},[751],{"type":40,"tag":144,"props":752,"children":753},{},[754,759],{"type":40,"tag":148,"props":755,"children":756},{},[757],{"type":45,"value":758},"聞くこと",{"type":40,"tag":148,"props":760,"children":761},{},[762],{"type":45,"value":763},"質問例",{"type":40,"tag":162,"props":765,"children":766},{},[767,780,793,806,819,832,845],{"type":40,"tag":144,"props":768,"children":769},{},[770,775],{"type":40,"tag":169,"props":771,"children":772},{},[773],{"type":45,"value":774},"使う人のメリット",{"type":40,"tag":169,"props":776,"children":777},{},[778],{"type":45,"value":779},"「これが使えるようになると、毎日の仕事のどこが楽になりそうですか？」",{"type":40,"tag":144,"props":781,"children":782},{},[783,788],{"type":40,"tag":169,"props":784,"children":785},{},[786],{"type":45,"value":787},"使う場面",{"type":40,"tag":169,"props":789,"children":790},{},[791],{"type":45,"value":792},"「この画面は、1日の中でいつ、どこで開きますか？」",{"type":40,"tag":144,"props":794,"children":795},{},[796,801],{"type":40,"tag":169,"props":797,"children":798},{},[799],{"type":45,"value":800},"今のやり方",{"type":40,"tag":169,"props":802,"children":803},{},[804],{"type":45,"value":805},"「今はこの作業を、何を使ってどうやっていますか？」",{"type":40,"tag":144,"props":807,"children":808},{},[809,814],{"type":40,"tag":169,"props":810,"children":811},{},[812],{"type":45,"value":813},"使い勝手",{"type":40,"tag":169,"props":815,"children":816},{},[817],{"type":45,"value":818},"「この順番で入力できそうですか？迷うところはありますか？」",{"type":40,"tag":144,"props":820,"children":821},{},[822,827],{"type":40,"tag":169,"props":823,"children":824},{},[825],{"type":45,"value":826},"例外",{"type":40,"tag":169,"props":828,"children":829},{},[830],{"type":45,"value":831},"「いつもと違う対応が要るのは、どんなときですか？」",{"type":40,"tag":144,"props":833,"children":834},{},[835,840],{"type":40,"tag":169,"props":836,"children":837},{},[838],{"type":45,"value":839},"課題",{"type":40,"tag":169,"props":841,"children":842},{},[843],{"type":45,"value":844},"「この業務で、一番手間がかかっているのはどこですか？」",{"type":40,"tag":144,"props":846,"children":847},{},[848,853],{"type":40,"tag":169,"props":849,"children":850},{},[851],{"type":45,"value":852},"今のシステム",{"type":40,"tag":169,"props":854,"children":855},{},[856],{"type":45,"value":857},"「今のシステムで、困っていることや手で直している数字はありますか？」",{"type":40,"tag":41,"props":859,"children":860},{},[861,863,867,869,874],{"type":45,"value":862},"聞き取りの観点そのものは、要件定義のヒアリングと変わりません（質問例は",{"type":40,"tag":66,"props":864,"children":865},{"href":68},[866],{"type":45,"value":71},{"type":45,"value":868},"にもまとめています）。違うのは",{"type":40,"tag":53,"props":870,"children":871},{},[872],{"type":45,"value":873},"画面という具体物を前にして聞く",{"type":45,"value":875},"ことで、答えが具体的になる点です。",{"type":40,"tag":75,"props":877,"children":878},{},[879,886],{"type":40,"tag":41,"props":880,"children":881},{},[882],{"type":40,"tag":53,"props":883,"children":884},{},[885],{"type":45,"value":290},{"type":40,"tag":41,"props":887,"children":888},{},[889],{"type":45,"value":890},"当社のご相談では、業務の一覧や書類のサンプルをお送りいただくまでに時間がかかり、検討が止まってしまうことがよくあります。そうした場合は、資料を待つより、1日現場に伺ってその場で業務を見せていただくほうが早く進みます。モックアップを当てるときも同じで、こちらから現場に出向くことが、話を前に進める近道になります。",{"type":40,"tag":643,"props":892,"children":894},{"id":893},"_4-聞き取った内容を仕分ける",[895],{"type":45,"value":896},"4. 聞き取った内容を仕分ける",{"type":40,"tag":41,"props":898,"children":899},{},[900],{"type":45,"value":901},"現場で聞いた話は、そのまま全部を要件にはしません。次の4つに仕分けます。",{"type":40,"tag":136,"props":903,"children":904},{},[905,925],{"type":40,"tag":140,"props":906,"children":907},{},[908],{"type":40,"tag":144,"props":909,"children":910},{},[911,916,920],{"type":40,"tag":148,"props":912,"children":913},{},[914],{"type":45,"value":915},"仕分け",{"type":40,"tag":148,"props":917,"children":918},{},[919],{"type":45,"value":325},{"type":40,"tag":148,"props":921,"children":922},{},[923],{"type":45,"value":924},"戻し先",{"type":40,"tag":162,"props":926,"children":927},{},[928,946,964,982],{"type":40,"tag":144,"props":929,"children":930},{},[931,936,941],{"type":40,"tag":169,"props":932,"children":933},{},[934],{"type":45,"value":935},"要件にする",{"type":40,"tag":169,"props":937,"children":938},{},[939],{"type":45,"value":940},"今回のシステムで実現すること",{"type":40,"tag":169,"props":942,"children":943},{},[944],{"type":45,"value":945},"提案、要件定義書の機能・画面",{"type":40,"tag":144,"props":947,"children":948},{},[949,954,959],{"type":40,"tag":169,"props":950,"children":951},{},[952],{"type":45,"value":953},"今回はやらない",{"type":40,"tag":169,"props":955,"children":956},{},[957],{"type":45,"value":958},"価値はあるが、今回の範囲や予算では見送ること",{"type":40,"tag":169,"props":960,"children":961},{},[962],{"type":45,"value":963},"要件定義書の「やらないこと」",{"type":40,"tag":144,"props":965,"children":966},{},[967,972,977],{"type":40,"tag":169,"props":968,"children":969},{},[970],{"type":45,"value":971},"確認が要る",{"type":40,"tag":169,"props":973,"children":974},{},[975],{"type":45,"value":976},"現場の声と、本社や他部署の方針がぶつかっていること",{"type":40,"tag":169,"props":978,"children":979},{},[980],{"type":45,"value":981},"決裁者との確認事項の一覧",{"type":40,"tag":144,"props":983,"children":984},{},[985,990,995],{"type":40,"tag":169,"props":986,"children":987},{},[988],{"type":45,"value":989},"今のシステムの課題",{"type":40,"tag":169,"props":991,"children":992},{},[993],{"type":45,"value":994},"不具合や、手で補っている作業",{"type":40,"tag":169,"props":996,"children":997},{},[998],{"type":45,"value":999},"移行の方針、引き継がないものの一覧",{"type":40,"tag":41,"props":1001,"children":1002},{},[1003],{"type":45,"value":1004},"「確認が要る」に入るものは、特に大事です。現場の要望と本社の方針が食い違うことは珍しくありません。どちらかに勝手に寄せず、決める立場の方に判断していただく材料として残します。",{"type":40,"tag":643,"props":1006,"children":1008},{"id":1007},"_5-提案と要件定義書に戻し画面を直してもう一度当てる",[1009],{"type":45,"value":1010},"5. 提案と要件定義書に戻し、画面を直してもう一度当てる",{"type":40,"tag":41,"props":1012,"children":1013},{},[1014],{"type":45,"value":1015},"仕分けた結果をもとに、提案の範囲・優先順位・概算を組み立てます。あわせて画面を直し、次の打ち合わせや訪問でもう一度見ていただきます。この往復を、提案の段階で1〜2回回しておくと、要件定義に入ったときには「現場で一度確かめた画面」と「聞き取りの記録」が手元にある状態から始められます。",{"type":40,"tag":41,"props":1017,"children":1018},{},[1019,1021,1025,1027,1033],{"type":45,"value":1020},"要件定義そのものの進め方（要求の言語化、やらないことの決め方、合意の取り方）は、",{"type":40,"tag":66,"props":1022,"children":1023},{"href":68},[1024],{"type":45,"value":71},{"type":45,"value":1026},"を、要件定義書に何を書くかは",{"type":40,"tag":66,"props":1028,"children":1030},{"href":1029},"\u002Farticles\u002Fyoken-teigisho-kakikata-kinou-hikinou\u002F",[1031],{"type":45,"value":1032},"要件定義書に書くこと",{"type":45,"value":1034},"をご覧ください。",{"type":40,"tag":119,"props":1036,"children":1038},{"id":1037},"気をつけること",[1039],{"type":45,"value":1037},{"type":40,"tag":41,"props":1041,"children":1042},{},[1043],{"type":45,"value":1044},"モックアップを早く作れるようになったことで、新しいつまずき方も生まれています。",{"type":40,"tag":136,"props":1046,"children":1047},{},[1048,1068],{"type":40,"tag":140,"props":1049,"children":1050},{},[1051],{"type":40,"tag":144,"props":1052,"children":1053},{},[1054,1058,1063],{"type":40,"tag":148,"props":1055,"children":1056},{},[1057],{"type":45,"value":1037},{"type":40,"tag":148,"props":1059,"children":1060},{},[1061],{"type":45,"value":1062},"起きやすいこと",{"type":40,"tag":148,"props":1064,"children":1065},{},[1066],{"type":45,"value":1067},"防ぎ方",{"type":40,"tag":162,"props":1069,"children":1070},{},[1071,1089,1107,1125,1143],{"type":40,"tag":144,"props":1072,"children":1073},{},[1074,1079,1084],{"type":40,"tag":169,"props":1075,"children":1076},{},[1077],{"type":45,"value":1078},"モックアップは完成品ではない",{"type":40,"tag":169,"props":1080,"children":1081},{},[1082],{"type":45,"value":1083},"画面が完成形に見えるため、「もうほとんどできている」と受け取られ、開発の期間や費用の感覚がずれる",{"type":40,"tag":169,"props":1085,"children":1086},{},[1087],{"type":45,"value":1088},"見せるときに「これは確かめるための試作で、裏側の仕組みはまだない」と最初に伝える",{"type":40,"tag":144,"props":1090,"children":1091},{},[1092,1097,1102],{"type":40,"tag":169,"props":1093,"children":1094},{},[1095],{"type":45,"value":1096},"見た目の議論に寄りすぎる",{"type":40,"tag":169,"props":1098,"children":1099},{},[1100],{"type":45,"value":1101},"色やボタンの形の話で時間を使い、業務や例外の話が出てこない",{"type":40,"tag":169,"props":1103,"children":1104},{},[1105],{"type":45,"value":1106},"聞くことを先に決めておく。見た目の要望はメモに残して後回しにする",{"type":40,"tag":144,"props":1108,"children":1109},{},[1110,1115,1120],{"type":40,"tag":169,"props":1111,"children":1112},{},[1113],{"type":45,"value":1114},"要件定義書は要る",{"type":40,"tag":169,"props":1116,"children":1117},{},[1118],{"type":45,"value":1119},"画面で合意したことに満足し、例外の扱い・データ・権限・非機能要件が決まらないまま開発に進む",{"type":40,"tag":169,"props":1121,"children":1122},{},[1123],{"type":45,"value":1124},"画面で合意した内容を、要件定義書に言葉で書き起こす",{"type":40,"tag":144,"props":1126,"children":1127},{},[1128,1133,1138],{"type":40,"tag":169,"props":1129,"children":1130},{},[1131],{"type":45,"value":1132},"作り込みすぎない",{"type":40,"tag":169,"props":1134,"children":1135},{},[1136],{"type":45,"value":1137},"1枚の画面を磨き込み、仮説が外れたときに捨てにくくなる",{"type":40,"tag":169,"props":1139,"children":1140},{},[1141],{"type":45,"value":1142},"確かめたい仮説に必要な画面だけを、粗く作る",{"type":40,"tag":144,"props":1144,"children":1145},{},[1146,1151,1156],{"type":40,"tag":169,"props":1147,"children":1148},{},[1149],{"type":45,"value":1150},"本物のデータを入れない",{"type":40,"tag":169,"props":1152,"children":1153},{},[1154],{"type":45,"value":1155},"外部の生成AIツールに、お客様の名前や社内の数字を入れてしまう",{"type":40,"tag":169,"props":1157,"children":1158},{},[1159],{"type":45,"value":1160},"仮のデータで作る。ツールの利用規約と社内のルールを確かめる",{"type":40,"tag":41,"props":1162,"children":1163},{},[1164,1166,1172],{"type":45,"value":1165},"特に「要件定義書は要る」は強調しておきます。モックアップは「どう見えるか」を伝える道具で、例外のときの扱い、データの持ち方、権限、性能やセキュリティといった非機能要件、そして「今回はやらないこと」は画面に出てきません。画面で合意したことを要件定義書に書き起こして初めて、開発側が見積もり・実装できる形になります。失敗のパターンとしては、",{"type":40,"tag":66,"props":1167,"children":1169},{"href":1168},"\u002Farticles\u002Fyoken-teigi-shippai-genin\u002F",[1170],{"type":45,"value":1171},"要件定義が失敗する原因と防ぎ方",{"type":45,"value":1173},"もあわせてご覧ください。",{"type":40,"tag":119,"props":1175,"children":1177},{"id":1176},"発注側にとっての意味-提案を比べるときの見方",[1178],{"type":45,"value":1179},"発注側にとっての意味 ―― 提案を比べるときの見方",{"type":40,"tag":41,"props":1181,"children":1182},{},[1183],{"type":45,"value":1184},"この変化は、開発会社の側だけの話ではありません。システム開発を発注する側にとっても、提案を比べるときの見方が1つ増えます。",{"type":40,"tag":136,"props":1186,"children":1187},{},[1188,1204],{"type":40,"tag":140,"props":1189,"children":1190},{},[1191],{"type":40,"tag":144,"props":1192,"children":1193},{},[1194,1199],{"type":40,"tag":148,"props":1195,"children":1196},{},[1197],{"type":45,"value":1198},"見る点",{"type":40,"tag":148,"props":1200,"children":1201},{},[1202],{"type":45,"value":1203},"確かめ方",{"type":40,"tag":162,"props":1205,"children":1206},{},[1207,1220,1233,1246,1259],{"type":40,"tag":144,"props":1208,"children":1209},{},[1210,1215],{"type":40,"tag":169,"props":1211,"children":1212},{},[1213],{"type":45,"value":1214},"提案の段階で、自社の業務に合わせた画面の試作を持ってくるか",{"type":40,"tag":169,"props":1216,"children":1217},{},[1218],{"type":45,"value":1219},"過去の事例の画面ではなく、自社の言葉・業務で作られているか",{"type":40,"tag":144,"props":1221,"children":1222},{},[1223,1228],{"type":40,"tag":169,"props":1224,"children":1225},{},[1226],{"type":45,"value":1227},"実際に使う人の話を聞きに来るか",{"type":40,"tag":169,"props":1229,"children":1230},{},[1231],{"type":45,"value":1232},"窓口の担当者だけでなく、現場に伺いたいという申し出があるか",{"type":40,"tag":144,"props":1234,"children":1235},{},[1236,1241],{"type":40,"tag":169,"props":1237,"children":1238},{},[1239],{"type":45,"value":1240},"聞き取った内容が、提案にどう反映されているか",{"type":40,"tag":169,"props":1242,"children":1243},{},[1244],{"type":45,"value":1245},"「現場でこう伺ったので、こうした」という説明があるか",{"type":40,"tag":144,"props":1247,"children":1248},{},[1249,1254],{"type":40,"tag":169,"props":1250,"children":1251},{},[1252],{"type":45,"value":1253},"やらないことや、確認が要ることを示しているか",{"type":40,"tag":169,"props":1255,"children":1256},{},[1257],{"type":45,"value":1258},"要望を全部入れた提案になっていないか",{"type":40,"tag":144,"props":1260,"children":1261},{},[1262,1267],{"type":40,"tag":169,"props":1263,"children":1264},{},[1265],{"type":45,"value":1266},"モックアップと要件定義書を分けて考えているか",{"type":40,"tag":169,"props":1268,"children":1269},{},[1270],{"type":45,"value":1271},"画面だけで進めず、要件を言葉で残す工程が提案に入っているか",{"type":40,"tag":41,"props":1273,"children":1274},{},[1275],{"type":45,"value":1276},"モックアップを持ってくるかどうかは、その会社が業務と利用者をどこまで理解しようとしているかを見る、判断材料の1つになると考えています。ただし、画面のきれいさで選ぶのは避けたほうがよいでしょう。生成AIで見た目の整った画面は作りやすくなったため、見るべきは画面そのものより、その画面を誰に当て、何を聞き、どう提案に反映したかです。",{"type":40,"tag":41,"props":1278,"children":1279},{},[1280],{"type":45,"value":1281},"発注側から「現場の担当者に一度見せてもらえますか」と頼んでみるのも1つの方法です。現場の声を早い段階で入れておくことは、発注側にとっても、できあがってから「使えない」と言われるリスクを減らすことにつながります。",{"type":40,"tag":119,"props":1283,"children":1285},{"id":1284},"ksrogers-の支援",[1286],{"type":45,"value":1287},"K.S.Rogers の支援",{"type":40,"tag":41,"props":1289,"children":1290},{},[1291,1293,1299],{"type":45,"value":1292},"K.S.Rogers では「決まっていないところから一緒に考える」をコンセプトに、",{"type":40,"tag":66,"props":1294,"children":1296},{"href":1295},"\u002Frd\u002F",[1297],{"type":45,"value":1298},"要件定義支援サービス",{"type":45,"value":1300},"を提供しています。モックアップを使って現場の声を早い段階で集め、要件定義書に言葉で落とし込むところまで、発注側と開発側の間に入ってご一緒します。",{"type":40,"tag":136,"props":1302,"children":1303},{},[1304,1330],{"type":40,"tag":140,"props":1305,"children":1306},{},[1307],{"type":40,"tag":144,"props":1308,"children":1309},{},[1310,1315,1320,1325],{"type":40,"tag":148,"props":1311,"children":1312},{},[1313],{"type":45,"value":1314},"プラン",{"type":40,"tag":148,"props":1316,"children":1317},{},[1318],{"type":45,"value":1319},"月額（税別）",{"type":40,"tag":148,"props":1321,"children":1322},{},[1323],{"type":45,"value":1324},"稼働の目安",{"type":40,"tag":148,"props":1326,"children":1327},{},[1328],{"type":45,"value":1329},"こんなときに",{"type":40,"tag":162,"props":1331,"children":1332},{},[1333,1356,1379],{"type":40,"tag":144,"props":1334,"children":1335},{},[1336,1341,1346,1351],{"type":40,"tag":169,"props":1337,"children":1338},{},[1339],{"type":45,"value":1340},"相談・壁打ち",{"type":40,"tag":169,"props":1342,"children":1343},{},[1344],{"type":45,"value":1345},"10万円",{"type":40,"tag":169,"props":1347,"children":1348},{},[1349],{"type":45,"value":1350},"月8時間",{"type":40,"tag":169,"props":1352,"children":1353},{},[1354],{"type":45,"value":1355},"何を作るか、どこから始めるかを相談したい",{"type":40,"tag":144,"props":1357,"children":1358},{},[1359,1364,1369,1374],{"type":40,"tag":169,"props":1360,"children":1361},{},[1362],{"type":45,"value":1363},"要件定義設計",{"type":40,"tag":169,"props":1365,"children":1366},{},[1367],{"type":45,"value":1368},"27万円",{"type":40,"tag":169,"props":1370,"children":1371},{},[1372],{"type":45,"value":1373},"月25時間",{"type":40,"tag":169,"props":1375,"children":1376},{},[1377],{"type":45,"value":1378},"要件の整理から要件定義書の作成まで任せたい",{"type":40,"tag":144,"props":1380,"children":1381},{},[1382,1387,1392,1397],{"type":40,"tag":169,"props":1383,"children":1384},{},[1385],{"type":45,"value":1386},"プロジェクト推進",{"type":40,"tag":169,"props":1388,"children":1389},{},[1390],{"type":45,"value":1391},"50万円",{"type":40,"tag":169,"props":1393,"children":1394},{},[1395],{"type":45,"value":1396},"月50時間",{"type":40,"tag":169,"props":1398,"children":1399},{},[1400],{"type":45,"value":1401},"開発側とのすり合わせを含め、プロジェクトごと推進してほしい",{"type":40,"tag":41,"props":1403,"children":1404},{},[1405],{"type":45,"value":1406},"全国どちらの企業からのご相談にも、面着とオンラインで対応します（よく伺うのは関西・関東・名古屋です）。現場に伺ってお話を聞くことを大切にしています。",{"type":40,"tag":119,"props":1408,"children":1410},{"id":1409},"まとめ",[1411],{"type":45,"value":1409},{"type":40,"tag":87,"props":1413,"children":1414},{},[1415,1426,1431,1436],{"type":40,"tag":91,"props":1416,"children":1417},{},[1418,1420,1424],{"type":45,"value":1419},"生成AIで画面の試作が手軽になり、モックアップを作る時期を、要件定義の終盤から",{"type":40,"tag":53,"props":1421,"children":1422},{},[1423],{"type":45,"value":183},{"type":45,"value":1425},"へ前倒しできるようになりました",{"type":40,"tag":91,"props":1427,"children":1428},{},[1429],{"type":45,"value":1430},"先に作った画面を実際に使う人に当てると、使い勝手だけでなく、現場の業務、課題に感じていること、今のシステムの不具合まで聞き取れます",{"type":40,"tag":91,"props":1432,"children":1433},{},[1434],{"type":45,"value":1435},"聞き取った内容は、要件・やらないこと・確認事項・今のシステムの課題に仕分け、提案と要件定義書に戻します。モックアップは完成品ではなく、要件定義書は引き続き要ります",{"type":40,"tag":91,"props":1437,"children":1438},{},[1439],{"type":45,"value":1440},"発注側は、提案を比べるときに「画面を持って現場に来るか」「聞き取りが提案に反映されているか」を判断材料の1つにできます",{"type":40,"tag":41,"props":1442,"children":1443},{},[1444,1446,1452],{"type":45,"value":1445},"モックアップを使った要件定義の進め方や、開発会社の提案の見方でお悩みの際は、",{"type":40,"tag":66,"props":1447,"children":1449},{"href":1448},"\u002Fcontact\u002F",[1450],{"type":45,"value":1451},"お問い合わせ",{"type":45,"value":1453},"よりお気軽にご相談ください。",{"title":7,"searchDepth":1455,"depth":1455,"links":1456},2,[1457,1458,1459,1460,1461,1469,1470,1471,1472],{"id":121,"depth":1455,"text":124},{"id":298,"depth":1455,"text":301},{"id":404,"depth":1455,"text":407},{"id":465,"depth":1455,"text":468},{"id":618,"depth":1455,"text":618,"children":1462},[1463,1465,1466,1467,1468],{"id":645,"depth":1464,"text":648},3,{"id":674,"depth":1464,"text":677},{"id":724,"depth":1464,"text":727},{"id":893,"depth":1464,"text":896},{"id":1007,"depth":1464,"text":1010},{"id":1037,"depth":1455,"text":1037},{"id":1176,"depth":1455,"text":1179},{"id":1284,"depth":1455,"text":1287},{"id":1409,"depth":1455,"text":1409},"markdown","content:articles:mockup-kara-hajimeru-yoken-teigi.md","content","articles\u002Fmockup-kara-hajimeru-yoken-teigi.md","articles\u002Fmockup-kara-hajimeru-yoken-teigi","md",[],1794410024788]