Wireframing là gì?
Còn gọi: dựng khung giao diện, Wireframing tools
Wireframing là bước dựng khung sườn của giao diện bằng đường nét và khối đơn giản, xác định nội dung nào có trên màn hình, sắp xếp ra sao và thứ bậc thế nào trước khi thiết kế phần nhìn.
Hiểu kỹ hơn
Wireframing nằm sau giai đoạn nghiên cứu và kiến trúc thông tin, trước giai đoạn thiết kế giao diện chi tiết. Mỗi wireframe trả lời: màn hình này phục vụ mục tiêu gì, thông tin nào quan trọng nhất, người dùng làm gì tiếp theo. Có thể làm trên giấy để nghĩ nhanh, rồi chuyển sang công cụ số như Figma, Balsamiq, Whimsical hay FigJam. Kết quả là một bộ wireframe được chú thích, có thể nối thành prototype lo-fi để kiểm thử luồng. Wireframe tốt dùng nội dung gần thật, vì độ dài tiêu đề và số lượng mục quyết định bố cục. Ví dụ: trước khi làm lại trang chủ một website khoá học, nhóm wireframe ba phương án sắp xếp khối tìm kiếm, danh mục và bài mới, rồi thử với người dùng. Lỗi thường gặp là coi wireframe là bản vẽ xấu cần làm cho có, rồi nhảy thẳng vào giao diện đẹp, đến khi phát hiện sai cấu trúc thì phải làm lại nhiều màn hình.
