ワイヤーフレーミング、モックアップ、プロトタイピングは何が違うのか？

よく使われるものの、いざ説明しようとすると区別が難しく、混同して使っていると混乱しやすい用語や概念について、わかりやすく説明しています。

• ワイヤーフレーム

レイアウトを構成するWebサイト、Webアプリ、またはモバイルアプリのための視覚的ガイドです。ワイヤーフレームは、プロダクトのアイデアを概念化したり共有したりする際に、通常最初に行う作業です。最も一般的なコミュニケーション手段です。つまり、自分のアプリの内容がどこに配置されるのかという大まかな構造を示すものです。

• モックアップ

実際に最終プロダクトが視覚的にどのように見えるべきかを示す静的な表示

• プロトタイピング

モックアップとして作られたスタティックな表示、つまり静的な画面に、今度は相互作用、すなわち interaction を追加すること