Giao diện sử dụng mẫu Closable Panels

Một phần của tài liệu (LUẬN VĂN THẠC SĨ) Nghiên cứu ứng dụng mẫu thiết kế trong tương tác người - máy (Trang 43 - 44)

a. Định nghĩa

Closable Panels đặt các bộ phận của nội dung vào các kênh tách biệt để người sử dụng mở và đóng chúng một cách riêng biệt từng cái một [12].

b. Các tình huống sử dụng

Khi có nhiều thứ có mặt trên trang, nhưng bạn muốn sử dụng mỗi thứ một cách nhanh gọn. Chia nội dung của trang thành các bộ phận và đặt tên rõ ràng, như với Titled Sections và Card Stack. Người sử dụng muốn xem hai phần hoặc nhiều hơn cùng một lúc.

c. Tại sao

Bạn muốn Closable Panels ở nhiều nơi mà bạn có thể sử dụng Card Stack- một công cụ tiết kiệm khoảng trống và phụ thuộc vào việc người sử dụng nhấn vào đó để đạt được nó. Tuy nhiên Closable Panels đưa ra các điểm linh hoạt sau:

- Closable Panels có thể chứa các bộ phận với các kích cỡ khác nhau. Nếu sử dụng Card Stack với các bộ phận có các kích cỡ khác nhau, các bộ phận nhỏ sẽ có các khoảng trắng lớn, như vậy khá là thừa khoảng trống.

- Người sử dụng có thể mở vài bộ phận cùng lúc. Điều đó rất tốt trong việc điều khiển các công cụ và giúp người sử dụng thông thạo đối với các loại ứng dụng phức tạp, họ có thể mở nhiều kênh cùng lúc và giữ chúng trong tầm quan sát mọi lúc.

Closable Panels cũng có mặt hạn chế: các trang tab được sử dụng phổ biến với hầu hết mọi người, nhưng Closable Panels thì không. Hơn nữa việc cho phép mở nhiều bộ phận cùng lúc có thể đem kết quả ngược lại bởi nó làm cho môi trường lộn xộn và khó sử dụng.

d. Bằng cách nào

Chia nội dung thành các bộ phận, đặt tên chúng một cách phù hợp, đưa chúng vào các kênh nơi chúng xuất hiện và biến mất khi bạn nhấn vào một nút hoặc một link. Đặt một mũi tên, dấu cộng, hình tam giác hoặc hình chữ ">>" trên nút hoặc link đó, đưa ra tín hiệu với người sử dụng rằng cái đó sẽ đóng hoặc mở.

Hầu hết các ứng dụng mà sử dụng công cụ này, cửa sổ bao gồm Closable Panel xuất hiện và biến mất khi các kênh được mở hoặc đóng.

Lưu ý: Ta có thể sử dụng Card Stack đặt bên trong Closable Panel khi ta có nhiều bộ phận phải xử lý.

2.2.2.6 Movable Panels

Một phần của tài liệu (LUẬN VĂN THẠC SĨ) Nghiên cứu ứng dụng mẫu thiết kế trong tương tác người - máy (Trang 43 - 44)

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

(87 trang)