Các nhà thiết kế đồ họa, các chuyên gia về tính sử dụng được thậm chí cả người sử dụng cũng có

Một phần của tài liệu Xây dựng bản mẫu Prototype (Trang 25 - 34)

sử dụng được thậm chí cả người sử dụng cũng có thể giúp đỡ để tạo ra prototype và thao tác trên chúng.

Kỹ thuật xây dựng prototype bằng giấy

Kỹ thuật xây dựng prototype bằng giấy

Kỹ thuật xây dựng prototype bằng giấy

Kỹ thuật xây dựng prototype bằng giấy

Các công cụ xây dựng market giao diện

 Bảng áp phích trắng (11” x 14”) : làm nền, khung cửa sổ

 Số lượng lớn các thẻ chỉ mục(4” x 6”, 5” x 8”)

 Làm menus, windows contents, dialog boxes

 Hồ dán : dán các mẩu giấy

 Băng giấy trắng : làm text fields, checkboxes, short messages,…

 Giấy bóng kính :

 Làm highlight : người dùng có thể thử nhập liệu lên highlight này, thay vì phải thay đổi băng giấy trắng dán lên mỗi trường nhập liệu.

Kỹ thuật xây dựng prototype bằng giấy

Kinh nghiệm xây dựng prototype giấy

 Prototype giấy nên lớn hơn kích thước trong thực tế. Do ngón tay lớn hơn con trỏ chuột và chữ viết thường lớn hơn 12 points. Do vậy, để dễ dử dụng bản mẫu giấy thì nó phải có kích thước lớn hơn thực tế một ít.

 Đối với prortotype giấy lớn hơn thực tế, ta có thể dễ dàng quan sát từ xa. Việc này là quan trọng vì prototype nằm trên bàn. Hơn nữa khi người sử dụng thử nghiệm thì nhiều người sẽ quan sát xem họ thực hiện như thế nào.

 Không quá bận tâm về màu trong prototype : hãy sử dụng màu đơn giản, nhưng không làm giảm sự chú ý đến các nhiệm vụ quan trọng.

Kỹ thuật xây dựng prototype bằng giấy

Kinh nghiệm xây dựng prototype giấy

 Không cần trình diễn mọi hiệu ứng quan sát trên giấy (ví dụ tooltip, drag&drop, animation, progress bar). Một số thành phần thay vì trình diễn ta chỉ cần nói to lên.

 Vd: Thanh progress trỏ : 20%,50%,70%,…Nếu thiết kế có hỗ trợ tooltip thì ta chỉ cần trỏ vào đối tượng và nói lớn thông điệp của tooltip,…

 Tổ chức tốt các mẫu giấy nhỏ trong prototype. Sử dụng kẹp giấy cho những mẫu giấy lớn và phong bì cho menu.

 Khi xây dựng bản mẫu giấy, có thể phác họa giao diện bằng tay kết hợp với các ảnh màn hình để làm tăng hiệu quả.

Kỹ thuật xây dựng prototype bằng giấy

Có thể biết gì và không biết gì từ prototype giấy

 Các prototype giấy có thể biểu lộ rất nhiều vấn đề tính sử dụng được.

 Vấn đề quan trọng cần phải tìm ra trong giai đoạn đầu của thiết kế.

 Nếu người sử dụng không hiểu ẩn dụ hay mô hình khái niệm của giao diện thì toàn bộ giao diện cần phải bị loại bỏ.

Kỹ thuật xây dựng prototype bằng giấy

Lợi ích của prototype giấy

 Mô hình khái niệm:

• Người sử dụng có hiểu UI không?

 Chức năng:

• Có làm cái cần phải làm không? Có thiếu đặc trưng gì không?

 Dẫn đường và luồng nhiệm vụ:

• Người sử dụng có tự tìm ra cách sử dụng không? Có phù hợp với thông tin tiền điều kiện không?

 Thuật ngữ:

• Người sử dụng có hiểu các nhãn không? (labels)

 Nội dung màn hình:

Kỹ thuật xây dựng prototype bằng giấy

Một phần của tài liệu Xây dựng bản mẫu Prototype (Trang 25 - 34)

Tải bản đầy đủ (PPT)

(60 trang)