Giao diện sử dụng mẫu Action Panel

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 47 - 49)

a. Định nghĩa

Thay vì sử dụng menu, Action Panel trình bầy một nhóm lớn các hành động liên quan trên một bảng UI, nơi mà được tổ chức tốt và luôn hiển thị [12].

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

Bạn cần thể hiện nhiều hành động cho một Button Group. Bạn có thể đặt chúng vào một menu nhưng có thể không có menu bar, hoặc bạn muốn làm cho các hành động rõ ràng hơn. Với pop-up menu thì không đủ hiển thị, người sử dụng thậm chí không nhận ra pop-up menu tồn tại.

Bạn thiết lập các hành động quá phức tạp cho một menu. Nếu các hành động này được nhóm lại nhưng không phù hợp với top-level menu cơ bản như File, Edit, View, Tools, hoặc Format thì có thể bạn cần một sự trình bầy khác.

Action Panel thường chiếm rất nhiều diện tích màn hình, bởi vậy nó không phải là lựa chọn tốt cho các thiết bị nhỏ.

c. Tại sao

Sử dụng Action Panel: giúp hiển thị và tự do trong trình diễn.

Đặt các hành động ra ngoài UI chính và không bị khuất bởi các menu truyền thống. Action Panels là các menu nhưng chúng thường không tìm thấy ở các menu bar, drop-down, hoặc pop-up. Người sử dụng không cần làm gì để thấy những gì trên Action Panels, nó hiển thị ngay trước mặt họ, do đó giao diện của Action Panels dễ khám phá.

Button Group và các menu truyền thống chỉ đưa ra một danh sách ngắn. Action Panels là một dạng tự do, nó đưa bạn sự tự do trong tổ chức hiển thị các động từ cũng như các danh từ.

c. Bằng cách nào

Vị trí Action Panel trên UI:

 Đặt một khoảng trống trên giao diện cho Action Panel. Đặt nó phía dưới hoặc bên cạnh mục tiêu hành động. Mục tiêu hành động thường là các danh sách, bảng, hoặc các mục được chọn lọc, nhưng nó cũng có thể là Center Stage. Nếu bạn đặt Action Panel quá xa mục tiêu hành động, người sử dụng có thể sẽ không nắm được mối quan hệ giữa chúng.

 Panel phụ thuộc vào bản chất ứng dụng, Nó có thể là một hình chữ nhật đơn giản, một hoặc nhiều bảng trên trang, một Movable Panel, hoặc một cửa sổ tách biệt.

Cấu trúc các Action:

 Một số cấu trúc có thể thực hiện: các danh sách đơn giản; các danh sách nhiều cột; các danh sách được phân loại (hình 2-20); các bảng; các cây; Closable Panels; hoặc kết hợp bất kỳ những kiểu đó trên một bảng.

 Phân loại các hành động dựa trên cách tiếp cận nhiệm vụ trung tâm. Hãy nhóm chúng theo cánh họ muốn. Ví dụ hình 2-20, có một nhóm “Open a presentation” và một vài nhóm để tạo các slideshow mới.

Đặt tên các Action:

 Để đặt tên bạn có thể sử dụng text, các biểu tượng, hoặc cả hai. Nó phụ thuộc vào cách nào là tốt nhất trong truyền đạt bản chất của hành động. Nếu sử dụng hầu hết các biểu tượng, sẽ dẫn tới sử dụng một toolbar truyền thống.

 Các tên bằng text trên Action Panel có thể dài hơn các tên trên menu hoặc button. Bạn có thể sử dụng các tên nhiều dòng. Các tên dài và nhiều mô tả thường tốt hơn cho người sử dụng lần đầu hoặc ít sử dụng.

 Không cần thiết phải làm các hành động như các button mặc dù chúng có chức năng như các button. Các cụm từ màu xanh truyền đạt việc có thể nhấn vào, bởi chúng trông giống các link trên web. Bạn có thể tăng cường hiệu quả bằng việc gạch chân khi con chuột lướt qua chúng. Đó là cách mà Microsoft dùng trong các giao diện sử dụng Action Panels.

2.2.3.3 Prominent “Done” Button

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 47 - 49)

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

(87 trang)