Ketiga kata tersebut menggambarkan tingkat detail yang berbeda dan pertanyaan yang berbeda. Sebuah gambar rangka menanyakan "apa yang terjadi di mana?" Sebuah mockup menanyakan "seperti apa tampilannya?" Sebuah prototipe menanyakan "apakah ini berhasil untuk manusia?"
Wireframe menggunakan bentuk sederhana dan teks placeholder untuk memperlihatkan tata letak, hierarki, dan konten. Mereka cepat dibuat dan cepat dibuang, itulah sebabnya mereka berguna: Anda dapat menjelajahi banyak struktur sebelum berkomitmen pada satu struktur.
Maket menambahkan desain visual nyata: warna, tipografi, gambar, dan komponen. Mereka mampu menyepakati pandangan dengan para pemangku kepentingan dan melakukan serah terima, namun mereka tidak dapat menunjukkan bagaimana sesuatu berperilaku.
Prototipe menambahkan interaksi. Prototipe dengan ketelitian rendah mungkin menghubungkan wireframe untuk menguji suatu aliran. Prototipe dengan ketelitian tinggi terlihat dan berperilaku mirip dengan produk akhir, dengan status, transisi, dan terkadang data nyata, sehingga Anda dapat menjalankan uji kegunaan yang mengungkap masalah nyata.
Kesenjangan setelah prototipe adalah serah terima: pengembang biasanya membangun kembali apa yang ditunjukkan oleh prototipe. Untuk komponen interaktif, ExodeUI, yang kami buat, menutup celah tersebut dengan menjadikan file interaktif itu sendiri sebagai sesuatu yang dikirimkan dalam aplikasi.