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

Chia sẻ: Cố Dạ Bạch | Ngày: | Loại File: PDF | Số trang:81

Thêm vào BST

Báo xấu

2
lượt xem 0
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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. Sau khi hoàn thành bài học, người học có khả năng: giải thích các mô hình tương tác; giải thích ngữ cảnh tương tác; giải thích các kĩ thuật tương tác; sử dụng các mô hình tương tác để biểu diễn sự tương tác giữa người và máy trong hệ tương tác;... Mời các bạn cùng tham khảo!

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: 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

BÀI 3: GIAO DIỆN CỦA CÁC HỆ TƯƠNG TÁC I. Khái niệm II. Các kiểu tương tác III. Giao diện qua các thời kỳ IV. Công thái học V. Trải nghiệm người dùng 2
Mục tiêu của bài học • Giải thích các mô hình tương tác • Giải thích ngữ cảnh tương tác • Giải thích các kĩ thuật tương tác • Sử dụng các mô hình tương tác để biểu điễn sử tương tác giữa người và máy trong hệ tương tác
I. KHÁI NIỆM 1. Mô hình tương tác 2. Giao diện 4
I. Khái niệm 1. Mô hình tương tác 2. Giao diện
Mở đầu • Tương tác đòi hỏi sự tham gia của người dùng và hệ thống • Người dùng và hệ thống sử dụng ngôn ngữ khác nhau • Cả hai đều rất phức tạp và khác nhau theo cách thức mà chúng thu nhận, lưu trữ, xử lý và truyền tin • Giao diện thực hiện phép chuyển đổi để hệ tương tác và người dùng có thể hiểu nhau nhằm thực hiện một tác vụ 6
Khái niệm • Mô hình là gì ? • Mô tả, biểu diễn về một đối tượng, quá trình, v.v. • Ví dụ: • Mô hình tương tác là gì ? • Mô tả biểu diễn về quá trình tương tác giữa con người ND và máy tính • Nghiên cứu mô hình tương tác để làm gì? • Hiểu cái gì đang diễn ra trong quá trình tương tác giữa người dùng và hệ thống • Xác định các nguồn gốc, nguyên nhân khó khăn trong quá trình tương tác 7
Phân loại • Theo quan điểm của người dùng: Mô hình chu trình thực hiện đánh giá (execution-evaluation cycle) • Mô hình do Donald Norman đề xuất (head of the Apple Research Laboratories, and Professor of Cognitive Science at University of California, San Diego) • Theo quan điểm của tương tác: Mô hình khung làm việc (framework) • Mô hình do Abowd and Beale đề xuất (Prof at Georgia Tech,) 8
1.1. Mô hình chu trình thực hiện - đánh giá • Tương tác gồm 7 giai đoạn: • Thiết lập mục đích • Hình thành chủ ý • Đặc tả dãy hành động • Thực hiện hành động • Cảm nhận trạng thái của hệ thống • Phân tích trạng thái của hệ thống • Đánh giá trạng thái của hệ thống với mục đích 9
1.1. Mô hình chu trình thực hiện - đánh giá 10
1.1. Mô hình chu trình thực hiện - đánh giá 11
Ví dụ: sử dụng trình soạn thảo văn bản để căn chỉnh một bức thư inten%on-1 look be'er evaluate-1 inten%on-2 block para evaluate-2 get inten%on-3 .pp->.sp evaluate-3 inten%on-4 forma'ed evaluate-4 output action interpreta%on ac%on interpreta%on specification speciﬁca%on percep2on execu2on percep2on execu2on printer
Ví dụ: sử dụng trình soạn thảo văn bản để căn chỉnh một bức thư 1. Mô tả chu trình thực hiện – đánh giá tương ứng với nhiệm vụ trên 2. Dùng chu trình thực hiện - đánh giá để kiểm chứng tính dùng được ? • Người dùng có dễ dàng thực hiện các hành động sau hay không ? • Xác định các chức năng do hệ thống cung cấp • Biết được các hành động tương tác có thể thực hiện được • Xác định mối quan hệ từ ý định tương tác đến lựa chọn hành động tương tác cụ thể • Thực hiện hành động tương tác • Biết được trạng thái hiện tại của hệ thống • Xác định ánh xạ từ trạng thái thật của hệ thống đến ý nghĩa trạng thái mà người dùng hiểu được • Xác định hệ thống có ở trạng thái mà người dùng mong muốn hay không Thế nào là thiết kế tương tác tốt ??? 13
Bài tập • Có 3 bài toán thiết kế sau: • Thiết kế giao tiếp người máy thông qua tiếng nói • Thiết kế giao tiếp người máy thông qua cử chỉ tay • Thiết kế giao tiếp thông qua cảm ứng • Hãy cụ thể hóa từng bước theo mô hình thực hiện đánh giá của mỗi bài toán trên Gestures Speech Touch 14
1.1. Mô hình chu trình thực hiện - đánh giá • J Ưu điểm: • Gần gũi với sự hiểu biết của chúng ta về tương tác người dùng máy tính • Người dùng hình thành kế hoạch hành động • Kế hoạch hành động được thực hiện bởi máy tính • Trong quá trình thực hiện, người dùng quan sát kết quả trả về qua giao diện và quyết định các hành động tiếp theo • Mô hình Norman là phương tiện hữu ích để hiểu tương tác: đơn giản, cụ thể • L Nhược điểm: • Chỉ xem xét hệ thống theo quan điểm của người dùng, chưa chú ý đến giao tiếp với hệ thống qua tương tác 15
1.2. Mô hình khung tương tác • Cung cấp mô tả tương tác hệ thống – người dùng hiện thực hơn • Hệ thống gồm 4 thành phần, mỗi thành phần sử dụng ngôn ngữ riêng: • Hệ thống (Core) • Người dùng (Task) • Đầu vào • Đầu ra 16
1.2. Mô hình khung tương tác 17
Bài tập • Các phép dịch chuyển phải có những tính chất gì để việc giao tiếp là hiệu quả ? 18
Bài tập Thu nhận và xử lý các Trực quan, thích nghi, biểu thông Vn đầu vào một diễn các nhiệm vụ đơn cách tối ưu giản, dễ hiểu Dễ hiểu, Phù hợp với việc học và dễ đánh giá việc hiểu của người dùng 19
Nhận xét • Khung tương tác được thể hiện như một công cụ hữu ích để đánh giá tính hiệu dụng của một hệ thống hoàn chỉnh • Mọi phân tích được gợi ý trên khung tương tác là độc lập trên từng nhiệm vụ • Chỉ khi thực hiện nhiệm vụ cụ thể mới xác định được công cụ phù hợp nhất sẽ sử dụng 20