Bản phác thảo giao diện (wireframe) là bản vẽ bố cục tối giản thể hiện cấu trúc mà không có thiết kế hình ảnh. Không màu sắc, không hình ảnh, không kiểu chữ trau chuốt. Chỉ có các hộp, đường kẻ và văn bản giữ chỗ. Mục đích là để xác định vị trí của các thành phần trước khi quyết định hình thức hiển thị. Bản phác thảo giao diện giúp trả lời các câu hỏi về thứ bậc, điều hướng và luồng nội dung. Chúng có chi phí thấp và dễ dàng thay đổi.

Các nhà thiết kế vẽ sơ đồ khung bằng tay, bằng các công cụ như Figma hoặc Sketch, hoặc bằng các ứng dụng chuyên dụng. Sơ đồ khung độ phân giải thấp sử dụng các hình hộp thô và nhãn vẽ nguệch ngoạc. Sơ đồ khung độ phân giải cao bổ sung nội dung thực tế và khoảng cách chính xác hơn, nhưng vẫn tránh sử dụng màu sắc và hình ảnh. Các nhóm sử dụng sơ đồ khung để thống nhất ý kiến ​​của các bên liên quan ngay từ đầu. Một khách hàng phản đối việc di chuyển một nút trong sơ đồ khung sẽ giúp mọi người tránh được công sức phải xây dựng lại màn hình hoàn chỉnh sau này.

Bản phác thảo giao diện (wireframe) thể hiện điều gì?

• Bố trí các phần chính của trang.
• Cấu trúc điều hướng và các mục menu.
• Phân cấp và nhóm nội dung.
• Các yếu tố tương tác như nút bấm và biểu mẫu.

Bản phác thảo giao diện không phải là bản thiết kế. Chúng là công cụ để thảo luận. Mục tiêu là đạt được sự đồng thuận về cấu trúc trước khi mọi người dành thời gian thiết kế giao diện.