Chuong 1 cac nguyen ly tkgd learnability(tt) efficiency 2 class

▪ Đị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

THIẾT KẾ

ĐẠI HỌC QUỐC GIA TP.HCM ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

1

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,…

3

2/21/2022TKGDND

2/21/2022TKGDND

Usability = Learnability + Efficiency + Safety

2/21/2022TKGDND

▪ 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?

▪ Cách “Học” một “Giao diện”: Doing

7

2/21/2022TKGDND

▪ Cách “Học” một “Giao diện”: Watching

8

2/21/2022TKGDND

2/21/2022TKGDND

2/21/2022TKGDND

▪ Dễ học?

11

2/21/2022TKGDND

▪ Cách tương tác #1: Command Language

13

2/21/2022TKGDND

▪ Cách tương tác #2: Menu & Form

14

2/21/2022TKGDND

▪ Cách tương tác #3: Direct Manipulation

15

2/21/2022TKGDND

▪ Cách tương tác #4: Speech Dialog

16

2/21/2022TKGDND

▪ Cách tương tác #5: Tổng hợp

17

2/21/2022TKGDND

▪ Cách tương tác #5:

Tổng hợp

18

2/21/2022TKGDND

▪ So sánh các cách tương tác trên các khía cạnh sau:

▪ 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.

20

2/21/2022TKGDND

▪ Tính nhất quán:

21

2/21/2022TKGDND

▪ Tính nhất quán:

22

2/21/2022TKGDND

▪ Tính nhất quán:

23

2/21/2022TKGDND

▪ Tính nhất quán:

24

2/21/2022TKGDND

▪ Thuận theo

tự nhiên:

25

2/21/2022TKGDND

▪ Tính nhất quán: Trong sử dụng văn bản

27

2/21/2022TKGDND

▪ Tính nhất quán: Trong sử dụng văn bản

28

2/21/2022TKGDND

▪ Sự quen thuộc:

30

2/21/2022TKGDND

▪ Sự quen thuộc:

31

2/21/2022TKGDND

▪ Thấy gì sai?

33

2/21/2022TKGDND

▪ Nhận xét?

34

2/21/2022TKGDND

▪ Sự phản hồi: Cần có phản hồi khi User tương tác

trên UI

35

2/21/2022TKGDND

▪ Nhận xét?

37

2/21/2022TKGDND

▪ Nội dung dễ hiểu: Đặt là “Localization” thay cho “Date, Time,

Language…” ?

38

2/21/2022TKGDND

▪ Nội dung dễ hiểu:

39

2/21/2022TKGDND

▪ Nội dung dễ hiểu:

40

2/21/2022TKGDND

▪ Nội dung dễ hiểu: Cần lưu ý!

41

2/21/2022TKGDND

▪ Cảnh báo

43

2/21/2022TKGDND

▪ Cảnh báo n cái

44

2/21/2022TKGDND

▪ Hiệu quả

47

2/21/2022TKGDND

▪ Hiệu quả?

48

2/21/2022TKGDND

▪ Hiệu quả?

49

2/21/2022TKGDND

▪ Các cách tăng hiệu quả khác?

50

2/21/2022TKGDND

2/21/2022TKGDND

2/21/2022TKGDND

Cảm ơn các bạn

đã chú ý lắng nghe!