Wireflow là gì?
Còn gọi: sơ đồ luồng kèm wireframe
Wireflow là sơ đồ kết hợp wireframe của từng màn hình với các mũi tên luồng đi, cho thấy cùng lúc bố cục mỗi bước và hành động nào dẫn người dùng từ màn hình này sang màn hình khác.
Hiểu kỹ hơn
Thuật ngữ này được Nielsen Norman Group phổ biến. User flow dạng sơ đồ khối chỉ cho biết các bước, còn wireframe riêng lẻ thì không cho biết luồng; wireflow ghép hai thứ lại, rất hợp với ứng dụng có nhiều thay đổi trên cùng màn hình như mở bộ lọc, thêm vào giỏ, hiện thông báo. Mũi tên nên xuất phát từ đúng phần tử được bấm, như nút hoặc mục danh sách, và có nhãn hành động hoặc điều kiện. Trong Figma, có thể đặt các frame wireframe theo hàng và vẽ mũi tên bằng Arrow tool, hoặc dùng FigJam với connector. Ví dụ: wireflow của luồng đặt xe gồm màn hình nhập điểm đến, danh sách loại xe, xác nhận và đang tìm tài xế, có nhánh rẽ khi không tìm được xe. Lỗi thường gặp là mũi tên chỉ nối từ khung màn hình chung chung, không rõ bấm vào đâu, hoặc ôm cả trăm màn hình vào một sơ đồ, không ai đọc nổi.
