Bài giảng Tương tác người máy - Chương 3: Sự tương tác tìm hiểu về sự tương tác; các yếu tố tạo ra một sản phẩm có tính tương tác tốt; mô hình và loại hình tương tác trong thiết kế giao diện.
Chương Sự tương tác http://fit.lqdtu.edu.vn/~trangdld/info.aspx Đặng Lê Đình Trang - IS.FIT.MTA Mục tiêu Sự tương tác gì? Các yếu tố tạo sản phẩm có tính tương tác tốt Cơ mơ hình loại hình tương tác (trong thiết kế giao diện) Đặng Lê Đình Trang - IS.FIT.MTA Nội dung Khái niệm tương tác Các mơ hình tương tác Thiết kế hợp lý Các loại hình tương tác Giao diện WIMP Tính tương tác Một số yêu cầu khác Đặng Lê Đình Trang - IS.FIT.MTA Khái niệm tương tác Tương tác (trong Tương tác người – máy) trình trao đổi thông tin người sử dụng hệ thống máy tính (các thiết bị) Với người: trình thu nhận thơng tin thơng qua giác quan, cảm nhận, trải nghiệm tác động Với “máy tính”: q trình nhập liệu, xử lý phản hồi (hiển thị, …) Đặng Lê Đình Trang - IS.FIT.MTA Tương tác gì? USER Communication SYSTEM Mục tiêu là: Hiệu chuyển tải (chất lượng thông tin, ) Đảm bảo yêu cầu người dùng Phù hợp với khả hệ thống Yêu cầu với nhà phát triển? Đặng Lê Đình Trang - IS.FIT.MTA Các mơ hình tương tác Điều kiện tương tác Mơ hình Foley Mơ hình Norman Khung tương tác Đặng Lê Đình Trang - IS.FIT.MTA Một vài điều kiện Miền – Đó phạm vi lĩnh vực hoạt động chương trình, sản phẩm Mục tiêu – Những mà cần đạt đến – hay hơn, mà khách hàng cần! VD: thiết kế đồ họa, quản trị thơng tin, … VD: Vẽ hình 3D, quản lý sản phẩm, … Nhiệm vụ – Ta cần làm để đạt mục tiêu đó? VD: Ctr+cuộn, điền khung, … Đặng Lê Đình vào Trang - IS.FIT.MTA Mơ hình Foley (1980) Mức độ khái niệm:Hiểu mơ hình tâm thần người sử dụng Mức độ ngữ nghĩa: Ý nghĩa thông tin mà người dùng nhập vào hệ thống ngược lại Mức độ cú pháp: Cách sếp từ ngữ thành câu có nghĩa (với máy) Mức độ từ vựng: Hiểu biết chế người dùng xây dựng cấu tương tác người - máy Đặng Lê Đình Trang - IS.FIT.MTA Mơ hình Donald Norman(1988) giai đoạn: Người dùng thiết lập mục tiêu Mơ hình hóa (cơng thức hóa) mục tiêu Cụ thể hóa hành động giao diện Thực hành động Cảm nhận trạng thái hệ thống Diễn giải trạng thái hệ thống Đánh giá sở mục tiêu đề Mơ hình Norman tập trung chủ yếu vào giao diện người dùng Đặng Lê Đình Trang - IS.FIT.MTA Mơ hình Norman Đặng Lê Đình Trang - IS.FIT.MTA 10 Một số thành phần khác Nút bấm – đại diện cho hành động Check box, radio button – dùng để đánh dấu lựa chọn người dùng Thanh công cụ (toolbard) – tập hợp chức năng, hành động dài, hỗ trợ truy cập nhanh chức hay sử dụng Text + biểu tượng + hiệu ứng trực quan Hiệu tương tác tốt hơn, dừng Đặng Lê Đình Trang - IS.FIT.MTA 49 lạm dụng! Hộp hội thoại Một thành phần quan trọng giao diện tương tác Dạng cửa sổ hiển thị thông tin vài lựa chọn đưa cho người dùng kiện quan trọng hay yêu cầu Ứng dụng: Thông báo Xác nhận(save, delete, …) Truy vấn liệu Đặng Lê Đình Trang - IS.FIT.MTA 50 Giao diện sử dụng tiếng nói Sử dụng tiếng nói để lệnh cho thiết bị Phát triển nhanh, cịn thiếu xác, bị giới hạn bởi: Ngôn ngữ Ngữ điệu Ngữ cảnh VD: Siri Đặng Lê Đình Trang - IS.FIT.MTA 51 Tính tương tác Dễ dàng tiếp cận Quan sát cảm nhận Đặng Lê Đình Trang - IS.FIT.MTA 52 Quan sát cảm nhận Tất hệ thống sử dụng giao diện WIMP bao gồm thành phần giống như: cửa sổ, biểu tượng, menu, … Nhưng hệ thống lại có cách hoạt động khác VD: Windows Ubuntu 11 menu Hiển thị + hoạt động = Quan sát + cảm nhận Đặng Lê Đình Trang - IS.FIT.MTA 53 Tính chủ động Tính chủ động hay khả dự đốn tính tương đối phổ biến phần mềm thiết kế, lập trình Mơ tả: khả dự đốn trước hành động người dùng, đưa gợi ý hướng người dùng tới thao tác xác, nhanh chóng VD: eclipse IDE, MS Excel, Solidwork, … Đặng Lê Đình Trang - IS.FIT.MTA 54 Tính chủ động (tiếp) Tính chủ động mang lại hiệu tương tác đặc biệt cao, khác với vấn đề khác chủ yếu liên quan tới giao diện, data in/output, tính chủ động vào hành động nội dung chương trình thơng minh Đòi hỏi: Nhà phát triển phải nghiên cứu kỹ nhu cầu, thói quen, tâm lý người dùng Chuẩn bị chu đáo mặt nội dung chương trình … Đặng Lê Đình Trang - IS.FIT.MTA 55 Lỗi sửa lỗi Vấn đề lỗi tương tác tránh khỏi, đặc biệt lỗi người dùng giao diện Giao diện phức tạp (tính tương tác tốt) dễ gặp lỗi dự đoán lỗi sửa lỗi VD: giao diện hội thoại ln cần q trình xác nhận lệnh + vài câu để “từ chối” Đặng Lê Đình Trang - IS.FIT.MTA 56 Ngữ cảnh Ngữ cảnh ảnh hưởng nhiều tới hành động hệ thống xảy tương tác Ngữ cảnh chương trình (đang thực thi) Ngữ cảnh hệ thống (Hệ điều hành) Môi trường hoạt động hệ thống (địa lý, văng hóa, khí hậu, thời gian, …) Ảnh hưởng tới cảm nhận người dùng Thao tác sử dụng chương trình Bối rối, phân vân? Đặng Lê Đình Trang - IS.FIT.MTA 57 Một số yêu cầu khác Tính kinh nghiệm Yếu tố vật lý Các tiêu chuẩn yếu tố văn hóa Thiết kế có tính cần Đặng Lê Đình Trang - IS.FIT.MTA 58 Tính kinh nghiệm Trong trình thiết kế, nhà phát triển ln phải quan sát, thực thử nghiệm thực tiễn (kinh nghiệm) để đưa thiết kế trực quan, gần gũi với người dùng Thực ảo! VD: Khi thiết kế phần mềm đọc sách điện tử + Thói quen đọc sách + Chuyển động trang sách, … Đặng Lê Đình Trang - IS.FIT.MTA 59 Yếu tố vật lý Đặc biệt quan trọng thiết kế chương trình mơ thiết bị thực Cơng thái học – kích thước tối thiểu nút bấm, … Hình dạng kết hợp âm thanh, ánh sáng tạo cảm giác thật Tính động hình ảnh – ấn phím ảo Quá nhiều yếu tố vật lý Cồng kềnh, gây áp lực lên phần cứng Tác dụng phụ Đặng Lê Đình Trang - IS.FIT.MTA 60 Tiêu chuẩn, văn hóa Tùy theo ứng dụng, môi trường, lĩnh vực mà phần mềm sử dụng, người thiết kế cần quan tâm tới tiêu chuẩn ngành nghề VD: Mạch điện: - màu đỏ: dây nóng, có điện - màu đen: dây mát Yếu tố văn hóa (quốc gia, dân tộc) cần quan tâm Đặng Lê Đình Trang - IS.FIT.MTA 61 Thiết kế cân Con người Máy móc Hiệu ứng chân thực Dễ dàng sử dụng Hiệu hoạt động Thiết kế phức tạp Tương tác tốt Chi phí thiết kế Thơng minh Thời gian Đặng Lê Đình Trang - IS.FIT.MTA 62 Bạn cần tìm hiểu gì? Lựa chọn phần mềm (trên PC, smartphone, hay máy giặt) phân tích lại có thiết kế vậy? Tự thiết kế giao diện bất kỳ, sử dụng kiến thức học (mơ hình, phong cách, quy tắc, …) Đặng Lê Đình Trang - IS.FIT.MTA 63 ... Đặng Lê Đình Trang - IS.FIT.MTA 23 VD: máy CNC vs Car (android) Đặng Lê Đình Trang - IS.FIT.MTA 24 Các loại hình tương tác Đối thoại máy người Các loại hình tương tác Đặng Lê Đình Trang -. .. mô hình tương tác Thiết kế hợp lý Các loại hình tương tác Giao diện WIMP Tính tương tác Một số yêu cầu khác Đặng Lê Đình Trang - IS.FIT.MTA Khái niệm tương tác Tương tác (trong Tương tác người. .. khoảng cách Đặng Lê Đình Trang - IS.FIT.MTA 38 Giao diện chiều (tiếp) Đặng Lê Đình Trang - IS.FIT.MTA 39 Các thành phần WIMP Cửa sổ Biểu tượng Menu Con trỏ … Đặng Lê Đình Trang - IS.FIT.MTA