(Interfaces and Dialogues)

1
????? 5 ?????????????????????????

• (Interfaces and Dialogues)

2
?????????????????????????????
3
??????????????????(Object-Based Interaction)

• ???????????????????????????????????
• ??????????????????????????????????????????????
• ???????????????????????????????????????? ?????
  (Icon)
• ??????????????????????

4
???????????????????????(Natural Language
Interaction)

• ??????????????????????????????????????????????????
  ?
• ???????????????????????????????????????????

5
????????? Interfaces

• ?????????????????? (Layouts) ?????????
• ????????????????????????? (Structure Data Entry)
• ???????????????????????????????????????
  (Controlling Data Input)
• ????????????????? (Providing Feedback)
• ???????????????????? (Help)
• ???????????????????????????????????????????
• ??????????????????????????????? (Dialogue Design)

6
???????????????????????????

• ????????????? ?????????????????????????????????
  ?
• ?????????????????????? ??????????????????????????
  ??????
• ??????????????????????????? ?????????????????????
  ???????
• ???????????????????? ????????????????????????????
  ??????
• ????????????? ??????????????? ???? ???????
  ?????? ???????
• ?????????????????????? ??????????????????????????
  ????????????
• ??????????????????? ?????????????????????????????
  ?????????

7
??????????????????????
8
(No Transcript)
9
(No Transcript)
10
(No Transcript)
11
(No Transcript)
12
(No Transcript)
13
???????????????

• ??????????????????????????????????? 2 ????? ???
  ??????????????????????????????????????????????????
  ? ????????????????????????????????????????????????
  ???????????????????????????????????????
  ????????????????

14
???????????????????????????

• ??????????????????????????????????????
  ????????????????????????????????????????????
• ??????????????????????????????????????????????????
  ??
• ????????????????????????????????????????????????
• ????????????????????????????????????
• ????????????????????? ??????????????
• ??????????????????????????????????????
  ?????????? cursor ???????????????????????????????

15
????????????????????????

• 1. ???????????????????????????????????????
  (Cursor) ?????????????????????????????????????????
  ??????????????? ??????????????????????????????
  ???????????????????????????????????? (Cursor)
  ???????????????????????????????????? ???
  ??????????????????????????????????????????????????
  ?????????????????????? ?????????????????????
• 2. ?????????????????????????????
  ??????????????????????? ??????????????????????????
  ??????????????????????????????????????????????????
  ???????????????????????????

16
????????????????????????
Back

• 3. ???????????????????????????????????????????????
  ??????????????????????????????????????????
• 4. ???????????????????????????????????????????????
  ????????????? Enter ????????????????????????????
  ????????????????????????????????????????????????
  ??????????????????????????????????????????????????
  ?????????????? ???????????????????

Next
17
????????????????????????

• 5. ???????????????????????????????????????????????
  ??????????????????????????????????????????????????
  ??????
• 6. ???????????????????????????????????????? 0
  ??????????????????????????????
• 7. ???????????????????????????????????????????????
  ????? , ?????????????????????????????????????
• 8. ????????????????????????????????????????
  (Default) ??? ??????????????????????????????
  (Default) ???????????

18
????????????????????????

• 9. ???????????????????????????????????????????????
  ???????? ??? ?????????????????????????????????????
  ?????????????? ???????????????????????????????????
  ?????????????????????????????????
• ??????????????????? ? ????????????????????????????
  ????????
• 11. ????????????????????????????? ?
  ??????????????????????????????????????????????????
  ??????????????????????????????????????????????????
  ???????

19
???????????????
Back

• ??????????????????????????????????? 2 ????? ???
  ??????????????????????????????????????????????????
  ? ????????????????????????????????????????????????
  ???????????????????????????????????????
  ????????????????

Next
20
????????????????????????

• 1. ???????????????????????????????????????
  (Cursor) ?????????????????????????????????????????
  ??????????????? ??????????????????????????????
  ???????????????????????????????????? (Cursor)
  ???????????????????????????????????? ???
  ??????????????????????????????????????????????????
  ?????????????????????? ?????????????????????
• 2. ?????????????????????????????
  ??????????????????????? ??????????????????????????
  ??????????????????????????????????????????????????
  ???????????????????????????

Back
Next
21
????????????????????????

• 3. ???????????????????????????????????????????????
  ??????????????????????????????????????????
• 4. ???????????????????????????????????????????????
  ????????????? Enter ????????????????????????????
  ????????????????????????????????????????????????
  ??????????????????????????????????????????????????
  ?????????????? ???????????????????

Back
Next
22
????????????????????????

• 5. ???????????????????????????????????????????????
  ??????????????????????????????????????????????????
  ??????
• 6. ???????????????????????????????????????? 0
  ??????????????????????????????
• 7. ???????????????????????????????????????????????
  ????? , ?????????????????????????????????????
• 8. ????????????????????????????????????????
  (Default) ??? ??????????????????????????????
  (Default) ???????????

Back
Next
23
????????????????????????

• 9. ???????????????????????????????????????????????
  ???????? ??? ?????????????????????????????????????
  ?????????????? ???????????????????????????????????
  ?????????????????????????????????
