a. Định nghĩa
Card Stack đặt các bộ phận nội dung trên các kênh hoặc “card” tách biệt, và xếp chúng lại sao cho chỉ có một hiển thị ở một thời điểm, sử dụng tab hoặc các thiết bị khác để người sử dụng có thể tiếp cận tới chúng [14].
b. Các tình huống sử dụng
Khi có quá nhiều tài liệu trên trang. Có quá nhiều nút điều khiển và lỗi trên UI mà không có cấu trúc vững chắc sẽ làm cho người sử dụng mất tập trung. Ta có thể nhóm các nội dung vào Titled Sections, nhưng chúng sẽ quá lớn và không vừa vào trang cùng một lúc. Hơn nữa người sử dụng chỉ cần tập trung vào một bộ phận tại một thời điểm.
c. Tại sao
Các “cards” được gắn nhãn giúp cho các nội dung được cấu trúc thành các khoảng dễ hiểu, mỗi phần sẽ trở nên dễ hiểu ngay từ đầu. Tab là công cụ phổ biến nhất của Card Stack và nó rất quen thuộc với người sử dụng.
d. Bằng cách nào
Đầu tiên ta tạo cấu trúc thông tin tốt. Chia nội dung thành các đoạn dễ hiểu, đưa ra các tựa đề ngắn gọn và dễ hiểu (một hoặc hai từ). Nếu ta tách nội dung sai, người sử dụng sẽ phải trở đi trở lại giữa các card khi họ nhấn vào thông tin hoặc so sánh chúng.
Ta chọn các cách trình bầy sau:
- Tab chiều thẳng đứng cho phép bạn ép Card Stack vào một khoảng nhỏ và cao, nơi không thể vừa với các trang tab thông thường. - Một cột bên trái với các tên phù hợp với nhiều trang web hoặc các
hộp thoại. Ta có thể đưa nhiều card vào cùng một cột. Nó cho phép ta tổ chức card theo thứ tự, cách mà ta không thể thực hiện với tabs. - Một số UI có danh sách drop-down ở đỉnh mỗi trang, nó chiếm ít khoảng trống hơn là một cột link, tuy nhiên điểm yếu của nó là sự rõ ràng: danh sách drop-down thường có chức năng như điều khiển và người sử dụng thường không nhận biết nó như một thiết bị định hướng.
2.2.2.5 Closable Panels