試作を「本物らしく」する

線だけの図は四角で書かれた論述である。並びは説明でき、流れも示せる。だが、使うとどんな感じかという、意思を決める人が本当に知りたい唯一の問いには答えられない。だから検討の場は「こうだったらいいのに」で終わりやすく、二週間後に同じ場がまた開かれる。この道具は、その繰り返しを切るためにある。道具の並びの中での位置は明確だ。静的な図より先へ進み、実際の記述より安い。

その位置を成り立たせるのは組み立て方である。相互作用の論理は打ち込むのではなく、部品を積んで作る。押す、なぞる、鍵を叩く、時間を数える、これがきっかけになる。動かす、透け方を変える、数値を変える、これが応答になる。積み重ね、変数と条件を足せば、以前は作り手が説明する必要があった流れが、半日で形になる。打ちながら確かめる入力、見出しが縮むあいだに広がる札、進み具合の帯が本当のことを言う複数段の手続き。

結果を「賢い動き」の先へ押し出すのは、機器を模せることだ。傾きの感知、マイク、指紋の照合まで代わりを務められる。だから試作は傾きに応じ、周囲の音の大きさを聞き、ある画面を生体の確認の後ろに置ける。まさに平らな図では語れない相互作用であり、まさに班が何週間も証拠なしに争う種類のものだ。

端末での確認と班での検討

ここでの再現度は論理だけの話ではない。携帯用の機械に再生の仕組みを入れれば、机の上で編集中の中身がそのまま実機に映る。だから、なぞる手触りも動きの拍も、文字で説明するのではなく手で決められる。複数の機器にまたがる筋書きも同じ試作の中に組める。携帯が板状の機械を動かす、二つの画面が仕事を渡す。多くの設計の道具が表せない類の相互作用である。

流れが動くようになれば、一本のつながりで班や試す人に配れる。返事は書類の中の写しではなく、試作そのものに付く。媒体を替えるだけで、話し合いの質が変わる。切り替わりが遅く感じるという覚え書きは意見だ。皆が押せる版の、その切り替わりの上に付いた覚え書きは、場所を持つ不具合である。

この種の試作には二つ目の読み手がいる。設計の班ではない。手間を見積もる人である。押せる流れは、気まずい状態がすでに見つかった流れでもある。静的な画面から出した見積もりと、動く版から出した見積もりの差は、たいてい「驚き」と「計画」の差になる。試作を渡すことは飾りではなく、始まりの会議から問いの一種類をまるごと取り除く。

この道具が意識してやらないことも書いておく。ここは本番の環境ではなく、ここから出荷しようと考えるべきではない。値打ちは、早い段階で答えを強いる問いにある。流れの途中で網が切れたらどうなるか、使えない状態はどう見えるか、二度目の押下は片手で届くのか。試作の中でなら答は安く、開発の一区切りの中では高くつく。

これは、設計と開発のあいだで言葉が尽きる隙間を埋める。相互作用は会議の中の説明ではなく、手に持てるものになる。よい試作は自分で自分の値打ちを語る。

無料の段は個人が始めるのに要るものを包み、班での協働と高度な力は継続の支払いの先にある。工作室が少しずつ取り入れていく道具としては筋の通った形だ。Axure や Figma の試作から移る人にとって学習の坂は緩い。きっかけと応答という考え方が、もともとの相互作用の捉え方と一致するからだ。

どこに置くべきかは簡単に言える。相互作用の設計をする人、製品の担当者、動きを重視する画面の設計者が主に使う。純粋に見た目だけの図なら Figma で足り、失うものはない。問いが複雑な流れや感知器に向いた瞬間に、これを開けばよい。Windows と macOS で動き、無料の段は入れたその日から使える。