A1_72
A2_57
A3_62
A4_63
A5_92
A6_94
B1_18
B2_65
B3_35
B4_27
B5_36
B6_30
C1_74
C2_76
C3_40
C4_20
C5_78
C6_8
D1_72
D2_57
D3_77
D4_63
D5_27
D6_50
E1_21
E2_64
E3_5
E4_40
E5_93
E6_26
F1_60
F2_57
F3_35
F4_76
F5_45
F6_86
G1_79
G2_43
G3_23
G4_71
G5_11
G6_45
H1_81
H2_28
H3_80
H4_65
H5_4
H6_44
I1_16
I2_52
I3_67
I4_18
I5_78
I6_81
J1_19
J2_73
J3_40
J4_1
J5_42
J6_53
K1_76
K2_21
K3_36
K4_25
K5_32
K6_19
L1_13
L2_57
L3_86
L4_89
L5_1
L6_15
M1_19
M2_61
M3_74
M4_21
M5_4
M6_85
N1_6
N2_98
N3_28
N4_69
N5_7
N6_42
O1_3
O2_25
O3_55
O4_12
O5_2
O6_12
P1_49
P2_49
P3_82
P4_53
P5_34
P6_24
Q1_42
Q2_13
Q3_48
Q4_44
Q5_19
Q6_73
R1_62
R2_9
R3_5
R4_90
R5_78
R6_55
S1_4
S2_55
S3_85
S4_63
S5_72
S6_25
T1_95
T2_41
T3_85
T4_71
T5_38
T6_75
U1_21
U2_47
U3_99
U4_53
U5_17
U6_15
V1_74
V2_55
V3_22
V4_49
V5_28
V6_43
W1_54
W2_22
W3_17
W4_2
W5_17
W6_56
X1_92
X2_90
X3_72
X4_4
X5_7
X6_25
Y1_35
Y2_2
Y3_47
Y4_29
Y5_36
Y6_51
Z1_6
Z2_36
Z3_47
Z4_81
Z5_28
Z6_24
介面設計樣式
(UI Design Pattern)
:
自動完成
(Auto Complete)
悠識數位
UserXper.com
更多範例
,
請上
UserXper
網站
使用時機:
當使用者必須輸入一個容易錯或不易記住的字串時,自動完成的功能可以協助使用者避免上述困擾,且加快輸入速度。
參考:
Yahoo! Design Patttern Library - Auto Complete
實際應用:
-
輸入
Google
關鍵字顯示搜尋關鍵字建議
(
下圖
)
Axure RP
的示範效果:
請在下方欄位輸入英文字母 a -
k
任一小寫字母。