Slide tương tác người máy chương 3 các dạng tương tác giữa con người và máy tính

CHƯƠNG III: CÁC DẠNG TƯƠNG TÁC GIỮA CON NGƯỜI VÀ MÁY TÍNH I Mơ hình tương tác II Phương thức tương tác III Ngữ cảnh tương tác CuuDuongThanCong.com https://fb.com/tailieudientucntt Mở đầu • Tương tác địi hỏi tham gia người dùng hệ thống – Người dùng hệ thống sử dụng ngôn ngữ khác – Cả hai phức tạp khác theo cách thức mà chúng thu nhận, lưu trữ, xử lý truyền tin • Giao diện: thực phép chuyển đổi để hệ thống máy tính người hiểu nhằm thực tác nhiệm CuuDuongThanCong.com https://fb.com/tailieudientucntt Khái niệm • Mơ hình ? – Mơ tả, biểu diễn đối tượng, q trình, v.v – Ví dụ: • Mơ hình tương tác ? – Mơ tả biểu diễn q trình tương tác người ND máy tính • Nghiên cứu mơ hình tương tác cho phép – Hiểu diễn trình tương tác người dùng hệ thống – Xác định nguồn gốc, ngun nhân khó khăn q trình tương tác CuuDuongThanCong.com https://fb.com/tailieudientucntt Phân loại • Theo quan điểm người dùng: Mơ hình chu trình thực đánh giá (execution-evaluation cycle) – Mơ hình 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 tương tác: Mơ hình khung làm việc (framework) – Mơ hình Abowd and Beale đề xuất (Prof at Georgia Tech,) CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình chu trình thực - đánh giá • Tương tác gồm giai đoạn: – Thiết lập mục đích – Hình thành chủ ý – Đặc tả dãy hành động – Thực hành động – Cảm nhận trạng thái hệ thống – Phân tích trạng thái hệ thống – Đánh giá trạng thái hệ thống với mục đích CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình chu trình thực - đánh giá CuuDuongThanCong.com https://fb.com/tailieudientucntt Mô hình chu trình thực - đánh giá CuuDuongThanCong.com https://fb.com/tailieudientucntt Bài tập • Có tố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ử tay – Thiết kế giao tiếp thông qua cảm ứng • Hãy cụ thể hóa bước theo mơ hình thực đánh giá tốn Gestures Speech Touch CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình chu trình thực - đánh giá •  Ưu điểm: – Gần gũi với hiểu biết 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 thực máy tính – Trong trình thực hiện, người dùng quan sát kết trả qua giao diện định hành động – Mơ hình Norman phương tiện hữu ích để hiểu tương tác: đơn giản, cụ thể •  Nhược điểm: – Chỉ xem xét hệ thống theo quan điểm người dùng, chưa ý đến giao tiếp với hệ thống qua tương tác CuuDuongThanCong.com https://fb.com/tailieudientucntt Mơ hình khung tương tác • Cung cấp mô tả tương tác hệ thống – người dùng thực • Hệ thống gồm thành phần, 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 CuuDuongThanCong.com https://fb.com/tailieudientucntt 10 Giao diện người dùng (User interface) • Các hoạt động hệ thống nhằm thúc đẩy việc trao đổi thông tin tương tác với hệ thống – Ví dụ: phím thực thiết bị đầu cuối Information Human user Interaction CuuDuongThanCong.com https://fb.com/tailieudientucntt 45 Các thành phần giao diện người dùng • Đầu vào: keyboard, mouse, trackball, one's finger (for touch-sensitive screens), and one's voice (for spoken instructions) • Đầu ra: cách thức máy tính truyền tải thơng tin đến người sử dụng phương tiện – Màn hình hiển thị – Tiếng nói – Âm • Việc sử dụng giác quan: xúc giác, khứu giác chưa khai thác nhiều CuuDuongThanCong.com https://fb.com/tailieudientucntt 46 Ví dụ HI, UI CuuDuongThanCong.com https://fb.com/tailieudientucntt 47 CHƯƠNG IV GIAO DIỆN TRONG CÁC HỆ TƯƠNG TÁC I Khái niệm II Lợi ích thiết kế giao diện tốt III Nhân trắc học thiết kế giao diện CuuDuongThanCong.com https://fb.com/tailieudientucntt 48 Vai trò giao diện người dùng • Giao diện người dùng số thành phần quan trọng hệ thống máy tính • Vì ? – Giao diện người sử dụng cho phép người dùng nghe, nhìn, tiếp xúc hệ thống – Các thiết kế chức (application core) thường suốt người dùng, người dùng tiếp xúc trực tiếp với thiết bị giao tiếp hình, bàn phím chuột CuuDuongThanCong.com https://fb.com/tailieudientucntt 49 Mục đích thiết kế giao diện người dùng • Đối với người dùng, giao diện dùng phải cho phép người dùng làm việc với máy tính cách dễ dàng, hiệu thích thú: – Giảm hoạt động thị giác – Giảm hoạt động trí não – Tăng hài lịng • Đối với máy tính, giao diện dùng phải: – Giảm khơng gian lưu trữ nhớ – Giảm thiểu loại bỏ gánh nặng công nghệ – Tăng suất sử dụng CuuDuongThanCong.com https://fb.com/tailieudientucntt 50 Ví dụ: Ảnh hưởng thiết kế giao diện tồi đến thời gian xử lý Thời gian cần thêm cho người xử lý / hình (giây) Thời gian cần thêm cho người xử lý 4.8 triệu hình/năm (năm) 3.6 10 7.1 20 14.2 CuuDuongThanCong.com https://fb.com/tailieudientucntt 51 Giao diện sau tốt hay không ? CuuDuongThanCong.com https://fb.com/tailieudientucntt 52 CHƯƠNG IV GIAO DIỆN TRONG CÁC HỆ TƯƠNG TÁC I Khái niệm II Lợi ích thiết kế giao diện tốt III.Nhân trắc học thiết kế giao diện CuuDuongThanCong.com https://fb.com/tailieudientucntt 53 Mục đích • Nghiên cứu đặc tính vật lý tương tác • Sử dụng việc định nghĩa tiêu chuẩn, dẫn để ràng buộc cách thiết kế giao diện hệ tương tác khía cạnh khác • Ví dụ: – – – – Cách xếp điểu khiển hiển thị Môi trường xung quanh Vấn đề sức khỏe người dùng Sử dụng màu sắc CuuDuongThanCong.com https://fb.com/tailieudientucntt 54 Sắp xếp điều khiển hiển thị • Tổ chức vật lý phù hợp – theo chức – theo kiểu – theo tần số xuất CuuDuongThanCong.com https://fb.com/tailieudientucntt 55 Môi trường vật lý tương tác • Hệ thống sử dụng đâu? • Ai sử dụng hệ thống? • Người sử dụng ngồi vị trí cố định hay di chuyển? CuuDuongThanCong.com https://fb.com/tailieudientucntt 56 Vấn đề sức khoẻ an tồn người dùng • Một số nhân tố môi trường vật lý không ảnh hưởng đến sức khoẻ an toàn người sử dụng mà trực tiếp ảnh hưởng đến chất lượng tương tác hiệu làm việc người sử dụng – – – – – Vị trí vật lý Nhiệt độ Ánh sáng Tiếng ồn Thời gian CuuDuongThanCong.com https://fb.com/tailieudientucntt 57 Màu sắc • Sử dụng theo quy ước chung theo mong muốn người dùng CuuDuongThanCong.com https://fb.com/tailieudientucntt 58 Ví dụ: vận dụng nhân trắc học để có thiết kế tốt • Có vấn đề với thiết kế thiết bị điều khiển từ xa hiệu Apex? • Tại nói thiết bị điều khiển từ xa hiệu TiVo thiết kế tốt hơn? – Hình củ lạc, vừa tay người dùng độ tuổi, dễ cầm – Thứ tự thị hợp lý, có quan tâm đến việc sử dụng màu sắc để mô tả ngữ nghĩa chức năng, cụm phím dễ phân biệt – Dễ định vị phím CuuDuongThanCong.com https://fb.com/tailieudientucntt 59 ... khung • Các dạng tương tác – dạng – Ưu nhược điểm dạng tương tác • Yếu tố mơi trường ảnh hưởng nhiều đến hiệu tương tác • Bài tập: tìm hiểu thêm lưu ý thiết kế tương tác 3D CuuDuongThanCong.com... VÀ MÁY TÍNH I Mơ hình tương tác II Phương thức tương tác III Ngữ cảnh tương tác CuuDuongThanCong.com https://fb.com/tailieudientucntt 15 Mở đầu Việc tương tác coi đối thoại người dùng máy tính. .. trình tương tác người ND máy tính • Nghiên cứu mơ hình tương tác cho phép – Hiểu diễn trình tương tác người dùng hệ thống – Xác định nguồn gốc, ngun nhân khó khăn q trình tương tác CuuDuongThanCong.com