Chuong 1 cac nguyen ly tkgd usability learnability 1 class

ĐẠI HỌC QUỐC GIA TP.HCM ĐẠI HỌC CÔNG NGHỆ THÔNG TIN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG TKGDND GV: Tạ Thu Thủy 2/21/2022 CHƯƠNG 1: CÁC NGUYÊN LÝ THIẾT KẾ GIAO DIỆN TKGDND 2/21/2022 1.1 Tổng quan 1.2 Usability 1.3 Learnability 1.4 Efficiency 1.5 Safety TKGDND 2/21/2022 ▪ Giao diện người dùng gì? TKGDND 2/21/2022 ▪ Thiết kế cho đáp ứng kỹ năng, kinh nghiệm mong đợi người dùng ▪ Người dùng hệ thống thường đánh giá hệ thống dựa vào giao diện chức ▪ Một thiết kế giao diện nghèo nàn: • Có thể gây nên lỗi trầm trọng • Là lý nhiều hệ thống phần mềm không sử dụng TKGDND 2/21/2022 Nhân tố người thiết kế giao diện: ▪ Hạn chế việc ghi nhớ ngắn hạn: Con người nhớ lúc thông tin Nếu nhiều hơn, họ dễ nhầm lẫn gây lỗi ▪ Tạo lỗi chuyện thường tình: Khi người dùng nhầm lẫn hệ thống thực sai, cảnh báo đưa không hợp lý thông báo không mức => làm tăng căng thẳng gây nhiều lỗi ▪ Mỗi người có lực cao thấp khác nhau: Người thiết kế không nên thiết kế dựa vào khả ▪ Mỗi người muốn kiểu tương tác khác nhau: Người thích hình ảnh, người khác lại thích kiểu văn TKGDND 2/21/2022 Các nguyên lý thiết kế: ▪ Thân thiện với người dùng: Giao diện nên dựa vào thuật ngữ khái niệm hướng người dùng khái niệm máy tính ▪ Nhất quán: Hệ thống nên hiển thị cách quán Các lệnh menu nên có định dạng, dấu chấm lệnh nên tương tự ▪ Ít bất ngờ: Nếu lệnh thực theo cách thơng thường, người dùng dự đoán thao tác lệnh tương tự TKGDND 2/21/2022 Các nguyên lý thiết kế: ▪ Có thể khôi phục được: Hệ thống nên cung cấp số chế phục hồi lại tình trạng hoạt động bình thường sau gặp lỗi Cơ chế này bao gồm chức undo, xác nhận hành động hủy, ▪ Hướng dẫn người dùng: Một số hướng dẫn người dùng hệ thống giúp đỡ, tài liệu trực tuyến nên cung cấp ▪ Đa dạng người dùng: Nên cung cấp tiện ích tương tác cho loại người dùng khác Ví dụ, số người dùng có khả nhìn hạn chế nên để cỡ chữ to TKGDND 2/21/2022 ▪ Vấn đề thiết kế UI: Hai vấn đề cần quan tâm: - Người dùng cung cấp thông tin cho hệ thống cách nào? - Hệ thống biểu diễn thông tin đến người dùng nào? ▪ “Everything should be made as simple as possible, but no simpler.” _ Albert Einstein TKGDND 2/21/2022 10 1.1 Tổng quan 1.2 Usability 1.3 Learnability 1.4 Efficiency 1.5 Safety TKGDND 2/21/2022 11 ▪ Cách “Học” “Giao diện” TKGDND 2/21/2022 33 ▪ Cách “Học” “Giao diện”: Doing TKGDND 2/21/2022 34 ▪ Khi cần “Help”? ▪ Thái độ User lúc đó? TKGDND 2/21/2022 35 ▪ Các hệ thống “Help” đại: Khơng giải thích dơng dài => Tập trung giúp User đạt Mục tiêu nhanh nhất! TKGDND 2/21/2022 36 ▪ Các hệ thống “Help” đại: Khơng giải thích dơng dài => Tập trung giúp User đạt Mục tiêu nhanh nhất! TKGDND 2/21/2022 37 Bài học cho Designer ▪ Hiểu mục tiêu User trước Design ▪ User Interface tự phải hướng dẫn cho User cách sử dụng, để đạt Mục tiêu ▪ Chức Help phải tìm kiếm giải Mục tiêu nhanh TKGDND 2/21/2022 38 ▪ Cách “Học” “Giao diện”: Watching TKGDND 2/21/2022 39 ▪ Nhớ cụm từ này: Cây nến Con vịt Trái tim Con thuyền Bà bầu TKGDND Con voi Cái boomerang Người tuyết Quả bóng bay Quả trứng 2/21/2022 40 ▪ Nhắc lại: Cây nến Con vịt Trái tim Con thuyền Bà bầu TKGDND Con voi Cái boomerang Người tuyết Quả bóng bay Quả trứng 2/21/2022 41 ▪ Nhớ hình này: TKGDND 2/21/2022 42 ▪ Nhắc lại: TKGDND 2/21/2022 43 TKGDND 2/21/2022 44 TKGDND 2/21/2022 45 TKGDND 2/21/2022 47 Cảm ơn bạn ý lắng nghe! TKGDND 2/21/2022 48