Giao diện sử dụng mẫu Titled Sections

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 41 - 42)

a. Định nghĩa

Titled Sections xác định các bộ phận nội dung tách biệt bằng việc tạo ra tiêu đề hiển thị rõ ràng cho mỗi bộ phận, sau đó đặt chúng vào một trang [15].

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

Khi có nhiều nội dung trên trang, nhưng ta muốn trang đó có thể dễ dàng được đọc và hiểu. Do đó chúng ta nên nhóm các nội dung vào cùng một bộ phận theo chủ đề hoặc nhiệm vụ miễn sao phù hợp với người sử dụng.

c. Tại sao

Các bộ phận được định nghĩa và đặt tên rõ ràng làm cho nội dung được chia thành các đoạn dễ hiểu và dễ dàng được tìm thấy ngay từ đầu. Do đó nó làm cho kiến trúc thông tin rõ ràng, mục giới thiệu chương đưa ra thông tin để truyền đạt về thứ bậc hiển thị, về cấu trúc thực sự của nó.

Khi người sử dụng thấy một trang được chia ra thành các khoảng như vậy, nó sẽ khiến họ sử dụng dễ dàng hơn trên trang. Bởi vậy ta phải đặt chúng một cách hợp lý.

d. Bằng cách nào

Đầu tiên, Chia nội dung ra thành từng khoảng dễ hiểu, đưa ra các tên ngắn và dễ nhớ (tốt nhất là một hoặc hai từ). Sau đó chọn các kiểu trình bầy sau:

- Các tựa đề: sử dụng phông nổi bật hơn những phần còn lại, kích cỡ lớn hơn và màu mạnh hơn (không có màu nào tốt hơn màu đen, kể cả màu đỏ).

- Thử đảo tựa đề ngược với mảng mầu đối lập. Màu trắng trên nền tối, làm nó giống với tilebar của windows.

- Đưa các bộ phận trên các màu nền khác nhau rất hữu hiệu trên các trang web và giao diện, tuy nhiên nó không thông dụng trên các UI của desktop.

Nếu ta gặp khó khăn trong việc đưa tiêu đề hợp lý cho các khoảng nội dung, có thể đó là dấu hiệu việc nhóm không phù hợp cho nội dung. Ta nên cân nhắc việc chia thành các khoảng khác nhau sao cho dễ đặt tên và dễ nhớ.

2.2.2.4 Card Stack

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 41 - 42)

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

(87 trang)