Phân biệt wireframe (WF) khác với prototype như thế nào?
WF có thể coi là khung xương (skeleton) của web/app. Nó là một giao diện đơn giản, tuy nhiên nó mô tả được cơ bản luồng ứng dụng của bạn
WF là cái đi trước, tiếp theo là protoype rồi mới đến mockup, GUI. WF là dạng thiết kế phẳng, tức là liệt kê hết các tính năng và nghiệp vụ trên 1 mặt phẳng giúp cho nhóm phát triển hình dung được data flows, business rules và từ đó hình dung ra được các trang giao diện được xây có hình dạng ra sao. Còn protoype giống với giao diện thật hơn, prototype giống như một tờ giấy gập hoặc ngăn xếp liên thông với nhau. Thí dụ protoype thể hiện các Tabs, nhưng WF thì ko cần phải vẽ Tabs hay các luống điều hướng (navigation).
Thí dụ về WF:
Prototype về bản chất là một mockup (không yêu cầu đồ họa chi tiết) nhưng có thêm phần UX. Có nghĩa là ta có thể click vào một button, có thể chuyển screens, có thể show dữ liệu giả, vv.
Do vậy khi QA test sẽ nhận ra một điều rằng UI có layout khác với WF. Đây là điều hết sức bình thường vì giao diện có một tính chất là sự tiến hóa theo thời gian.
Tác giả: Phạm Đình Trường
