3 つの単語は、さまざまなレベルの詳細とさまざまな質問を表します。ワイヤーフレームは「何がどこに行くのか？」を尋ねます。モックアップは「どのように見えるか?」と尋ねます。プロトタイプは「人間にとって効果があるかどうか」を問います。
ワイヤーフレームは、単純な図形とプレースホルダー テキストを使用して、レイアウト、階層、コンテンツを表示します。すぐに作ってすぐに捨てることができ、それがまさに便利な理由です。1 つにコミットする前に、多くの構造を探索できます。
モックアップには、色、タイポグラフィ、画像、コンポーネントなどの実際の視覚的なデザインが追加されます。これらは、関係者と外観について合意したり、引き継ぎを行うのには適していますが、何かがどのように動作するかを示すことはできません。
プロトタイプはインタラクションを追加します。忠実度の低いプロトタイプでは、ワイヤーフレームをリンクしてフローをテストする場合があります。忠実度の高いプロトタイプは、状態、遷移、場合によっては実際のデータを含む最終製品に近い外観と動作をするため、実際の問題を明らかにするユーザビリティ テストを実行できます。
プロトタイプの後のギャップは引き継ぎです。開発者は通常、プロトタイプが示すものを再構築します。インタラクティブ コンポーネントの場合、私たちが作成した ExodeUI は、インタラクティブ ファイル自体をアプリに同梱するものにすることでそのギャップを埋めます。