Được tổng hợp từ slide bài giảng và một số tài liệu liên quan, giúp các bạn ôn tập vấn đáp (K13-HaUI)
Hệ thống dự đoán câu hỏi vấn đáp, dựa theo slide giáo trình VER 2.0 Cập nhật them số câu hỏi Thầy hỏi chi tiết them số phần Những phần highlight phần hỏi + phần note thêm dựa theo tương đồng câu hỏi nội dung Tổng hợp bởi: Hà Quốc Tuấn ! Chương Tương tác người máy Vai trị HCI Tại phải nghiên cứu HCI Các thành phần, nội dung nghiên cứu HCI Lĩnh vực lien quan đến thiết kế, đánh giá cài đặt hệ thống máy tính tương tác cao cho người sử dụng nghiên cứu tượng xảy Tạo hệ thống an toàn sử dụng được, dễ học dễ dáng sử dụng Giao diện nơi giao tiếp người dung máy tính tăng suất lao động giảm chi phí đào tạo giảm lỗi người dung tạo sản phẩm có chất lượng cao, giao diện đẹp giảm lỗi nguy hiểm Môi trường: sử dụng ngữ cảnh ứng dụng, lĩnh vực ứng dụng phù hợp với người – máy, thiết kế để đạt tới phù hợp đối tượng việc sử dụng chúng Con người: đặc trưng người, tính chất q trình xử lý thơng tin người, cấu trúc hành động, chất giao tiếp yêu cầu vật lý, sinh học người Máy tính: hệ thống máy tính kiến trúc giao diện, thiết bị hỗ trợ vào ra, kỹ thuật đối thoại, ẩn dụ giao tiếp, thiết kế đồ họa Các yếu tố quan tâm Ai tham gia xây dựng HCI Tính quán HCI Chương 2: tính sử dụng hệ thống tương tác Tính sử dụng Tính chất tính sử dụng Q trình phát triển: tiến trình thiết kế, kỹ thuật phân tích đặc tả nhiệm vụ, kỹ thuật cơng cụ cài đặt, kỹ thuật đánh giá Các yếu tố tổ chức Yếu tố môi trường Yếu tố sức khỏe, an toàn Người sử dụng Yếu tố thuận tiện Yếu tố nhiệm vụ Các rang buộc Chức hệ thống Yếu tố suất Chuyên gia thiết kế đồ họa Người kế tương tác/giao diện Người làm tài liệu kỹ thuật Nhân viên tiếp thị Kỹ sư kiểm thử Kỹ sư phần mềm Được áp dụng nhiều tình như: cách đặt tên, đặt tham số, … Tính quán biểu diễn theo thuật ngữ dạng biểu diễn đầu vào đầu tôn trọng ngữ nghĩa hành động vài mơ hình khái niệm hệ thống Tính quán nguyên tắc khó dung Là khả hệ thống sử dụng người cách dễ dang hiệu Hiệu quả: tính xác đầy đủ mà với người sử dụng đạt mục tiêu xác định trước Năng suất: tài nguyên cần sử dụng để đạt tính xác đầy đủ mà với người sử dụng đạt mục Các thuộc tính tính sử dụng Nguyên lý thiết kế hệ thống có tính sử dụng Các nguyên tắc tính thuận tiện tiêu xác định trước Thỏa mãn: không bực dọc, lo lắng có quan điểm tích cực với việc sử dụng sản phẩm Hiệu quả: xác đầy đủ Tính học được: hệ thống học khơng ? đặc trưng quan trọng, cho phép người dùng thiếu kinh nghiệm sử dụng sử dụng đạt hiệu tối đa Năng suất: sử dụng có nhanh khơng Tính nhớ được: nhớ khơng Các lỗi: hay nhiều lỗi Thỏa mãn mục đích: có thích sử dụng hệ thống khơng Sự rõ rang: nhận biết trạng thái hành cần biết làm Phản hồi: cần nhìn thấy thay đổi Gợi ý: trỏ gợi ý, hình, đường Ánh xạ: ánh xạ từ tự nhiên, ví dụ: âm to chọn số lớn Ràng buộc: ví dụ: đèn đỏ lắp sau, đèn vàng lắp trước Quy ước: rang buộc văn hóa, văn hóa Tính học được: dễ học, thể qua thời gian cơng sức bỏ để đạt trình độ sử dụng định Tính dễ sử dụng: tương tác hiệu với người sử dụng thể qua mức độ dễ mà mục tiêu hồn thành mà khơng có lỗi, đánh giá thời gian hiệu suất cơng việc Tính linh động: thích ứng với Tính thẩm mỹ Tại phải tuân theo nguyên tắc tính sử dụng Chương 3: khả người Thành phần vào người Thị giác – cảm nhận hình ảnh Thính giác – chất âm hoàn cảnh khác nhau, thể qua khả đáp ứng hệ thống với người dùng Tính cảm xúc: làm cho người dùng cảm thấy thoải mái, thể qua mức độ ưa thích thoải mái người dùng sử dụng hệ thống thể qua giá trị cảm xúc, tính thẩm mỹ yếu tố phù hợp với môi trường đánh giá thông qua câu hỏi điều tra số sinh lý Là tính chất tính cảm xúc Giúp tập trung vào mục tiêu đặt Đo lường mức độ hoàn thành mục tiêu Là phương pháp để dùng để đánh giá thiết kế Thông qua năm giác quan: thị giác, thính giác, khứu giác, vị giác xúc giác Giác quan quan trọng: thị giác, thính giác, khứu giác Có luật: - Luật tương tác: thành phần tương tự - Luật lien tục: thành phần lien tiếp tạo thành đường cong mượt - Luật đóng: thành phần tạo thành hình đóng Cảm nhận độ sâu thong qua chuyển động, chi tiết điểm ảnh, vị trí vật thể, kích thước - Cảm nhận cường độ âm (độ to nhỏ), tần số âm thanh( dộ cao thấp), âm sắc( khác nguồn âm thanh) Xúc giác Bộ nhớ người Ghi nhớ ( chăc nhớ ) slide Quên ( quên) - HCI: sử dụng vào việc thong báo: thông báo gõ nhầm nút, thông báo vào windows, thông báo hết pin - Phát hiểu thông tin cảm nhận từ da.: sức ép, nhiệt độ, mức độ đau - HCI: cảm nhận phím bấm nhấn xuống - Bộ nhớ giác quan: chứa thông tin vào giác quan, liên tục bị ghi đè tín hiệu - Bộ nhớ ngắn hạn: gọi nhớ làm việc người nhớ +- mục liên tiếp Lượng thông tin ghi nhớ nhớ ngắn hạn dần quên theo thời gian, theo biểu đồ xuống - Bộ nhớ dài hạn: dung lượng lớn nhiều so với nhớ ngắn hạn nhiễu thông tin, thông tin nhiễu thông tin cũ Nhớ theo tình tiết, nhớ theo ngữ nghĩa HOẠT ĐỘNG CHÍNH: nhớ, qn, truy cập thơng tin - Do trình nhắc nhắc lại từ nhớ ngắn hạn theo nghiên cứu khoa học cho thấy: lượng thông tin nhớ tỉ lệ với thời gian học, việc nhớ hay học tập đạt hiệu tốt dàn trải theo thời gian - Đặc điểm: nhớ từ mô tả đối tượng dễ mô tả khái niệm - Gồm học thuyết quên: - Sự phân rã: thông tin nhớ dần - Sự can thiệp – nhiễu: thông tin cũ có can thiệp thơng tin mới, thông tin cũ nhiều Truy cập thông tin - Chương 4: Máy tính HCI Thiết bị nhập Thiết bị xuất Chương 5: thiết kế hướng người sử dụng Các mơ hình phát triển phần mềm Vịng đời kỹ nghệ giao diện người sử dụng - can thiệp lại thơng tin Cảm xúc ảnh hưởng đến quên, kiện có nhiều cảm xúc bị qn Có loại Nhớ lại: thông tin chép laiji từ nhớ Nhạn dạng: so sánh thông tin với thơng tin nhớ Q trình nhận dạng đơn giản có nhiều gợi ý từ thơng tin nhớ Bàn phím Nhận dạng chữ viết Nhận dạng tiếng nói Chuột Joystick Màn hình cảm ứng Light pen Màn hình, thiết bị led, thiết bị phát âm thanh, máy in Mơ hình nước Mơ hình thiết kế lặp Các bước: - Nhận biết người sử dụng: quan sát, vấn, hình thành kịch người sử dụng điển hình - Đo tính sử dụng được: phân tích giao diện cạnh tranh theo kinh nghiệm - Thiết kế tương tác hướng mục tiêu: thiết kế giao diện ban đầu hướng mục tiêu - Thiết kế lặp: thực “thiết kế, kiểm thử, tái thiết kế” xây dựng đánh giá mẫu yếu tố quan tâm như: phát vấn đề tính sử dụng, lỗi giao diện, lỗi thu thập lưu trữ thông tin - Nghiên cứu phản hồi: lấy ý kiến người dùng Mục đích thiết kế hướng người sử - Thiết kế hệ thống thuận tiện dụng - Tập trung vào mục tiêu, mơ hình khái niệm, rang buộc người sử dụng Cách thực “thiết kế hướng người sử - Người thiết kế hiểu người sử dụng dụng” - Người sử dụng nên tham gia tích cực giai đoạn phân tích thiết kế - Lặp tiến trình thiết kế - Người thiết kế người sử dụng đánh giá hệ thống đưa giải pháp Mục tiêu phân tích người dùng - Nhận biết người sử dụng hệ thống - Họ có kỹ gì, mức độ đến đâu - Họ sử dụng hệ thống Nhiệm vụ phân tích người sử dụng - Phân tích yếu tố quan trọng người sử dụng: tuổi, giới tính, học vấn, khả năng, kỹ năng, mơi trường làm việc, quan hệ xã hội… - Phân nhóm người sử dụng theo yếu tố: người có kỹ (mới , thành thạo) ; tần suất sử dụng người sử dụng (nhiều , ít) - Các ví dụ: … Chương 6: nguyên lý thiết kế Chương 7: mô hình vào Chương 8: xây dựng mẫu - Là mơ hình thu nhỏ Bản mẫu(ngun mẫu, prototype) ? - Là thảo hay mơ với khả dể thay đổi phần giao diện người dung - Sử dụng nhiều lĩnh vực thiết kế khác - Độ trung thực khác Tại phải xây dựng mẫu ? - Bản mẫu xây dựng nhanh Các loại prorotype ? - Độ trung thực mẫu ? - Tổng quan, đặc điểm mẫu giấy - Tại phải xây dựng mẫu giấy - so với cuối cùng, đánh giá, nhận xét ưu nhược điểm khắc phục sớm Với thiết kế khó giải cần Xây dựng nhiều mẫu chứa giải pháp khác Hỗ trợ giao tiếp đội ngũ phát triển sử dụng UI Dãy phác họa hình Storyboard (phiim hoạt dãy phác họa) Powerpoint slideshow Video mô sử dụng hệ thống Đoạn chuowgn trình với chưc hạn chế viết ngơn ngữ lập trình Mơ hình vật lý Là mức độ tương tự mẫu so với giao diện UI cuối Bản mẫu có độ trung thực thấp thiếu nhiều chi tiết, sử dụng nguyên liệu rẻ tiền Bản mẫu có độ trung thực cao có độ tương tự cao so với sản phẩm cuối Là lựa chọn tốt cho vòng lặp thietes kế Là mơ hình giao diện chủ yếu làm từ giấy Được phác họa tay mẩu giấy, mẩu giấy biểu diễn phần tử khác Đánh giá: độ trung thực thấp hình dáng cảm giác Phác họa tay nhanh phác họa máy tính Dễ thay đổi Tập trung vào tranh tổng thể, tránh ý vào chi tiết nhỏ nhặt Tang phản hồi nhận từ người sử dụng Một số kinh nghiệm xây dựng mẫu giấy ? Có thể biết gì, khơng biết từ mẫu giấy - Protorype máy tính - Có thể nhận biết từ mẫu máy tính ? - Tại nên sử dụng công cụ tạo mẫu( prototype tool) Các kỹ thuật xây dựng mẫu prototype - Khơng địi hỏi kỹ thuật đặc biệt Kích thước nên lớn thực tế Không quan tâm nhiều đến màu sắc Không cần trình diễn hiệu ứng Tổ chức tốt mẩu giấy nhỏ Sử dụng kẹp giấy, phong bì thư Người sử dụng cần phải hiểu ẩn dụ, mơ hình khái niệm Có thể nhận biết vấn đề: mơ hình khái niệm, chưc năng, đường dẫn, luồng nhiệm vụ, thuật ngữ Khó nhận biết số vấn đề: vấn đề tính sử dụng được, tính trung thực đồ họa, nhiệm vụ tương tác mà phụ thuộc vào cảm giác độ trung thực cao, thời gian đáp ứng Có độ trung thực cao hình dáng cảm giác Có độ trung thực thấp theo chiều sâu Phản hồi từ giao diện Bố trí hình; rõ rang hay phức tap Màu sắc, font chữ, icon thành phần khác Phản hồi tương tác: phản hồi trạng thái, thông điệp, thông báo, dạng trỏ Luật fitts Giúp trình lập trình nhanh Dễ dàng them sửa , xóa Storyboard: trình tự hình cố định, hình có nhiều liên kết, bấm để nhảy tới hình khác ƯU điểm: giống mẫu giấy, NHƯỢC điểm: tính Form builder: công cụ để vẽ giao diện sử dụng widget( botton, lable ) VD: html, net forms Chương 9: thiết kế biểu tượng Tổng quan biểu tượng, icon Biểu tượng gì… Các loại biểu diễn biểu tượng Các chuẩn thiết kế nguyên tắc thiết kế (phần dịch từ slide tiếng anh google) 10 lỗi hay mắc phải thiết kế - Icon sử dụng để thực sử tương tác ứng dụng người dung - Là phàn giao diện đồ họa cung cấp khả học, hiều ghi nhớ chức hệ thống trợ giúp người dung thao tác với phần từ - GUI cung cấp biểu diễn ẩn dụ cho nhiệm vụ người dùng - Biểu diễn đối tượng vật lý: ổ đĩa, máy in - Biểu diễn chức hệ thống - Biểu diễn đối tượng điều khiển - Có nhiều chuẩn cho thiết kế đảm bảo tính tiện dụng như: chuẩn ISO/IEC hưỡng xử lý, chuẩn ISO hướng sản phẩm - Tiếp cận thiết kế biểu tượng cách tổng thể - Cân nhắc đối tượng người xem bạn - Thiết kế theo kích thước mà biểu tượng sử dụng - Giữ cho biểu tượng đơn giản đầy tính biểu tượng - Tìm kiếm ánh sáng, phản quang bóng đổ - Sử dụng phối cảng có giới hạn - Tạo phong cách bất biến cho biểu tượng Không đủ khác biệt biểu tượng Quá nhiều yếu tố biểu tượng Các yếu tố không cần thiết Thiếu thống phong cách tập hợp biểu tượng Phối cảnh không cần thiết bóng Các bước thiết kế biểu tượng Các yêu cầu quy trình thiết kế Các biển thể icon, biểu tượng Đánh giá icon đổ nhỏ biểu tượng Phép ẩn dụ nguyên Đặc diểm quốc gia xa hội không thực Hình ảnh phần tử giao diện thực biểu tượng Văn bên biểu tượng 10.Bên ngồi khn khổ pixel - Thu thập u cầu, tìm hiểu mơi trường: icon cần biểu diễn môi trường - Xây dựng ý tưởng: liệt kê danh sách biểu tượng, lựa chọn hình ảnh để hiển thị nôi dung - Xác định cỡ icon: thu hút phụ thuộc vào kích cỡ - Sử dụng màu: theo quy định ISO vd: gam màu nóng thể nguy hiểm - Tính hợp pháp: số vấn đề liên quan đến quyền - Phân biệt rõ rang với biểu diễn trạng thái chế độ khác - Icon dễ hiểu dễ phân biệt có thay đổi giao diện - Tuân thủ theo mệnh đề ISO - Màu sắc không sử dụng phần tử để phân biệt icon - Các chi tiết phụ kết hợp vào icon đẻ thể chức chi tiết phải đảm bảo tính nhận biết - … dài vc - Góc cạnh: vng, cong, - Mức độ chi tiết tang lên không làm giảm tính dễ hiểu icon - Đánh giá icon theo thuộc tính: dựa tren hình ảnh theo tính chất Chương 10: thiết kế trợ giúp Trợ giúp(help) - Mục đích Help ? - - Yêu cầu mà Help cần có Các loại trợ giúp - - - Một số tiếp cận để hỗ trơ người dùng bản: viền, nền, ảnh, nhãn Là hệ thống giúp đỡ người dung, có mặt ứng dụng phần mềm giúp người sử dụng tốt phần mềm nơi cần tím đến cần giúp đỡ Là để trả lời câu hỏi người dung gặp phải quà trình sử dụng mục đích xa đưa tài liệu toàn diện để người dung tham khảo nghiên cứu sâu Các chế định dạng help cho phép cho người dùng thông tin phù hợp cho công việc thời họ Cung cấp cách tiếp cận nhanh tới thơng tin Tính sẵn dung Tính xác đầy đủ Tính quán Tính khỏe Tính linh hoạt Tinh khơng tương tranh Tham khảo nhanh: gợi nhớ cho người sử dụng chi tiết công cụ Trợ giúp cho công việc: yêu cầu người dung bắt gặp vấn đề thực công việc phải làm để sử dụng cơng cụ Giải thích đầy đủ: thường dung người có nhiều kinh nghiệm hay người tị mị, cho phép người dung tìm hiểu đầy dủ Hướng dẫn: hướng dẫn người dung phần mềm cung cấp dẫn bước sử dụng phần mềm - Trợ giúp tương tác: không đợi đến - - Các bước thiết kế trợ giúp (dạng html help) - -