Wireframe là gì?
Còn gọi: khung giao diện
Wireframe là bản phác khung của một màn hình website hoặc ứng dụng, chỉ thể hiện vị trí, thứ tự và mức ưu tiên của các thành phần như tiêu đề, ảnh, nút, nội dung, chưa có màu sắc, hình ảnh thật hay phong cách hoàn chỉnh.
Hiểu kỹ hơn
Wireframe trả lời câu hỏi màn hình có gì và nằm ở đâu, trước khi bàn đến đẹp hay xấu. Vì thế nó dùng hộp xám, đường gạch chéo thay ảnh, chữ giả hoặc nội dung thật ngắn gọn, và thường chỉ một hai cỡ chữ. Có thể vẽ tay trên giấy (physical wireframe) để thử nhanh nhiều phương án, hoặc vẽ trong Figma bằng frame, rectangle và auto layout (digital wireframe), nhiều nhóm dùng bộ wireframe kit dựng sẵn. Wireframe thường đi sau sơ đồ cấu trúc thông tin và user flow, và đi trước mockup có giao diện đầy đủ. Ví dụ: trước khi thiết kế landing page cho một khoá sự kiện, nhóm vẽ wireframe để thống nhất thứ tự các phần: tiêu đề, lợi ích, lịch trình, câu hỏi thường gặp, nút đăng ký. Lỗi thường gặp là đưa màu thương hiệu và ảnh đẹp vào wireframe quá sớm, khiến buổi góp ý chuyển sang bàn chuyện màu thay vì bố cục và luồng.
