Wireframing, mockup và prototyping khác nhau thế nào?

Dù được օգտագործ dụng rất nhiều, nhưng khi phải giải thích thì lại khó phân biệt rõ ràng, và vì thường bị dùng lẫn lộn nên dễ gây nhầm lẫn; bài viết này giải thích rất rõ các thuật ngữ và khái niệm đó.

• Wireframe

Là hướng dẫn trực quan cho website, web app hoặc mobile app, dùng để cấu thành bố cục. Wireframe thường là việc đầu tiên cần làm khi bạn muốn khái niệm hóa hoặc truyền đạt ý tưởng sản phẩm. Đây là phương thức giao tiếp phổ biến nhất. Nói cách khác, nó cho thấy cấu trúc tổng quát về việc nội dung trong app của bạn sẽ được đặt ở đâu.

• Mockup

Là bản hiển thị tĩnh về việc sản phẩm cuối cùng thực sự nên trông như thế nào về mặt thị giác.

• Prototyping

Là việc thêm tính tương tác, tức interaction, vào mockup — một bản hiển thị static, tức màn hình tĩnh, đã được tạo ra trước đó.