• 11. ??????????????????? ? ????????????????????????
  ????????????
• 11. ????????????????????????????? ?
  ??????????????????????????????????????????????????
  ??????????????????????????????????????????????????
  ???????

24
????????????????????????????????????????????
XXXXXX
START
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
25
?????????????????????????????????????????
START
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
XXXXXX
26
Bad Flow in a Form
27
Good Flow in a Form
28
????????????????????????
29
????????????????? (Data Entry Screen)
30
??????????????????????????????????????????????

• ??????????????????? (Cursor)
• ????????????????????????
• ??????????????? (Exit)
• ??????????????? (Help)

31
?????????????????????????(Structure Data Entry)
??????????????????????????????? ???
????????????????????????? ????????????????????????
??? ???????????????????????????????? ????
??????????????????? ??????????????? ???????
32
??????????????????????????

• ????????????? (Entry) ????????????????????????????
  ??????????????????
• ??????????? (Default Value) ??????????????????????
  ???????????????????? ????????????????????
  ??????????????????? ???? ?????? ???????????
  Running Number ???????
• ?????????????? (Unit) ????????????????????????
  ???? ??? ??????? ???????? ???????
• ???????? ???? ??????????????????????(Caption)
  ?????????????????????????????????????????????????
  ????????????????????
• ??????????????? (Format) ?????????????????????????
  ???? ??????????????????????????????????????
• ???????????????(Justify) ?????????????????????????
  ????????????? ???????????????? ??????????????
  ???????
• ????????????? (Help) ?????????????????????????????
  ????????????? ???????? F1 ???????????????????
• ??????????????????????????????????????????? (GUI)

33
??????????????????????????? (Graphic User
Interface GUI)

• ??????????????????? ???????? GUI Input Control
• ????????????????????????????????????????????
• ?????????????????????????????????????????????
• ????????????????????????????????????????????

34
????????? GUI

• Text Box
• Radio Button
• Check Button
• List box
• Drop-down List Box
• Combination Box (Combo Box)
• Spin Box (Spinner Box)
• Menu bars
• Toolbars
• Dialog boxes
• Toggle buttons
• Scroll bars
• Calendars
• Status Bar

35
?????????????? GUI ???????????????????????????????
??? ?.?.
Back
Next
36
???????????? (Pull-Down Menu)
37
??????????????? (Pop-up Window)
38
????????????? GUI 8 ??????????????????????????????
?????
39
???????? Graphic User Interface
Radio Button
ListBox
TextBox
ComboBox
40
(No Transcript)
41
Common GUI Components
42
Advanced GUI Components
43
Advanced GUI Components (continued)
44
Input Prototype for Data Maintenance
45
Input Prototype for Transaction
46
Input Prototype for Data Maintenance
47
Input Prototype for Web Interface
48
Input Prototype for Web Interface
49
???????????????????????????????????????
(Controlling Data Input)

• ???????????????????????
• ??????????????????????????????????????????
• ?????????????????????????????
• ?????????????????????????????????????
• ??????????????????????????????????????????

50
????????????????? (Providing Feedback)

• ????????????? 3 ???? ???
• ????????????????? (Status Information)
• ??????????????????????????? (Prompting Cues)
• ?????????????????????????????????????
  (Error/Warning Messages)

51
????????????????? (Status Information)

• ??????????????????????????????????????????????????
  ??? ????
• ????????????????????????????
• ????????????????????????????

Combination of Text and Graphics for End User
feedback
52
??????????????????????????? (Prompting Cues)

• ??????????????????????????????????????????????????
  
• ???? ???? Login ???????? cursor ????????????
  username
• ???? ????????????????? _ _ _-_ _ _

53
?????????????????????????????????????
(Error/Warning Messages)

• ?????????????????????????????????
  ?????????????????????? ???????????????????????????
  ?????????????????????

54
???????????????????? (Help)

• ???????????? Help ???????? ??????
• ???????????????? (Simplicity)
• ?????????????????????????????? (Organization)
• ????????????????? (Example)

55
???????? Help
Improved designed help display
Poorly designed help display
56
???????? Help
57
????????????????????????????????????????

• ?????????????????????????????????????????????
  (View/Subschema)
• ??????????????????????? (Authorization Rules)
• ??????????? (Encryption Procedures)
• ???????????????????????? (Authentication schemas)

58
???????????????????????????????

• ??????????????????????????????????????????????????
  ??????? ??????????????????????? User Interface
  ????????????????????
• ???????????????????????????????? (Dialogues
  Diagram) ???????????? 3 ???? ???
• ?????? ??????????????
• ???????? ??????????????????
• ???????? ?????????????????????????? ????? ????
  ????????

59
Dialogues Diagram

• Dialogues Diagram ????????????????????????????????
  ???????
• ?????????

60
???????? Dialogue diagram for Customer
Information System
61
?????????

• ?????? User Interface ??????????????????? Pizza
  ?????????????????????
• ??????????????? Pizza ?????????????????
• ???????????? ?????????????????????????????????????
  ?????????????????? ????????????????????? input
  ???????????????????????
• ???????????????? Pizza ????????????
• ??????????????????????????????????? ?????????????
  ????????????????????? ????????????????
• ???????????????????????