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