
Bài giảng Tương tác người máy: Chương 5 - Lê Quý Lộc
lượt xem 2
download

Bài giảng "Tương tác người máy" Chương 5: Actions, được biên soạn gồm các nội dung chính sau: button và control không chuẩn; các mẫu thiết kế; smart menu items; action panel;...Mời các bạn cùng tham khảo!
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Bài giảng Tương tác người máy: Chương 5 - Lê Quý Lộc
- Chương 5: Actions Lê Quý Lộc Khoa Công Nghệ Thông Tin Đại học Bách Khoa - ĐHĐN CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Cơ Bản • Các cách để thực hiện tác vụ/lệnh – Buttons – Menu bars – Pop-up menus – Dropdown menus – Toolbars – Links – Action panels • Các tác vụ ẩn – Double-clicking on items – Keyboard actions – Drag-and-drop – Typed commands CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Button và Control Không Chuẩn • Nhiều loại ứng dụng đòi hỏi người thiết kế phải tạo ra button và control không chuẩn CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Button và Control Không Chuẩn • Sử dụng button và control truyền thống bất cứ nơi nào có thể • Sử dụng hiệu ứng 3D để làm cho các control nổi bật • Khi di chuyển chuột vào control, thay đổi con trỏ chuột • Sử dụng tooltip CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Các Mẫu Thiết Kế • Button Groups • Action Panel • Prominent "Done" Button • Smart Menu Items • Preview • Progress Indicator • Cancelability • Multi-Level Undo • Command History • Macros CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Button Groups • Mô tả: Đặt các button có chức năng có liên quan với nhau vào một nhóm • Sử dụng: Đặt một nhóm button gây ra những ảnh hưởng tương tự nhau. Ví dụ: OK, Cancel, Apply, Close CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Button Groups CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Action Panel • Mô tả: Sử dụng một vùng panel để đặt các tác vụ • Sử dụng: Khi muốn đặt quá nhiều button trên giao diện, muốn làm cho người dùng dễ thấy các button, hoặc các tác vụ quá phức tạp để bố trí vào menu • Các cách bố trí actions – Danh sách đơn giản – Danh sách có nhiều cột – Danh sách có phân loại – Bảng hoặc lưới – Cây – Các panel đặt gần nhau – Sử dụng kết hợp các cách này vào một panel CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Action Panel CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Prominent "done" Button • Mô tả: Đặt nút kết thúc một action ở cuối dòng trực quan • Sử dụng: Khi cần đặt các button như "Done," "Submit," hoặc "OK" CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Prominent "done" Button CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Smart Menu Items • Mô tả: Thay đổi menu theo ngữ cảnh • Sử dụng: Trong menu có những action trên các đối tượng cụ thể CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Preview • Mô tả: Hiện preview kết quả của tác vụ • Sử dụng: Người dùng thực hiện các tác vụ tốn nhiều thời gian hoặc tạo ra những thay đổi đáng kể trong chương trình CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Preview CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Preview CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Progress Indicator • Mô tả: Hiển thị cho người dùng tiến trình của tác vụ mất nhiều thời gian • Sử dụng: Thông báo tiến trình của các tác vụ mất nhiều thời gian (hơn 2s) CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Cancelability • Mô tả: Cung cấp cách để kết thúc action tốn nhiều thời gian • Sử dụng: Kết thúc action tốn nhiều thời gian (hơn 2s) CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Multi-level Undo • Mô tả: Cung cấp cách để cho người dùng dễ dàng đảo ngược các tác vụ đã thực hiện • Sử dụng: Các giao diện các tính tương tác cao của các phần mềm phức tạp như: các môi trường lập trình, các phần mềm thiết kế đồ họa, … CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Command History • Mô tả: lưu và hiển thị các action đã thực hiện • Sử dụng: các môi trường lập trình, các phần mềm thiết kế đồ họa CuuDuongThanCong.com https://fb.com/tailieudientucntt
- Macros • Mô tả: Hỗ trợ cho người dùng tự tạo ra các action để thực hiện một lúc nhiều action có sẵn • Sử dụng: Khi người dùng có khả năng sử dụng lặp lại một chuỗi các actions CuuDuongThanCong.com https://fb.com/tailieudientucntt

CÓ THỂ BẠN MUỐN DOWNLOAD
-
Bài giảng Tương tác người máy: Phần I - Lương Mạnh Ba
117 p |
206 |
35
-
Bài giảng Tương tác người máy: Phần II - Lương Mạnh Ba
201 p |
167 |
29
-
Bài giảng Tương tác người máy: Phần III - Lương Mạnh Ba
92 p |
124 |
24
-
Bài giảng Tương tác người-máy và giao diện đồ họa: Chương 5 - Ngô Công Thắng
76 p |
34 |
5
-
Bài giảng Tương tác người máy: Chương 2 - Đặng Lê Đình Trang
64 p |
55 |
5
-
Bài giảng Tương tác người máy: Chương 3 - Đặng Lê Đình Trang
63 p |
61 |
5
-
Bài giảng Tương tác người-máy và giao diện đồ họa: Chương 4 - Ngô Công Thắng
49 p |
19 |
4
-
Bài giảng Tương tác người-máy và giao diện đồ họa: Chương 3 - Ngô Công Thắng
10 p |
23 |
4
-
Bài giảng Tương tác người-máy và giao diện đồ họa: Chương 1 - Ngô Công Thắng
16 p |
35 |
4
-
Bài giảng Tương tác người-máy và giao diện đồ họa: Chương 0 - Ngô Công Thắng
4 p |
32 |
4
-
Bài giảng Tương tác người máy: Phần 1 - Lương Mạnh Bá
20 p |
107 |
3
-
Bài giảng Tương tác người máy (UI/UX) - Bài 9: Kiểm tra đánh giá
29 p |
13 |
2
-
Bài giảng Tương tác người máy (UI/UX) - Bài 6-7: Phân tích nhiệm vụ
91 p |
13 |
1
-
Bài giảng Tương tác người máy (UI/UX) - Bài 4: Cách tiếp cận và quy trình thiết kế
21 p |
11 |
1
-
Bài giảng Tương tác người máy (UI/UX) - Bài 3: Giao diện của các hệ tương tác
81 p |
16 |
1
-
Bài giảng Tương tác người máy (UI/UX) - Bài 2: Yếu tố con người và máy tính trong hệ tương tác
84 p |
14 |
1
-
Bài giảng Tương tác người máy (UI/UX) - Bài 1: Giới thiệu chung
47 p |
7 |
1
-
Bài giảng Tương tác người máy (UI/UX) - Bài 12: Thiết kế các giao diện khác
38 p |
21 |
1


Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn
