Ba từ mô tả mức độ chi tiết khác nhau và các câu hỏi khác nhau. Một wireframe hỏi "cái gì đi đâu?" Một mô hình hỏi "nó trông như thế nào?" Một nguyên mẫu hỏi "nó có hiệu quả với con người không?"
Wireframe sử dụng các hình dạng đơn giản và văn bản giữ chỗ để hiển thị bố cục, phân cấp và nội dung. Chúng được tạo ra nhanh chóng và nhanh chóng bị vứt đi, đó chính xác là lý do tại sao chúng hữu ích: bạn có thể khám phá nhiều cấu trúc trước khi quyết định sử dụng một cấu trúc.
Mô hình bổ sung thiết kế hình ảnh thực tế: màu sắc, kiểu chữ, hình ảnh và các thành phần. Chúng có tác dụng tốt trong việc đồng ý về cách nhìn với các bên liên quan và chuyển giao, nhưng chúng không thể chỉ ra mọi thứ diễn ra như thế nào.
Nguyên mẫu thêm tương tác. Một nguyên mẫu có độ chính xác thấp có thể liên kết các wireframe với nhau để kiểm tra luồng. Nguyên mẫu có độ chính xác cao trông và hoạt động gần giống với sản phẩm cuối cùng, với các trạng thái, chuyển tiếp và đôi khi là dữ liệu thực, do đó bạn có thể chạy thử nghiệm khả năng sử dụng để phát hiện các vấn đề thực sự.
Khoảng cách sau nguyên mẫu là sự chuyển giao: các nhà phát triển thường xây dựng lại những gì nguyên mẫu thể hiện. Đối với các thành phần tương tác, ExodeUI do chúng tôi tạo ra sẽ thu hẹp khoảng cách đó bằng cách biến chính tệp tương tác thành thứ được gửi trong ứng dụng.