ĐẠ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
1
TKGDND
GV: Tạ Thu Thủy
2/21/2022
CHƯƠNG 1:
CÁC NGUYÊN LÝ
THIẾT KẾ GIAO DIỆN
2
TKGDND
2/21/2022
▪ Định nghĩa: Giao diện người dùng là nơi mà con người và máy móc cùng làm việc với nhau, là
những gì chúng ta nhìn thấy trên màn hình và tương tác với máy tính thơng qua những câu lệnh
được mã hóa. Gồm: Bố cục, màu sắc, kiểu chữ, đồ họa,…
TKGDND
2/21/2022
3
1.1 Tổng quan
1.2 Usability
1.3 Learnability
1.4 Efficiency
1.5 Safety
TKGDND
2/21/2022
4
Usability = Learnability +
Efficiency + Safety
TKGDND
2/21/2022
5
▪
Learnability: Có dễ hiểu cách sử dụng hay khơng?
▪
Efficiency: Dùng có nhanh hay khơng?
▪
Safety: Có dễ mắc lỗi hay khơng? Có dễ phục hồi lỗi hay khơng?
TKGDND
2/21/2022
6
▪ Cách “Học” một “Giao diện”: Doing
TKGDND
2/21/2022
7
▪ Cách “Học” một “Giao diện”: Watching
TKGDND
2/21/2022
8
TKGDND
2/21/2022
9
TKGDND
2/21/2022
10
▪Dễ học?
TKGDND
2/21/2022
11
▪Cách tương tác #1: Command Language
TKGDND
2/21/2022
13
▪Cách tương tác #2: Menu & Form
TKGDND
2/21/2022
14
▪Cách tương tác #3: Direct Manipulation
TKGDND
2/21/2022
15
▪Cách tương tác #4: Speech Dialog
TKGDND
2/21/2022
16
▪Cách tương tác #5: Tổng hợp
TKGDND
2/21/2022
17
▪Cách tương tác #5:
Tổng hợp
TKGDND
2/21/2022
18
▪So sánh các cách tương tác trên các
khía cạnh sau:
Learnability
Error message
User Type
TKGDND
2/21/2022
19
▪Tính nhất quán: Cho phép User dễ liên hệ đến
cách sử dụng của chức năng họ đã biết:
- Chức năng có mục đích giống nhau thì thiết kế
tương tự nhau.
- Chức năng có mục đích khác nhau thì thiết kế
khác nhau.
TKGDND
2/21/2022
20
▪Tính nhất quán:
TKGDND
2/21/2022
21
▪Tính nhất quán:
TKGDND
2/21/2022
22
▪Tính nhất quán:
TKGDND
2/21/2022
23
▪Tính nhất quán:
TKGDND
2/21/2022
24
▪Thuận theo
tự nhiên:
TKGDND
2/21/2022
25
▪Tính nhất quán: Trong sử dụng văn bản
TKGDND
2/21/2022
27