Thư viện thuật ngữ / UI/UX

Wireframe giấy là gì?

Còn gọi: physical wireframe

Wireframe giấy là bản phác thảo khung màn hình vẽ tay bằng bút trên giấy, bảng trắng hoặc giấy note, dùng để thể hiện nhanh bố cục và các khối nội dung chính trước khi dựng trên phần mềm.

Hiểu kỹ hơn

Khác với bản mẫu giấy dùng để người dùng bấm thử theo luồng, wireframe giấy chủ yếu để nghĩ và trao đổi về bố cục của từng màn hình. Quy ước phổ biến: hình chữ nhật có dấu chéo là ảnh, các đường kẻ ngang là đoạn văn, hình chữ nhật có chữ là nút. Nhiều người dùng mẫu giấy in sẵn khung điện thoại, hoặc phương pháp Crazy 8s: gấp tờ giấy thành tám ô và vẽ tám phương án trong tám phút để ép mình nghĩ nhiều hướng. Ưu điểm là không bị phần mềm kéo vào chi tiết pixel, ai trong nhóm cũng vẽ được và có thể dán lên tường để so sánh. Ví dụ: trước khi mở Figma, người thiết kế phác ba phương án trang chủ trên giấy, cùng quản lý sản phẩm chọn một hướng trong mười lăm phút. Lỗi thường gặp là vẽ quá đẹp và chi tiết, làm mất tốc độ, hoặc không ghi chú nên vài ngày sau chính người vẽ cũng không nhớ khối nào là gì.