AI時代のプロダクトマネージャー 10｜ハイファイ優先：この半年、ワイヤーフレームを一枚も描いていない
先週、デザインをやっている友人と食事をしたら、彼のチームはワイヤーフレームを描く工程をまるごと削ったと言った。私は半秒固まって、それから気づいた――自分もそうだ、と。Figma を遡ってみると、あの「ローファイ・ワイヤーフレーム」というボードを、この半年一度も開いていなかった。
私が進歩したわけではない。描いても意味がなくなったのだ。
ワイヤーフレームは安い、それが唯一の取り柄だった
ワイヤーフレーム（wireframe）は、昔なぜ描いたのか。「本当に作る」のが高くつきすぎたからだ。
押せるページを本当に一版作るには、デザイナーが図を出し、フロントが切り出し、行ったり来たりで擦り合わせて、一、二週間はかかる。こんなに高いものだから、当然まず灰色の箱の下描きで大きな方向をそろえてから先へ進む――無駄骨を折らずに済むように。ローファイのワイヤーフレームは、安価な「前もってそろえる」道具だった。安いこと、それが唯一の取り柄だ。
いまは「本当に作る」が高くない。一言で、Lovable、v0、Bolt、Claude Code が数分で、ブラウザの中で本当に押せるページを出してくる。n8n のプロダクトチームはワイヤーフレームの工程をまるごと差し替えてしまった。Delivery Hero のあるディレクターは一時間で自分の手でプロトタイプを一つ作り、エンジニアの手は借りなかった。2026 年の初めには、業界レポートによれば 67% のデザインチームが、すでに AI 生成ツールを日々の流れに組み込んでいた。
「本物を一版作る」と「偽物を一版描く」でかかる時間が変わらなくなったとき、偽物のほうには存在する理由がもうなくなる。
灰色の箱は、本当に問題が起きる場所を隠してしまう
ローファイでいちばん厄介なのは、一部屋の人間を灰色の箱に向かって議論させてしまうことだ。
私はこれで痛い目に遭った。一枚のワイヤーフレームを評価会に出すと、みんなが占位の四角を睨んで「このボタン、あと二マス右に寄せたほうがいいんじゃないか」と言い争う。でもそれは灰色の箱だ――本物のデータもない、読み込み中もない、空のリストもない、エラーの一つもない。本当にひっくり返る場所を、ワイヤーフレームは一つも見せてくれない。いざ本物ができると、問題は全部、それが当初隠してしまった状態の中にある――データが増えると行が崩れる、回線が遅いとグルグルが永遠に回り続ける、ユーザーが初めて入るとまっさらで何をすればいいか分からない。
あのとき以来、私は腹をくくった――みんなに一枚の偽の図を睨んで脳内補完させるくらいなら、いっそ本物を出して、それが走るのを見てもらったほうがいい。
いまは、いきなり走るものを一つ作る
ローファイを飛ばして、いきなり走るハイファイに行く。「ハイファイ」と言っても、実のところ敷居はそんなに高くない。四つのことだけだ。私はだいたいこの順番でやる（正解というわけではなく、私自身がやりやすい流儀だ）：
一つ目、本物のコンテンツを使う、Lorem ipsum は使わない。 占位テキストは人を騙す――一画面ぶんの偽ラテン語は見た目そろっていて綺麗だが、本物の長いタイトル、本物の金額、本物のユーザー名に差し替えた途端、レイアウトが化けの皮を剥がす。だから私は AI に頼むとき、こうはっきり言う：
「注文リストを一つ作って。本物っぽいデータで：日本語の商品名、本物っぽい価格帯、本物のタイムスタンプ、Lorem ipsum は使わない、item1/item2 も使わない。中に一つ、やたら長い商品名を入れて、レイアウトが破綻しないか試して。」
二つ目、状態を全部埋める。 読み込み中、空、エラー、成功、一つも省かない。ここはローファイがいちばん省いてきた、そしていちばん落とし穴になる場所だ。いま私はこう一言追う：「空のリストがどう見えるか、読み込み中がどう見えるか、リクエストが失敗したときどう見えるか、全部作って。一個ずつ押して見ていくから。」
三つ目、本当に押せる、綺麗な一枚のスクショではなく。 押して入れる、戻れる、フォームを一つ埋めて反応を見られる。多くの問題は、指が本当に触れて初めて出てくる。
四つ目、あるべき場所で実際に一度走らせる。 スマホのものはスマホで開く、パソコンでざっと見て通したりしない。「パソコンでは良かったのに、実機だとボタンが押せない」で一度ならず痛い目に遭っている。
一版が数分、だから一度に三、四方向を作る
昔は一版のプロトタイプが高かったので、私はまず頭の中で案を「最適」の一つだけに絞ってから手を動かした――間違えるとコストが高かったからだ。
いまは一版が数分だ。この習慣を私は改めた。何を解決するかを考え抜いたあとは、いっそ AI に一度に三、四方向を作らせて並べて見る：リスト型を一版、カード型を一版、一気通貫を一版、段階誘導を一版。ブラウザに並べて隣り合わせで押してみると、どれがやりやすくて、どれがぎこちないか、頭の中で空想するよりずっとはっきり分かる。一方向を選んでから深く作り込むほうが、最初から一つに賭けて当てにいくより強い。
一つの午後で五方向を試す――これはワイヤーフレームを描いていた時代には、考えることすらできなかった。
唯一、私がずっと警戒しているのは、走るハイファイがあまりに本物すぎて、自分自身が第一版を見て「これでいい、出そう」と思ってしまうことだ。でもそれはただ「押せる」だけで、「出せる」までは十万八千里の隔たりがある――間にはまだ手をつけていない大量の境界ケース、性能、セキュリティ、本物のデータ量が挟まっている。この二つを私は何度か取り違えた。次回はちょうどこれを専門に語ろうと思う。
いま私は自分に、第一版のあともう二版作ることを強いている。私が律儀だからではない。第一版に何度も騙されてきたからだ。
ディスカッション