CTT534 – Thiết Kế Giao Diện HK II 2015 – 2016 Đánh giá thiết kế giao diện Bài giảng có tham khảo nguồn tài liệu sau - MIT CS Course 6.813/6.831 - USC’s CSCI 588 Nội dung n n Tổng quan đánh giá thiết kế giao diện Các phương pháp đánh giá q Chuyên gia n q Người dùng n n n 5/24/16 Đánh giá heuristic Field studies Formative evaluation Controlled experiment Qui trình áp dụng cho đồ án Đề xuất đồ án PA1 Phân tích người dùng nhiệp vụ PA2 Phác thảo sơ lược PA3 Đánh giá prototype Prototype ban đầu Chi tiết prototype Đánh giá prototype Cài đặt PA4 Kiểm thử người dùng PA5 5/24/16 Đánh giá – Why? What? Where? When? n Thiết kế tương tác đánh giá trình liên tục, xem xét khía cạnh sau: q q q q 5/24/16 Why: kiểm tra xem người dùng dùng sản phẩm ko, họ có thích sản phẩm ko What: thiết kế ý tưởng ban đầu, làm prototype sau chi tiết, hoàn thành prototype Where: môi trường tự nhiên có thiết lập When: xuyên suốt trình thiết kế; sản phẩm hoàn thành đánh giá để thu thập thông tin mô tả sản phẩm Một vòng thiết kế đảm bảo tính khả dụng n Thiết kế ý tưởng (conceptual design) q n Phát triển đánh giá ý tưởng thiết kế ban đầu với người dùng Thiết kế prototype ban đầu (early prototype design) q Qui trình phát triển liên tục với người dùng n n n Cách ứng xử hệ thống có khớp với yêu cầu nghiệp vụ người dùng ko? Có vấn đề với thiết kế hay ko? Thiết kế prototype hoàn chỉnh q 5/24/16 Kiểm thử chấp nhận (acceptance testing) giúp xác định hệ thống có thỏa mãn yêu cầu hiệu người dùng mong đợi ko Mục đích đánh giá n Đánh giá hiệu tương tác với người dùng q n n Tính khả dụng thỏa mãn người dùng Đánh giá phạm vi chức hệ thống Xác định vấn đề cụ thể thiết kế q 5/24/16 Xác định khía cạnh thiết kế gây nhầm lẫn kết ko mong đợi Các phương pháp đánh giá n Đánh giá heuristic q n Do chuyên gia thực Do người dùng thực việc kiểm tra q q q 5/24/16 Field studies Formative evaluation Controlled experiment Nội dung n n Tổng quan đánh giá thiết kế giao diện Các phương pháp đánh giá q Chuyên gia n q Người dùng n n n 5/24/16 Đánh giá heuristic Field studies Formative evaluation Controlled experiment Các hướng dẫn/heuristics tính khả dụng n Nhiều heuristics dựa vào q q q n 10 heuristics Nielsen đề nghị Các luật Norman Design of Everyday Things luật vàng Shneiderman Heuristics q q 5/24/16 Giúp người thiết kế chọn lựa giải pháp thiết kế Giúp người đánh giá tìm vấn đề thiết kế, đánh giá giao diện (do gọi đánh giá dựa vào heuristics) Các nguyên tắc thiết kế UI học n n n n n n n Tính dễ học(learnability)/dễ nhớ (memorability) – Viết tắt L Tính trực quan (visibility) – V Tính đơn giản (simplicity) – S User control – UC Xử lí lỗi (error handling) – ER Tính hiệu (efficiency) – E Thiết kế đồ họa (graphic design) – GD 5/24/16 10 Chuẩn bị đề xuất n Test proposal bao gồm q q q q q 5/24/16 Mục đích kiểm tra (test objective) Các thành viên tham gia kiểm tra (test participants) Môi trường nguyên liệu kiểm tra (test environment & materials) Phương pháp luận kiểm tra (test methodology) áp dụng n Mô tả chi tiết hệ thống/tác vụ/thuộc tính kiểm tra Lượng giá kiểm tra (test measures) n Dữ liệu kiểm tra cần thu thập phân tích 60 Chuẩn bị môi trường n n Môi trường kiểm tra tính khả dụng Trang thiết bị q q q n Máy tính Camera Truy cập internet Video: http://www.youtube.com/watch?v=XtXYchttqQ4&feature=relat ed 5/24/16 61 Chọn thành viên tham gia n Thành viên tham gia phải chọn lựa để đại diện cho cộng đồng người dùng mong đợi, xem xét khía cạnh sau: q n background, kinh nghiệm với tác vụ, trình độ học vấn… Người tham gia tình nguyện thông báo rõ ràng 5/24/16 62 Xác định dạng thức thuộc tính n Các dạng khác q q q q n Paper mockups Special usability testing Remote usability testing Quay video trình thực tác vụ người tham gia 5/24/16 63 Chiến lược đánh giá n Phương pháp khoa học áp dụng vào HCI bao gồm bước sau: q A state lucid and testable hypothesis q q B identify independent variables that are to be manipulated q q Xác định biến phụ thuộc để đo lường D select subjects and assign subjects to groups q 5/24/16 Xác định biến độc lập C choose dependent variables that will be measured q q Đưa giả thuyết rõ ràng, test Chọn chủ thể gán chủ thể vào nhóm 64 Chiến lược đánh giá (tt) n Phương pháp khoa học áp dụng vào HCI bao gồm bước sau: q E control for biasing factors q q F apply statistical methods to data analysis q q Sử dụng phương pháp thống kê để phân tích liệu G interpret experimental results q 5/24/16 Điều kiển nhân tố thiên lệch Diễn đạt kết thực nghiệm 65 Chiến lược đánh giá (tt) n Giả thuyết (hypothesis) q Ví dụ, test menu “Ko có khác biệt hiệu người dùng (xét khía cạnh thời gian lỗi) chọn item đơn từ pop-up chọn pull-down menu có item, chủ thể trước có kinh nghiệm sử dụng chuột hay sử dụng kiểu menu khác” 5/24/16 66 Chiến lược đánh giá (tt) n Các biến độc lập (independent variables) q q Những thứ ko phụ thuộc vào hành vi người dùng Chẳng hạn, ví dụ test menu trên: “Ko có khác biệt hiệu người dùng (xét khía cạnh thời gian lỗi) chọn item đơn từ pop-up chọn pull-down menu có item, chủ thể trước có kinh nghiệm sử dụng chuột hay sử dụng kiểu menu khác” Biến độc lập: -Loại menu: pop-up full-down -Loại chủ thể: chuyên gia người sử dụng 5/24/16 67 Chiến lược đánh giá (tt) n Biến phụ thuộc q q q Là biến phụ thuộc vào hành vi (behavior) hay phản ứng (reaction) người dùng biến độc lập Những thứ cụ thể mà bạn thiết lập để đo lường/quan sát Chẳng hạn, ví dụ test menu trên: Biến phụ thuộc: -Tốc độ: thời gian chọn item -Tỉ lệ lỗi: số lỗi gây -Dễ học: thời gian để sử dụng menu thành thục 5/24/16 68 Chiến lược đánh giá (tt) n Chủ thể (subjects) q q 5/24/16 Những người thực tác vụ Hãy cẩn thận việc chọn lựa chủ thể gán chủ thể vào nhóm 69 Chiến lược đánh giá (tt) n Phân tích liệu thống kê (statistical data analysis) q Áp dụng phương pháp thống kê q Phân tích đơn giản n n n 5/24/16 Xác định mean median So sánh giá trị mean median phương pháp với Sử dụng phương pháp kiểm tra giả thuyết (chẳng hạn, student t-test, ANOVA) 70 Chiến lược đánh giá (tt) n Phân tích liệu thống kê q 5/24/16 Trình bày dạng biểu đồ, bảng biểu đồ thị 71 Chiến lược đánh giá (tt) n Thể kết thực (interpreting experimental results) q q q q 5/24/16 Bạn nghĩ kết đưa ý nghĩa Hàm ý chúng thiết kế bạn Làm để tổng quát hoát kết Các giới hạn phê bình 72 Tổng kết n Tổng quan qui trình đánh giá giao diện q n Thực xuyên suốt trình thiết kế giao diện để đảm bảo tính khả dụnge Qui trình field studies q q q q Chuẩn bị đề xuất kiểm tra Chọn thành viên tham gia Chọn thuộc tính kiểm tra Thực kiểm tra Kĩ thuật: n n n q 5/24/16 Thanh tra (inspection) Quan sát trực tiếp (direct observation) Kĩ thuật truy vấn (Query techniques) Đo đạc kết kiểm tra 73 Tổng kết (tt) n Formative evaluation q n Kĩ thuật “think aloud” Controlled experiment q Các bước controlled experiments n n n n n 5/24/16 Đề giả thuyết Xác định biến độc lập, biến phụ thuộc Chọn lựa chủ thể Tiến hành phân tích thống kê Trình bày kết 74 ... 5/24/16 Giúp người thiết kế chọn lựa giải pháp thiết kế Giúp người đánh giá tìm vấn đề thiết kế, đánh giá giao diện (do gọi đánh giá dựa vào heuristics) Các nguyên tắc thiết kế UI học n n n n n... trường tự nhiên có thiết lập When: xuyên suốt trình thiết kế; sản phẩm hoàn thành đánh giá để thu thập thông tin mô tả sản phẩm Một vòng thiết kế đảm bảo tính khả dụng n Thiết kế ý tưởng (conceptual... Tính khả dụng thỏa mãn người dùng Đánh giá phạm vi chức hệ thống Xác định vấn đề cụ thể thiết kế q 5/24/16 Xác định khía cạnh thiết kế gây nhầm lẫn kết ko mong đợi Các phương pháp đánh giá n Đánh