Академический Документы
Профессиональный Документы
Культура Документы
Alan Cooper
Alan Cooper
- ~
2010
, ,
.
.
. .
.
.
.
.
-
. ., .
. . - .
. - .: -, 2010. - 688 , .
ISBN 978-5-93286-132-5
1995 About Face,
.
,
, .
,
,
Cooper
, .
-
.
: -, ,
. .
,
.
.
ISBN 978-5-93286-132-5
ISBN 978- 0-470-08411-3 ()
-, 2009
Authorized translation of the English edition 2007 Wiley Publishing, Inc. This
translation is published and sold by permission of Wiley Publishing, Inc., the owner of
all rights to publish and sell the same.
,
.
, , .
-. 199034, -, 16 , 7,
. (812) 324-6353, www.symbol.ru. N 000054 25.12.98.
17.12.2009. 70100' . .
43 . . . 1500 . N 1494
199034, -
, 9 , 12.
,
,
,
.
....................................................................................12
. .....................................13
......................................................19
I. ...................31
1. , ................................38
.........................................33
....................................41
..........................................43
.............................................................44
..................................48
2. ................................59
.................................................................................59
...................................................60
.............................................................................61
..................................................................................64
............67
3. , ...................................................73
....................................................................................73
..............76
4. : ............81
....................................81
:
............................................................90
...................................................................102
5. : ....................................109
?...........................................................................110
...........................................................................................111
.....................................................................................................123
.......................................................................133
.....................................................................................143
6. : ........................146
: .....................146
:
....................................................................................151
..........................................................................................153
7. :
..........................................162
.....................162
.........................................................179
-..................................................................181
II. .............................................187
8. :
.......................................................................189
.......................................189
..................................................................191
.........................................196
9. ....................................200
....................................................................................201
..........................................202
.....................................214
..............................................................................223
10. .....................................................243
..................................................
243
.................................245
11. .....................................................266
............ 267
....................................................... 271
.......................... 274
.......................................................... 275
................................................. 281
12. ...........................................293
...................................... 294
..................................304
13. , , ...............................315
........................................................................316
.....................................................
322
.........................................................................
327
...................................................329
14. ...................................................333
,
............................................................334
.....................336
.......................................339
............................361
...........................................................................365
III. ................................369
15. ..............................371
....................................372
.........................................372
.............................................374
................................379
:
...............................................................382
16. ..................................................................................................384
..........................................................................384
.......................................................386
.....................................................................387
, .............................392
.........................................................................398
17. .........................399
?.......................................................400
.............................................................402
.................................405
......................................................406
...................408
?................................................................414
416
.....................................................................................
10
18. .......................................................................417
........................417
......................................................................422
19. , ,
................................................................................425
.................................................425
............................................................................427
................................................................................437
............................................................................................441
...................................................................................449
........................................461
.........................................................................462
..............................................................465
...........................................................................474
20. .....................................................................................476
PARC Alto..........................................................................................476
PARC..................................................................................478
Microsoft ......................................................................480
...............................................................481
.............................................................482
...........................................................................483
.....................................................................................490
MDI SDI....................................................................................491
21. ..........................................................................494
, !........................494
........................................................495
...........................................................498
.....................................................................................514
..................................................527
22. ........................................................................................................532
..................................................................................532
: ................................................538
........................ .........543
................................. .......545
23. ............................. . 554
: ,
...................................... . 554
. 555
.....................................................................556
: ..................558
..........................................................560
24. ................................................................................566
...............................................566
.................................................568
.................................................................570
.............................................................571
...................................................578
..........................................586
25. , , ........................................592
...........................................................592
: ...................602
..........................................................605
..............................................................608
26. .............................615
.................................................615
..............................................................617
...............................................................620
...........................................623
...............................................................624
...........................................................................625
...................................................................................................625
: .............................630
. ......................................634
......................................................................................640
...............................................................................646
.......................................................................649
- ,
, .
-,
Visual Basic.
15 , Cooper,
,
.
Cooper
,
. ,
, - ,
1998
.
, .
15
, ,
.
, ,
, ,
, ,
, ,
Fortune 500.
Cooper
,
. 2005
(IxDA,
www.ixda.org) - ,
.
Bose
Corporation.
-
Cooper. ,
, , , ,
, -, ,
, , , ,
. Cooper,
- ,
.
.
. ,
175 ,
. , ,
,
.
. .
.
, ,
.
, , .
,
.
,
, Amazon.com Microsoft.
,
,
, ,
, . -,
, -
. , ,
,
, -
.
.
-
. , , ,
-
.
,
,
, , . ,
,
.
. ,
,
14 .
.
, ,
.
, . ,
, , ,
.
-
,
.
, ,
.
.
, .
,
.
, , . .
. ,
, ,
.
,
.
, , .
:
. , -
, .
, ,
.
,
.
, ,
- .
,
.
.
1995
.
-
,
15
,
,
, ,
- .
,
(Goal-Directed Design)
,
,
.
,
.
,
,
,
, -
.
,
,
.
- .
.
-, ,
-
,
, ,
, !
, ,
, ,
. Cooper
, ,
, ,
, ,
.
,
,
,
. ? ,
,
. -
, ,
. ,
,
, .
.
16 .
, ,
,
,
. ,
?
, .
, ,
, ,
, ,
.
,
!
,
About Pace: (Chris Webb) Wiley,
, , (Sue Cooper),
, (Sara Shlaer)
Wiley,
.
Cooper
: (Kim Goodwin)
,
; (Rebecca Bortman) (Nick
Myers) ,
; (Hugh Dubberly)
, 8,
1;
(Gretchen Anderson), (Elaine Montgomery)
(Doug LeMoine)
4; (Rick Bond)
-- ( 7);
(Ernest Kinsolving) (Joerg
Beringer) SAP -
9; (Chris Weeldreyer)
( 9); (Wayne
Greenwood) (
10); (Nate Fortin) (Nick Myers)
( 14). - (Elizabeth Bacon),
(Steve Calde), (John Dunning),
(David Fore), (Nate Fortin), (Kim
Goodwin), (Wayne Greenwood), (Noah
Guyot), (Lane Halley), - (Ernest
Kinsolving), (Daniel Kuo), (Berm Lee),
(Doug LeMoine), (Tim McCoy),
(Elaine Montgomery), (Nick Myers),
(Chris Noessel), (Ryan Olshavsky),
(Angela Quail), (Suzy Thompson),
(Chris Weeldreyer)
Cooper , .
18
-
(David West) Shared Healthcare Systems, (Mike Kay)
(Bill Chang) Fujitsu Softek,
(John Chaffins) Crosscountry, (Chris Twogood)
Teradata (Chris Dollar) McKesson -
,
Cooper, .
,
,
.
,
:
- (Christopher Alexander),
(Edward Tufte), (Kevin Mullet),
(Victor Papanek), (Donald Norman),
(Larry Constantine), (Challis Hodge),
(Shelley Evenson), (Clifford Nass),
(Byron Reeves), (Stephen Pinker)
(Terry Swack).
, , 5,
,
UXMatters.com
.
-
, , .
,
.
,
, -
.
: ,
, -
.
,
- , -
,
.
, .
-
.
,
.
.
, ,
.
.
,
: , , ,
,
. , , -
, ,
. ,
,
. ,
.
.
, ,
.
-
20
. , ,
,
.
-
,
. ,
- .
, .
, .
,
-
, - ,
, ,
.
,
.
, (
!) .
,
. ,
. ,
. , ,
.
-,
, ,
.
,
.
. ,
, ,
.
-
, -
,
-
21
?
- .
, ,
. -
, ,
.
,
.
, ,
, , ,
,
, .
, ,
, ,
23
.
, ,
,
, ,
.
,
,
.
.
(information
architecture) -, ,
- (
) -.
,
, -
,
,
.
, Web 2.0 -
, - ,
.
,
.
, , -
(user experience, UX).
,
,
,
. , , ,
,
:
?
- ,
, ,
.
?
,
,
. , ,
,
; , ,
-
24
;
, ,
.
, ,
.
(
IxD - interaction design)
, . ,
,
(. 1). ,
.
. /. , (UX)
: ,
, .
, ,
. ,
,
,
.
,
, ,
25
,
,
. ,
,
,
, ,
,
. ,
,
, .
.
.
,
,
. ,
:
,
, -
, - ,
- .
. ,
, ,
. ,
,
.
.
.
,
.
.
, ,
.
( , -
.
4 5.)
25
,
,
.
,
:
,
,
, .
,
.
, .
,
.
,
.
,
,
, ,
.
,
; , ,
; ,
.
.
, ,
.
, -
.
-
: , ,
.
,
.
,
, .
,
27
. ,
,
, .
,
. , 14
,
. ,
, ,
.
?,
?.
.
: ,
, ,
.
-
. ,
.
,
, , .
-
7,
- .
,
1995 .
.
, , ,
, ,
,
,
.
About Face 3.0:
,
. :
, -
,
.
, ,
,
Cooper -
28
, ,
.
,
,
, .
, ,
.
,
- .
.
,
Microsoft Windows,
,
.
, ,
.
- Mac OS, Linux
,
, , ,
. .
Microsoft Office - Word, Excel, PowerPoint, Outlook,
Internet Explorer, Adobe Photoshop Illustrator. ,
. -,
, , .
-, ,
.
- ,
.
-
,
.
.
29
,
, ,
.
, ,
, -,
- - .
About Face The Inmates
Aro Running the Asylum1
.
, ,
- , -
.
,
,
.
,
alan@cooper.com, rmretmann@gmall.com dave@cooper.com.
.
,
XIV Artedefarvasselll (
), ,
,
,
. -
.
. ( )
, - .
, ,
.
-
, -
1 . .
,
. - . . - : -, 2009.
3
0
,
, ...
. http://aboutface.gut.ru.
,
!
I
1. ,
2.
3. ,
4. :
5. :
6. :
7.
:
1
,
:
,
, ,
-
.
, .
:
- .
? ?
- .
,
,
,
,
.
, .
,
- (Victor Papanek),
2 3. 1494
34 1. ,
.1
, :
, ,
, ;
, ,
;
, ,
, ,
.
, ,
, .
, -
,
.
, -
.
,
. , ,
.
-
. , ,
,
,
,
.
, -
,
,
, . (
,
.
,
.)
, ,
,
.
. - . . - .. . A
2008.
35
,
.
. ,
.
, , .
.
,
,
. ,
,
,
.
, ,
,
, -
.
, ,
.
, .
,
, ,
. . 1.1
,
( )
.
, ,
,
- 1,
. ,
, ,
,
. ,
,
.
,
,
.
, ,
. 1.1. .
, ,
. , -
,
. , ,
,
(graphical
user interface, GUI) ,
.
, ,
, ,
. .
,
( ) .
. 1.2 , ,
.
,
, .
37
! .
. 1.2. , .
? ?
? ?
- ?
,
,
: ?
, ?
Delete
?, .
,
.
, ,
. ,
Palm Treo ,
,
, .
, ,
, ;
-
, ,
.
,
. ,
Microsoft Word, ,
, ,
... (
).
,
; , ,
, .
,
, .
,
-
38 1. ,
( ?),
(, IRQ).
,
,
. ,
, - .
, Microsoft Word,
, , ,
! ,
, , .
, , !
, ,
.
-
.
,
.
.
, ,
:
,
. -
,
,
.
?
?
,
?
: ,
,
,
.
39
,
,
.
.
, ,
,
. ,
, ,
. -
, ?
,
, ? ,
,
,
, , ?
, .
,
.
,
.
:
, , ,
, - .
.
, ,
.
- ,
, .
,
,
.
,
, -
. , , .
- -
,
. ,
-
40 1. ,
.
,
,
.
,
,
,
.
, , ,
,
.
(
- , 250 000 ,
).
,
, .
,
,
.
, ,
,
,
.
-
:
.
,
.
,
- -
.
-
, -
:
. ,
,
. ,
, - .
;
. ,
, , - , .
41
,
.
, ,
.
,
. , - , - . ,
. ! ,
. ,
.
, ,
,
, ,
,
.
:
,
. ,
,
-
, -
.
, -
, , .
, (Larry Keeley)
: , ,
(. 1.3).
,
.
, -
,
,
. ,
, -
, .
- ,
.
-
, .
4 1. ,
2
. 1.3. .
,
,
.
: ,
43
,
, .
,
,
. -
,
,
.
-
,
. ,
,
.
, -
- ,
, ,
. ,
, ,
, ,
.
,
,
,
. - ,
.
- - ,
.
,
. ,
,
. ,
(
, ,
), - , .
,
,
.
44 1. ,
,
(Rudolf, 1998)
, - - .
- ,
.
? ?
, , ,
-?
? ?
.
. , ,
- .
, . -
. ,
, -
,
,
, , ( ,
).
.
, :
,
.
,
, ;
. ,
,
.
, - , ,
. :
;
;
;
.
45
.
; ;
...
.
, ,
.
-
.
,
,
,
,
- .
,
,
.
,
, ,
, ,
.
, -
.
,
,
.
, ,
- , . -
,
(
), . ,
(Donald Norman),
, ,
.
,
(Activity-Centered Design, ACD), - ,
. ,
,
,
.
- 1,
,
. .
. . .
46 1. ,
,
- (Bonnie
Nardi). , ,
,
.
-
: ?
, ,
, ,
- .
ACD
, ,
, . ACD
,
, ,
:
, ,
? ;
, , ,
,
.
- ,
. : ?
-
.
,
- ,
.
. ,
. ,
- - -
, , . 1850 ,
,
. ,
- -, ,
. ,
,
.
,
,
, .
47
\ '--------------------------------------------------------------------- '---------------------------------------------------------------------------------------------------------
.
,
.
,
.
- , ,
(Brenda Laurel),
- , ,
, .
,
.
.
. -
, - ,
.
,
, , ,
, .
, -
,
.
,
,
.
,
, ,
,
,
.
,
, , ,
, :
.
,
.
,
, -
.
48 1. ,
,
, ,
.
5000
,
,
,
.
,
- , ,
, ,
. ,
, ,
, .
, ,
,
,
- ,
- ,
,
.
- ,
-
,
- .
,
,
,
( 4 ).
:
,
, .
-
,
,
, - .
: .
,
, . ,
.
49
, ,
, .
-
, .
(design),
, .
,
. 1.1, -
( 2).
( .
1.1)
. ,
, ,
.
,
,
,
.
, : ,
(. 1.4).
-
. 1.4. .
,
. ,
,
.
.
50 1. ,
,
.
. -
.
. ,
, ,
.
,
,
,
.
- ,
- .
, ,
.
.
, 4,
. ,
,
.
,
.
,
-
. ,
.
: ,
,
, ,
. :
,
,
.
,
,
51
.
,
.
,
,
, ,
,
.
,
(.
1.5). -
.
. 1.5.
, ,
, ,
,
.
,
, -
- .
: ,
, ,
, (. 1.5).
,
(Gillian Crampton Smith)
(Philip Tabor), - , , ,
, , -
.
52 1. ,
. 4 7
. . 1.6 ,
.
/
,
. ,
, ,
, ,
,
, , ,
.
- ,
.
(
).
-
; -
.
,
.
,
-. , ,
,
,
.
4
- .
,
,
.
. , , -
,
5
3
. 1.6.
54 1. ,
, ,
, , , .
, .
,
,
,
,
, ,
.
,
.
,
.
,
,
.
,
.
5.
,
,
.
:
,
. ,
,
, (),
.
,
.
/
,
,
( , ),
,
,
.
55
.
, ,
,
. ,
,
, ,
.
,
.
, ,
,
.
,
, , ,
.
. -
,
.
2 3,
,
.
-
,
( )
- .
,
(Christopher Alexander).
(Erich Gamma)
.
. -
,
,
.
,
,
.
- ,
.
56 1. ,
.
( )
( ).
,
-
,
.
,
,
. ,
, .
,
,
.
,
,
.
,
.
,
() , ,
.
,
1 ,
. (
)
.
-
(
). 6 , ,
,
.
(. affordance) -
, ,
.
13. -. ..
57
. ,
,
, .
, ,
, .
, ,
,
,
.
- ,
,
. ,
-
. -
(, ,
). ,
, ,
, .
,
.
,
,
.
.
,
. - ,
.
, ,
.
58 1. ,
-
.
- ,
,
:
?
?
?
?
?
?
?
?
?
?
?
,
?
,
?
. ,
, - ,
,
.
2
.
, , , ,
,
- .
- ,
,
.
,
,
, .
,
. ,
. ,
.
,
.
.
.
-
, .
,
,
60 2.
(Norman, 1989) ;
,
.
, ,
,
.
,
.
.
,
.
,
, ,
,
,
. ,
, ,
, ,
, .
. ,
,
,
100 , ,
.
.
,
, ;
,
.
, .
, ,
.
,
,
.
,
.
61
,
, ,
.
, , , ,
.
, .
,
.
,
, - . -
. (Norman, 1989)
.
( )
. ,
,
. ,
.
. . 2.1 ,
.
,
. , ,
,
,
, ,
(
).
,
. , ,
,
. ,
,
.
, ,
;
, ,
. , ,
,
, .
-
62 2.
. 2,1.
. ,
, . ,
,
.
, , ,
. ,
, .
,
,
, .
. ,
, ,
: ,
- ,
,
.
, ,
,
. -
,
. , ,
,
,
.
,
.
Adobe Photoshop
(Variations).
( )
,
(. 2.2). ,
6
3
.
,
- , - ,
, .
,
,
, ,
.
I
.
64 2.
,
. ,
, , -
. ,
,
. ,
-
, , ,
( ) . ,
- , ,
,
.
, ,
: ,
,
, ...
.
, , ,
. ,
, -
-
(Terry Gilliam) (,
).
,
,
,
(
), ,
.
; ,
.
,
.
, , -
: ,
, , ,
DVD .
, -
65
,
.
,
:
.
-
, , DVD-
,
.
Windows
.
1,
,
, .
D
,
, .
- ,
.
.
.
. ,
,
.
, ,
(,
), , ,
. ,
,
.
,
USB- flash,
,
.
, ,
, ,
.
-
. -. .
. N94
56 2.
. ,
,
,
. ,
, ,
, .
,
,
,
. ,
,
. ,
, .
- ,
.
, ,
-
. .
,
.
,
.
: (AND) (OR). ,
, ,
,
, .
, ,
.
,
.
, , , ,
: .
, :
. ,
67
.
.
,
,
. ,
.
.
, - ! -
?
,
,
. , .
,
, ,
.
,
. ,
. ,
,
. ,
, .
,
. ,
, ,
. ,
,
, .
(tabs),
.
(
). ,
:
, ,
, -
.
53 ' 2.
.
-
,
, .
, ,
-
, .
, ,
, .
-
. ,
, , ,
,
.
,
.
, ,
,
.
,
. ,
- ,
(
), ,
-
.
(
) -
,
,
. ,
,
, .
, . ,
.
69
,
. ,
,
(
).
, (
, , ).
- .
,
,
. , ,
, .
, ?
-
.
-
. ,
, (
, ).
,
, ,
.
, , , ,
.
, ,
,
.
. ,
,
,
. ,
.
,
, ,
.
,
. ,
,
13.
70 2.
,
,
,
.
.
.
, , ,
.
, ,
.
, , , Outlook,
. ?
-
, ,
.
,
(. 2.3).
, ,
. 2.4. - 28 4
, ,
.
.
,
? , ,
, .
- ,
, .
, ,
;
,
.
, . 2.3, ,
,
. ,
-
-
- -
!
7
1
. 2.3. ,
.
, .
?
?
- , ,
, ,
.
,
, , -
.
,
.
(PIM - personal information
manager) - ,
.
,
.
,
.
7 2.
2
. 2.4. -
. ,
?
, ,
,
, .
. ?
3
,
,
, -
. ,
-
, .
.
:
, ,
?
;
, ,
, . ,
, ,
,
,
.
? ,
.
- ;
.
74 3. ,
,
,
(. 3.1).
, , ,
,
,
, - -
.
, , .
- .
,
.
,
, .
,
.
-
, .
,
. ,
,
- . ,
, ,
, , .
.
.
. 3.1. ,
,
. 75
, ,
,
,
. ,
,
, ,
.
. Software
for Use1 (Constantine, 2004)
(improving intermediates).
,
,
.
,
.
,
,
.
,
.
.
,
.
,
.
-
- .
- , ,
. - ,
.
, - . -
,
, .
. , .
. -. . - : , 2004.
76 3. ,
.
,
,
.
,
. ,
, ,
,
.
,
. , ,
,
.
, ,
.
,
- -
? ,
, .
-
.
, ,
, ,
-,
, , .
. ,
.
cookie-,
.
,
.
,
,
,
.
,
77
. ,
.
, ,
,
, , ,
. -
. ,
. ,
,
.
,
,
, , -
, , , ,
- .
,
,
.
.
-, ,
,
(wizards)
.-
,
. ,
, .
, , -
,
. :
,
, , - -
, ,
, .
,
.
, , -
.
.
78 3. ,
, , - ,
. ,
.
. ,
.
, .
,
( ) -
. ,
,
.
,
. , ,
, ,
.
,
.
, ,
,
, , .
, .
( 2),
,
.
,
. -
,
. ,
,
, ,
, ,
.
, ,
. ,
79
.
, .
-
.
26, , -
,
, ,
(guided tour).
,
, -
,
. ,
,
.
, ,
, ,
( ),
.
( 22 , ).
-
, .
( )
()
(Cancel).
- ,
. ,
, ,
. : , - ,
, : .
-
, , .
,
.
, . ,
.
,
, .
,
, : .
.
80 3. ,
- .
.
.
.
-
. (. 23)-
.
, -
,
.
,
.
- ,
. , -
.
,
.
.
,
- , -
,
- ,
.
- ,
.
, ,
, .
,
, -
- . ,
,
.
, ,
.
. ,
. ,
.
,
- .
4
:
,
, -
.
,
,
, -,
,
- ,
.
,
,
(, ),
.
.
,
.
,
, .
, ( )
.
.
-
82 4. :
, ,
,
-
. , ,
,
, - ,
, -
, .
, ,
,
:
, ,
,
.
, , ,
.
? ?,
.
,
, .
,
,
.
,
: ,
.
, - ,
, .
. ,
:
, ,
;
- ,
;
;
83
.
, :
(
);
;
-
.
,
, , ,
,
. :
?
,
?
?
?
,
?
. , ,
,
,
,
.
:
Windows-
,
.
,
: ,
,
.
.
:
.
84 4. :
: ,
,
- ,
.
, , ,
Fire Wire
Intel.
: - , ,
.
,
.
,
.
, .
, .
,
:
;
();
;
/
;
;
/ .
,
,
- .
( )
- (
, ).
- , -
, ,
,
.
(Donald Schbn), - (Schon
and Bennett, 1996).
,
85
,
, .
- ,
/ - .
,
, ; ,
,
, , , ,
, , .
,
-
.
,
. ,
, , .
--
,
. (
,
.)
,
, -
.
:
. , ,
,
,
.
.
.
,
, (, , )
.
.
, , -
,
, .
, -
86 4. :
.
.
. ,
.
,
. ,
,
, .
.
, (,
),
,
.
,
, ,
.
.
,
, .
,
, .
,
.
, .
, ,
.
, ,
,
. ,
, , ,
.
()
() - , ,
. -
,
,
. ,
. ,
,
-
87
,
.
, :
-.
,
.
, .
.
, .
, .
,
, , -
, .
, , :
?
, , .
-
, , ,
, .
.
.
. ,
,
.
.
.
,
.
, .
-
.
- ,
. ,
-
88 4. :
,
,
, .
,
- -
,
, .
, .
,
, , ,
.
:
;
;
, ;
, ;
.
,
, . ,
, ,
,
.
. (
) -
.
,
, ,
, ,
,
, ,
.
,
.
,
:
( ,
)
-, (
) ;
89
- , ;
- ,
, ,
;
;
-
, ;
(
, ).
(Pinker, 1999),
. ,
,
,
.
, ,
, ,
.
,
.
.
,
.
, .
, ,
-- ,
- .
,
,
.
,
, ,
. ,
,
, ,
. ,
,
. ,
, .
90 4. :
- ,
.
, ,
, ,
,
, ,
,
,
-,
,
.
,
,
.
, .
.
, ,
( , ).
.
,
-
.
.
(Hugh Beyer) (Karen Holtzblatt)
,
-
:
91
(Contextual Inquiry).
.
Contextual Design1
(Beyer and Holtzblatt, 1998).
,
.
,
( ) :
,
, -
.
:
.
,
.
, , ,
, ,
.
.
,
.
.
,
.
-
, .
, ,
,
,
.
.
, ,
,
,
.
,
: Rapid Contextual Design. - . ..
92 4. :
,
.
,
,
.
.
,
. ,
,
(
).
, ,
,
.
.
, ,
()
. ,
. (
) , ,
,
.
. ,
,
, .
,
,
.
-.
-,
.
, ,
,
.
.
:
93
,
. ,
,
, .
.
,
, ,
.
,
.
,
, ,
,
,
.
,
- ,
.
, .
,
,
.
. -
,
.
-
( ) .
;
,
,
,
.
94 4. :
:
,
?
?
?
- ,
,
,
. ,
:
,
;
,
;
, ;
,
.
-
,
,
, - ,
(
) .
-
. ,
.
, .
,
,
.
,
. ,
, ,
. ,
:
95
-
, :
( - );
( -
);
(
- ).
,
- . ,
-,
.
,
.
,
,
-
.
,
.
,
.
,
( )
( ,
).
;
( ,
,
). , ,
, ,
. ,
,
,
. ,
,
,
.
96 4. :
,
, -
,
, . ,
, ,
,
,
.
:
(-);
( , , . .);
/ ( ,
. .);
(
- );
( - ).
,
,
,
.
,
,
, ,
,
,
.
,
( ).
, (,
),
, - (,
, , ).
.
-
, , ,
.
.
:
97
, - ,
!
,
. -
, ,
-.
, ,
-
-. ,
.
, ,
.
.
,
.
:
, (
).
,
(, , ),
.
,
( )
.
,
, .
.
-
4 . 1494
98 4. :
,
.
,
, ;
,
, .
, .
, .
- ,
,
.
,
,
.
,
.
-
.
,
,
,
. ,
,
.
-
, ,
.
,
.
, ,
,
.
,
.
-
.
-
.
:
99
.
.
.
.
.
.
,
,
, .
,
, .
,
, .
-
, -
, . ,
: ,
(
); (
); (
);
(, , ).
, - ,
.
,
,
, .
( ) ,
,
- . , , ,
, . ,
, .
,
. ,
.
100 4. :
:
: ? ?
:
?
: ?
: ?
-
:
: ?
: ?
:
? ?
:
?
:
?
- ,
:
: ?
?
:
? ,
?
: ?
?
,
,
:
: ?
: ? ?
: (
)? ?
-
,
,
(
), .
- .
:
101
,
.
.
, ,
: ,
,
,
,
.
,
.
, ,
.
,
.
,
.
,
, ,
, ,
, - .
,
,
, .
-
,
( ,
, ):
, , ,
- . . -
,
.
, .
,
102 4. :
, -,
.
-, ,
, ,
, - .
, (
- ),
, .
.
.
,
, ,
,
.
:
X?
X, ?
, X,
?
, .
, ,
,
.
.
,
,
. -
.
, ,
,
- , ,
.
.
, ,
( )
-
-
.
-
-
--.
, ,
, . ,
, , ,
.
.
(Mike Kuniavsky) Observing the User
Experience (Kuniavsky, 2003)
,
.
.
-
-,
,
,
/
.
. - -
.
,
. -
,
.
, -
,
.
- ,
, (
) , ,
,
. , -
:
,
.
,
, .
-, , -
104 4. :
,
.
,
.
,
(,
, , . .)
- ,
,
.
, ,
, , , ,
. ,
VALS (SRI) PRIZM
(Jonathan Robbin),
,
, , , .
.
.
,
. , , X
Y ,
. ,
, ,
. -
,
,
. ,
, , ,
,
.
,
.
. , ,
. ,
,
105
.
5.
- (,
, ) - ,
. , -- ,
.
,
, .
- ,
.
- ,
,
.
, -
,
,
.
-
7.
-
.
,
. ,
,
,
-,
,
-.
,
.
-
,
.
, -
:
106 4. :
.
? , - ,
?
. ?
,
?
.
? ?
?
.
? ?
? ?
, -
.
( )
, ,
, -
.
.
:
.
Observing the User Experience (Kuniavsky,
2003).
, -
, , ,
,
,
.
-
(Jakob Nielsen) Usability Engineering (Nielsen, 1993).
- ,
. ,
.
, ,
,
- .
:
. , ,
,
, -
107
,
, ,
,
. , .
-
,
,
. -
,
,
(,
).
,
.
,
,
.
, -
,
.
:
-
;
;
-
;
-
;
, ,
;
, ;
, ;
, ;
- ;
.
,
-
,
, -
108 4. :
.
,
. ,
, - .
, ,
- ,
,
. ,
,
, .
, .
- .
.
.
,
.
,
.
, .
,
, -
,
.
.
5
:
,
, -
:
? ,
, ,
, , ,
. ,
. ,
, .
.
. ,
, , -
, ,
,
.
.
, ,
. -
,
, ,
. ,
,
. -
110 5. :
,
.
,
.
, ,
, .
.
,
,
.
, , ,
,
, ,
- ,
. ;
.
?
,
.
,
.
, ,
- .
.
,
,
, , ,
.
,
,
,
.
,
111
,
.
.
, ,
,
, .
.
-
.
,
,
. ,
, ,
(. 5.1).
,
,
(. . 5.2),
,
.
,
,
.
. 5.1. , .
,
, ,
, .
,
,
. . 5.2
1 2
1
5. :
The Inmates Are Running The
Asylum1 (Cooper, 1999),
,
,
.
, .
. 5.2. .
,
, ,
.
- ,
,
.
:
,
.
.
. .
,
. - . . - : -, 2009.
113
,
.
,
.
. .
-:
,
. ,
, ,
.
.
,
.
,
.
,
,
.
,
, .
,
,
,
.
,
,
.
,
, .
:
.
,
.
:
114 5. :
.
,
: ,
.
,
.
(wizard),
.
, ,
, ,
.
- ,
.
- - ,
, ,
.
. ,
,
. , ,
,
, -
, , , .
.
,
, , .
:
,
,
. ,
,
. ,
,
. ,
, .
115
, ,
- .
, ,
, . ,
,
.
. :
? ?
,
.
,
. ,
, ,
.
, ( 4),
,
.
,
, (
):
;
,
();
, - ;
;
.
.
.
- ,
, . ,
.
,
(-stantine and Lockwood, 2002).
116 5. :
: ()
,
.
,
,
, . (
,
.)
,
.
,
,
.
,
,
.
,
, .
(Jonathan Grudin) (John Pruitt)
(Grudin and Pruitt, 2002).
,
.
. (
,
.)
( ),
.
,
( ,
),
.
.
,
,
, (Mikkelson and
Lee, 2000).
147
, ,
.
,
- ,
.
,
,
,
(Grudin and Pruitt,
2002).
,
,
.
,
,
. ,
,
, .
, ,
,
. ,
.
, , , ,
.
,
, . ,
(
),
.
, .
,
.
,
(Grudin and Pruitt, 2002).
,
.
,
,
.
, .
118 5. :
,
, ,
.
,
, .
,
.
- :
,
.
, ,
.
.
.
.
.
;
, . ,
- .
(
) - ,
,
. ,
,
.
,
, ,
.
(
): ,
.
. ,
,
,
.
:
,
,
.
, .
.
- , ,
.
,
. ,
.
, ,
-, -
, ,
, (Constantine and Lockwood,
1999). (
), ,
.
, ,
-
, ,
(Beyer and
Holtzblatt, 1998).
:
-
.
.
120 5. :
,
,
, ,
.
.
, ,
. ,
.
, ,
.
,
,
. ,
(,
, ).
, , -
(,
, ).
.
- ,
: -
.
,
, ,
, ,
. , ,
, ,
,
.
-
. ,
.
,
,
: . ,
- (, , )
, , ,
121
, ,
, .
.
,
, ,
,
.
,
.
,
, - .
,
,
, -
. ,
.
, -
.
: ,
(. 4).
,
,
.
, ,
(. 5.3). ,
,
(
).
;
.
:
,
,
,
, ,
.
,
,
,
1 5. :
2
2
. 5.3. .
.
(
) (,
, ).
, ,
, . ,
( ),
,
. - ,
(. 4).
, ,
, ,
. ,
. , :
,
,
.
,
, ,
:
;
,
,
;
,
;
.
:
;
,
;
( , , ,
, );
,
; (
, );
,
.
, .
,
.
- ,
.
-
. , -
, - .
. ,
,
1 24
5. :
,
,
.
, :
, .
. ,
,
, , ,
, .
:
.
Emotional Design (Norman, 2005)
,
,
, .
, ,
,
,
.
. : .
,
, - .
,
, .
,
. - (Malcolm Gladwell)
Blink1.
Sources of Power (Gary Klein)
Hare Brain, Tortoise Mind (Guy Claxton)
M. .. . - . -
.: , , 2008.
. ,
, . ,
.
,
,
. , ,
.
. ,
.
,
.
.
,
-
.
,
,
-
.
,
,
.
,
-
Apple.
.
,
.
-
,
.
- ,
,
,
. -
-
. -
,
. , .
126 5. :
, ,
. :
,
-
,
(Dillon, 2001). ,
, ,
,
, ,
.
?
( - )
, .
,
,
.
, , ,
,
-.
- ,
, ,
. ,
,
.
- , ,
-
.
,
.
,
, .
,
.
(
) - ,
________________________
___________________________127
. ,
.
,
( ) .
-
?
,
-
Phillipe Starck,
. , ,
, , - ,
, , ,
.
,
.
Apple
iPod. Click Wheel
,
. iPod
- ,
. ,
.
, Sony Walkman iPod. ,
, Ethernet-,
,
.
(,
,
),
.
Emotional Design (Norman, 2005)
.
. ,
-
(Goodwin, 2001).
5. :
- ,
, :
;
;
.
.
. , -
,
-.
,
, ,
.
,
(, ,
, )
, ,
. :
, .
.
.
.
,
,
.
- ,
. , ,
- ,
.
,
, , ,
, ,
.
,
1, -
,
, , .
- .
129
.
,
.
,
.
.
,
.
, ,
,
.
,
.
:
,
.
.
.
, .
.
, , ,
. (
) (cognitive walkthrough)-
, , ,
.
.
, ,
.
,
,
.
, .
:
5 3. 1494
130 5. :
, ,
,
.
,
.
,
. ,
, ,
, .
( , )
, .
,
,
. ,
:
,
: .
, :
.
, :
.
, ,
, ,
.
,
.
- ,
.
, - -
-
131
. ,
.
,
.
, ,
.
.
- , ,
,
. -
,
,
.
,
, , -
.
,
.
-
, ,
. ,
, ,
, -
, (
) . ,
-, ,
.
:
, ,
, ,
(
). ,
:
132 5. :
,
,
, .
,
, .
.
:
-
.
,
.
,
,
- .
,
, .
,
,
, - ,
. -
.
, - .
, .
: ,
.
, ,
, .
,
-
,
, ,
,
.
-
, .
-
, .
,
,
,
.
, ,
.
,
,
.
-
,
,
.
,
,
( )
, .
,
,
.
, , , ,
, ,
,
.
.
.
, (Robert
Reimann, Kim Goodwin, Lane Halley) Cooper,
-
134 5. :
(Goodwin, 2002, 2002).
, ,
,
, ,
- .
:
1. .
2. .
3. .
4. .
5. .
6. .
7. .
.
1:
, -
,
. ,
,
, ,
,
.
:
: , .
:
.
: ,
.
:
.
: ,
.
,
-
1
3
5
.
,
.
. ,
, ,
.
?
(. 4)?
,
? ,
?
. ,
,
. ,
, ,
.
2:
,
,
, -
.
( ,
),
- (,
).
,
. , ,
45%
50%,
.
(. 5.4).
3:
,
() ,
.
, -
, ,
,
.
,
.
1 5. :
3
6
. 5.4. .
.
.
,
.
,
-
, .
, , ,
-, ,
; ,
, , , ,
-, .
4:
.
, (
),
,
.
, .
.
--
.
, ,
. ,
, .
.
- .
-
137
,
.
.
- , ,
( ) .
,
.
.
- ,
.
,
.
, ,
.
(
,
)
(. 4) .
,
. ,
. ,
.
,
,
.
.
,
.
;
- .
,
,
.
,
.
,
, :
138 5. :
1. -
, ,
, / ? (
, ,
, ,
, .)
2.
?
,
,
,
, .
,
, ,
,
,
,
.
5:
.
,
-
, ? ,
,
,
, .
, -
,
,
,
,
.
.
,
.
, ,
,
,
.
139
6:
, 4,
,
.
,
.
/
.
-
,
.
.
.
, .
,
-- .
,
,
.
, , ,
.
,
, ,
,
.
. ,
, .
.
.
, 35,421 , ,
- 0,001 .
.
.
,
.
.
, (
, ,
1 40
5. :
),
(, ,
).
.
- ,
,
(. 5.5).
,
. ,
(,
).
.
, - ,
.
,
,
. , ,
.
. 5.5.
-
7:
, .
. -
, . ,
, , .
, -
,
.
,
, .
, ,
, .
, .
, :
.
.
, (
)
,
. ,
,
. ,
.
,
,
- ,
.
]42 5. :
,
. , ,
,
. ( ,
, .)
-
.
:
. ,
, :
,
(
),
.
, , ,
.
,
, ,
.
,
, ,
.
,
,
.
, ,
, - .
,
.
.
- , ,
.
,
, .
-
143
. -
,
.
, .
,
. ,
, ,
. -
,
. ,
.
,
,
, .
,
.
- ,
.
, -
( )
,
.
- ,
,
. Contextual Design
, .
-
-
, ,
,
:
144 5. :
;
;
, ;
- ,
,
;
, ;
;
;
, ;
- ;
.
,
-
.
, -
, , ,
,
. -
,
, -
- ,
, .
, ,
,
.
-
.
,
.
, ,
,
( , ),
.
, ,
.
,
-
1
4
5
,
,
.
,
(
),
(
) .
. ,
,
,
.
6
:
,
.
. ,
:
,
,
.
,
.
,
, .
:
, ,
,
,
.
-
,
.
:
, , -
.
: 1
4
7
. -
.
,
. ,
,
,
-
. ,
. ,
, ,
, .
.
- Disney1 ,
, ,
.
: (Brenda Laurel)
Computers as Theater (Laurel, 1991),
... .
,
. (John
Rheinfrank) (Shelley Even-son)
(Rheinfrank and Evenson, 1996), -
(John Carroll)
,
, .
.
-
,
,
,
(whiteboard),
,
.
-
:
. ,
,
, .
- ,
.
,
.
- ,
.
,
,
,
(
).
HCI (Human-Computer Interaction
- )
,
. ,
-
,
.
Making Use (Carroll, 2000):
, ,
, , <...>
, ?..
,
. <...> ,
.
,
,
.
, .
, , ,
.
, .
,
:
,
,
-
: 149
.
,
.
,
,
. ,
.
,
. ,
,
. ,
.
- .
,
.
,
. ,
, , ,
.
?
?
, ,
,
.
,
, ,
, -.
(Buxton, 1990) ,
, .
.
,
. ,
,
(Verplank, et al, 1993).
(
, ), .
,
-
150 6. :
, ,
, .
- -
,
. (
, ,
.)
,
, .
.
4
.
,
( 7),
.
.
, ,
.
.
. ,
, ?..,
.
7.
,
,
, ,
(use cases)
.
. -
(-
: 151
).
, , ,
. , , - ,
,
(Wirfs-Brock, 1993).
( ), ,
, , ;
(Constantine and Lockwood,
1999).
, ,
. ,
,
. :
, .
,
.
,
:
,
.
,
, , , ,
. ( )
.
. ,
, .
. ,
,
.
, ,
152 6. :
,
, ,
.
, ,
-
, .
,
.
, ,
.
(, ,
),
. ,
, .
,
, ,
,
,
.
,
. ?,
?, ,
.
: , ,
, ,
.
,
, , ,
,
,
. , ,
-
. ,
,
. ,
,
,
. ,
:
-
153
. , ,
,
.
,
. ,
,
.
,
.
. ,
,
.
.
1,
.
,
,
.
, 7 - .
,
, Cooper ,
, (Dave Cronin), (Wayne
Greenwood) (Lane Halley).
( ):
1. .
2. .
3. .
4. .
5. .
, .
,
, .
154 6. :
, .
.
1:
,
.
-
,
,
,
.
, ,
,
.
, -
,
,
.
, -
(Newman and Lamming, 1995).
, ,
, ,
.
- .
:
X ,
10% ,
,
X, Y Z G.
-
,
,
,
-.
- ,
:
,
, ,
-
.
X G,
X, Y, Z
[, . .],
-, .
.
,
.
155
,
.
,
,
.
.
2:
.
, , ,
.
, .
,
.
, , ,
, - .
-
,
.
,
.
,
.
,
- ,
, , ,
.
,
- ,
,
.
,
,
(Beyer and Holtzblatt, 1998).
156 6. :
-
,
. ,
, , .
3:
2, -
, ,
- .
.
, ,
.
2,
, - ,
, -
,
- .
,
. .
:
, , , ,
, ,
.
,
.
.
(,
).
,
;
-
, ,
,
,
. ,
:
?
- , , - ?
, ,
, ? (: , ,
.)
157
4:
- ,
.
, .
,
,
(
(Kuutti, 1995).
,
. ,
,
.
(,
)
.
.
-
. ,
.
.
, :
?
?
?
/
?
?
,
?
?
?
.
- , ,
, .
, , -
.
158 6. :
. ,
,
. ,
.
, .
.
.
.
, -
. -
, , ,
.
:
1. ,
.
, ,
.
.
2. , ,
.
,
.
3. , ,
.
, , .
,
, ,
. ,
.
4. ,
, ,
. Out
look, , .
5. , .
, ,
,
. , ,
, ,
, ,
. ,
6. 159
7. ,
. ,
.
6. , ,
.
, .
,
,
.
7.
. , .
, ,
. , ,
.
8. ,
. ,
, , -
, .
, , ,
. ,
, ; ,
: , !
8. ,
,
. ,
,
.
-
. , -
.
,
.
9.
10. -
, .
, ,
?
.
, , ,
,
( ),
. ,
11. 160 6. :
12. ,
.
,
.
,
.
13.
14. .
15.
16. 5:
17.
,
- .
, (Shneiderman,
1998). :
. ,
, , :
18. () ()
().
19. ;
,
,
, .
20.
21. -
, .
,
,
. , , ,
, , , , ,
, , , , .
22.
23. - ,
,
, .
.
,
,
. (, ,
,
.)
24. 161
25.
26. ,
,
( ,
,
).
,
, -.
,
, .
, , -, ,
, .
, , ,
.
27. ,
.
,
,
, .
, .
.
28.
7
29.
:
30.
- ,
, ,
. .
31.
32. -
.
. ,
, ,
.
, , ,
.
33.
-
,
, , ,
.
, -
34. 163
35. :
,
,
( ).
,
.
, , ,
,
,
.
.
36. ,
,
,
,
. ,
, ,
-
.
37. -
. ,
,
. ,
, ,
,
.
,
. ,
- -
,
.
38.
.
,
CAD-, ,
-,
,
(Schumann et al., 1996). (Carolyn Snyder)
Paper Prototyping
(Snyder, 2003),
.
, --
39. 164 7.
40.
, ,
. ( -
.)
41.
42.
, ,
.
:
1. -,
.
1. .
2.
.
2. .
3. .
4. .
43. ,
,
. , 3 5-
( ).
, .
44. 1: -,
45. -
- .
-,
? ,
, , ,
,
? ,
, ,
?
,
?
,
. ,
,
. ,
,
. ,
.
46. 165
47. ,
.
,
.
,
(. 6).
9.
48. ,
.
- ,
, .
: , , ,
thumb-board ( ),
, , ,
, , .
?
( -
,
),
.
49. 2:
50. -
,
.
,
.
,
.
,
, .
,
-.
51. - , ,
. ,
, ,
, ,
, ,
.
.
,
.
52. 166 . 7.
53.
( ,
),
. - ,
.
54.
.
,
.
, ,
.
55. - ,
.
,
, ,
.
- , .
, ;
.
56. ,
. , ,
6,
, .
, :
( ,
)
,
( , )
57. :
, ,
,
.
,
.
.
.
:
58. 167
?
?
?
?
59.
60. 6,
(
) -
, , - .
, , - ,
.
12, -
(Cooper, 1999).
, : ,
?
?
?
, ?
?
61. , , ,
, ,
, , ,
,
.
,
.
62.
63.
(
)
.
.
- ,
. ,
,
,
,
(
8). ,
64. 168 7.
65. , , 14,
,
.
66.
.
,
,
.
,
.
. 8
,
,
.
67. 3:
68.
,
(Shneider-man, 1998).
, ,
(. 10) ,
. ,
:
, ?
?
,
?
, ?
?
?
?
69.
, , .
(
), ,
.
70. , (
) .
, .
.
71. 72. 169
73.
,
. ,
( ,
,
), ,
,
.
74. ,
,
, , -
. ,
,
. ,
,
.
;
, .
75. 4:
76. - .
.
,
,
, (, )
(. 7.1).
, ,
.
77. ,
. :
,
(. 7.1).
78. ,
(
,
).
,
.
-
79. 1 80. 7.
7
0
81.
83.
.
(. 6 ) - .
.
, .
84. - ,
, -
( -
- ,
). -
.
, , ,
. -
.
85. ,
.
,
-
86. 171
87.
, Adobe Fireworks, Adobe Illustrator, Microsoft
Visio, Microsoft PowerPoint OmniGraffle Omni Group.
- ,
, .
,
(,
).
,
( 1 Fireworks
).
88. 5:
89.
.
,
(, ).
. ,
-
, .
90. , ,
,
,
.
,
.
91. ,
,
,
. ,
.
,
.
.
95.
96.
,
.
,
, ,
.
.
(. 7.2).
97.
98. . 7.2.
- Cross Country TravCorps,
99.
100. -
,
. ,
, ,
.
101. 173
102. 3 5. -
.
103.
3-5 :
1. .
2. .
3. .
104.
,
. :
1. .
2. .
3. .
105. 6:
106.
,
, ,
,
.
,
. ....
,
(
).
, :
.
,
.
, ,
,
,
.
6,
2, ,
.
. ,
, .
, , ,
.
,
174 7.
,
.
,
, ,
.
:
,
.
. ,
,
,
.
,
.
.
,
.
,
. (
6):
,
. , ,
- .
,
,
,
(
,
).
,
.
:
1. .
2. .
1:
-
-
175
(. 7.3).
, , , ,
(,
?).
, -
.
,
.
, ,
,
. ,
, ,
.
,
,
.
-
, .
,
. ,
,
.
.
. -
.
, ,
. ,
- . ,
,
, .
,
.
,
.
.
. -
1 76
7.
. 7.3.
.
,
. ,
177
, -
.
,
,
.
,
, ,
.
.
.
,
.
.
,
.
2:
.
,
,
,
, .
,
. ,
,
. ,
.
,
, - , -
, ,
.
:
1.
- .
178 7.
2. .
3. .
1:
-
(
), ,
-
.
, ,
,
,
( ),
, ,
, , .
, -
.
, , ,
(. ), , ,
, ,
, ,
.
,
( )
,
, -
, .
.
,
-
.
,
.
-
.
2:
,
. ,
, ,
,
, .
.
,
.
3:
,
.
,
- . , ,
, , .
, , , ,
, ,
. ,
,
.
, ,
:
, .
,
.
.
. , ,
: ,
,
,
, .
,
(. 7.4).
,
,
(, ,
- ,
1 0
8
7.
,
). 2 6
,
.
.
.
, ,
,
,
.
.
, , ,
.
, ,
, ,
.
- 181
HTML Flash -
.
, ,
, , -
.
. ,
,
.
, ,
.
. ,
,
- ,
,
.
, - ,
,
, ,
.
,
. , ,
-,
.
,
.
- ,
,
, -,
. .
.
,
,
. ,
,
, -
182 7.
.
-,
-
.
,
-. -
,
.
, ,
.
, , -
, .
,
.
.
, - -
. ,
(,
)
. -
.
, - . ,
,
-
, , ,
.
, ,
, , ,
, .
, ,
,
,
,
.
:
Usability Engineering (Nielsen, 1993)
,
, ,
.
.
, ,
- 183
. , ,
.
, ,
,
,
.
,
- .
: .
,
(, , ,
).
,
,
,
.
.
,
.
,
,
,
.
, ,
,
.
, ,
,
.
.
-
,
-
. , ,
,
. Paper Prototyping
(Snyder, 2003)- -
, , ,
.
,
-
.
184 7.
--:
,
, ,
.
,
.
,
.
.
( ,
,
).
,
.
, ,
.
.
()
, .
.
-
.
,
, .
--,
, ,
, ,
.
(, , ,
) -
-.
, ,
,
- 185
. ,
:
-
8
:
,
,
.
? ?
,
,
(
).
,
?
? ,
, ?
.
-
, ,
.
-
.
-
, ,
.
,
. ,
, -
10 8. :
,
, ,
. - ,
(
)
,
.
, ,
,
.
-
. , ,
,
.
-
. ,
,
, .
,
.
3, 9 10.
,
- .
8 20.
.
13 14,
.
,
,
, ,
, ,
.
-
, .
-
, ,
.
:
- ,
.
- ,
, ,
, .
- ,
, ,
,
.
- ,
, (, ,
), ,
.
.
,
( , )
,
.
- 90- :
-
- . ,
- .
.
- ,
- .
, (Hugh
Dubberly), , (David Fore)
(Jonathan Korman).
, .
-
- , :
[,
]:
;
.
192 8. :
[, ]:
;
.
[, ]:
,
,
;
.
[, , ]:
, ;
(, ) ;
.
.
, ,
.
, -
.
,
,
, -
.
,
. ,
,
, ; .
,
, ,
, .
- ,
, .
,
:
( , , );
(, ,
, , );
(, , , ,
);
(,
);
193
(,
).
,
,
. ,
,
,
.
.
. ,
,
, ,
.
, - .
,
:
(, ,
);
/
;
-
, ;
;
(, , );
.
, ,
.
,
.
- ,
.
- , ,
, .
- ,
-
7 3 I494
194 8. :
.
, ,
,
. -
,
, ,
, .
, ,
: ,
. ,
. , .
,
. ,
,
, - ,
,
, , - ,
, ,
. ,
, ,
-.
-, ,
. ,
, ,
-.
,
,
.
,
. , - ,
, -
.
,
-
: .
,
,
.
: ,
.
195
.
,
.
, ,
.
Patagonia, , (Yvon
Chounard)
--:
, ,
.
,
. ,
,
,
. -
,
, ,
.
, .
,
,
.
,
.
. , , ,
( ) ,
.
- , ,
-
.
, , ,
. , ,
, , ,
.
, .
, ,
(
196 8. :
), ,
- , -
, .
,
. , , ,
,
.
,
.
,
,
.
,
.
:
,
;
;
;
.
,
, ,
,
, .
,
A Pattern Language (Alexander, 1977) The Timeless Way
of Building (Alexander, 1979).
,
,
, .
197
,
(
) ,
-
.
,
, -
,
.
,
,
.
,
, (
).
,
, ,
. ,
, ,
, ,
, , ,
.
,
. ,
, ,
,
(,
, ,
,
).
. Designing Interfaces1 -
-
(Jenifer Tidwell) : []
- -
. . -
. . -: , 2008.
198 8. :
;
(Tidwell, 2006).
,
(
).
,
,
, ,
. ,
,
. ,
, ,
, .
. -
,
. (
,
.)
,
, ,
,
.
,
,
.
(
):
. - ,
,
,
.
9.
,
. , ,
7.
,
-
19
9
.
,
.
, ,
,
.
Microsoft Outlook:
, ,
(. 8.1).
,
, ,
.
,
.
,
,
.
-
.
,
,
, .
7,
:
?
, -
,
.
,
,
, - -, ,
, (,
, ), (
, , )
( ).
, ,
.
, ,
, ,
.
, .
-
,
- .
, .
- ,
.
, -
201
,
. ,
, ,
.
-
.
,
,
- .
. ,
, , , ,
.
,
, ,
.
,
.
- .
- ,
.
,
. -
,
.
BlackBerry ,
( ),
, , .
:
, ,
, ,
.
,
.
:
202 9.
. ,
, ,
,
.
-
, , ,
.
,
. ,
.
, ,
,
,
.
,
,
.
,
, ,
.
, ,
,
, ,
.
,
. , ,
, ,
, .
, , -
, , -
,
.
, ,
.
203
: , .
,
.
,
. , ,
, ,
.
,
.
,
.
: , ,
.
,
,
.
.
( 20). ,
Microsoft Outlook 7,5x10 .
, . .
(. 9.1).
.
. ,
PowerPoint ,
, .
, PowerPoint
.
,
,
,
-,
3.
, ,
. ,
,
,
, .
2 04
9.
,
,
.
, ,
, . ,
,
, .
,
,
, .
,
. . , -
- ,
, - ,
, , .
- WordStar,
20
5
.
70- 80- ,
, ,
,
. WordStar Corporation ,
,
. WordStar
.
,
. ,
,
- , .
,
. ,
, , - -
.
.
.
,
, ,
.
.
, ,
.
.
,
.
.
.
206 9.
,
.
.
. , ,
,
.
-
.
,
. ,
, ,
,
, ,
.
: ,
,
.
,
.
,
.
,
.
,
- ,
.
: .
25.
.
. , ,
- .
.
2x2 , ,
2
0
7
,
.
.
-
.
, ,
,
,
. Word
(. 9.2). ,
.
: ,
, .
. 9.2. Microsoft Word
. ,
, ,
208 9.
,
. ,
.
,
.
.
, .
.
,
,
, , .
,
.
(
, ).
, - .
. ,
,
, ,
.
- .
,
. ,
,
( ,
).
.
,
. ,
, .
. ,
.
-
209
, - ,
.
,
-
, .
, ,
, , ,
.
,
Word. -
.
,
,
.
,
.
. -
.
,
. , ,
.
,
.
,
, , ,
(. 9.3).
,
,
.
,
,
. ,
, .
. ,
,
. ,
, , ,
. -
, -
.
.
, . ,
, ,
.
,
.
.
,
, ,
.
.
. -
.
,
,
.
, ,
.
21
1
,
, .
,
,
,
.
- Art Directors Toolkit, Code Line
Communications. ,
(. 9.4) , ,
,
( Art Directors Toolkit
. 9.4). , ,
,
,
. ,
,
.
,
.
.
- ,
.
, -
.
,
,
.
.
,
. ,
.
.
,
.
, ,
,
(
24 25).
,
, .
, ,
, , , ,
.
- .
,
.
,
. -
, , ,
. ,
,
,
, . ,
, ,
.
.
,
.
,
,
213
,
.
.
,
,
.
(, ,
),
,
. ,
, ,
:
, ,
?
Windows -
.
,
, , ,
, .
,
. Microsoft Windows
XP: ,
(. 9.5).
,
Mac OS, Windows,
. ,
.
, ,
. (, :
.) ,
,
.
. ,
, ,
, ,
. ,
- -
-
. -
( ),
-.
,
, -
.
(
),
.
- ,
-,
. (Peter Morville)
1 (findability) .
,
,
,
.
,
( Web 2.0 - ,
' (Tim O'Reilly)),
-
,
,
. -
( , AJAX,
Macromedia Flash, Java ActiveX) -
, -
. . - . . - : -
, 2008. -. . .
215
-.
, ,
.
,
.
,
.
-, ,
-: -,
- -.
, , .
, ,
- -.
-
-
FTP (File Transfer Protocol), Gopher Archie.
, -
( ) , -
. -
,
. - :
, ,
,
,
. - -
,
, .
,
,
( ). , ,
( ,
),
.
- ,
, .
- , , The Art and
Science of Web Design
216 9.
1
. -:
!, 2- . - . . - : -, 2008.
. , .
, 2- . - . . - : -, 2005.
217
,
.) -
,
.
()
,
.
: ,
, 800x600?
,
.
.
, ,
,
.
, , ,
, , ,
.
cookie-
, ,
(
,
).
-
-
,
.
- - - .
, -
,
, .
- ,
.
, ,
.
,
218 9.
-
,
. , ,
( ,
),
.
-
- -,
-, ,
. ,
- , -
.
, (
) .
,
.
Google Yahoo!
;
-,
.
,
, ,
Yahoo!
.
, .
,
( ),
, . -
2001 , User Interface Engineering
,
, Amazon.com
REI.com, ,
, ,
(Perfetti and Landesman, 2001).
-
-
-
. -
,
, -.
-
219
/ (
,
),
,
.
-:
,
SAP, ,
, Salesforce.com Base-
camp 37signals.
,
(MoveableType SixApart),
(Flickr) , , wiki-.
,
Writely Google Spreadsheets.
-
-
.
,
.
,
, ,
,
. -
,
. , , -
, .
, ,
,
,
.
-,
. -,
.
, ,
, ,
. -, -
. ,
-
( -
-
220 9.
-),
,
. II
, ,
.
.
-
-, ,
, -
,
.
-
,
.
. -
Flickr - ,
,
(drag-and-drop)
(. 9.6).
, ,
-.
-
, ,
- .
.
-
,
.
,
.
( -
).
-
, -, ,
, -. -
- ,
, .
?
-
22
1
,
,
.
,
,
,
. , ,
- -.
-,
,
. ,
. ,
-
, -
,
.
222 9.
-
:
.
World Wide Web,
, -.
-
-.
,
.NET Java/ Swing,
, , ,
.
, RSS,
-
- ,
,
,
.
- Apple iTunes.
,
-,
,
,
-.
-
,
, , -
.
,
. ,
.
, , ,
,
, ,
.
-,
.
-
( - )
- -. -
-, (
223
, - )
, ,
, -
.
,
,
,
.
, ,
, .
,
, ,
. ,
( , ,
, , ,
) - ,
.
, ,
, ,
.
(
)
,
,
, .
,
, ,
:
,
.
224 9.
,
, ,
, , ,
.
(
) , ,
( ).
( )
.
,
,
.
( ,
) , , ,
, ,
,
, ,
, .
. , ,
,
.
, ,
. -
, ,
,
, .
-
, ,
,
.
.
,
,
,
. ,
- ,
-
2
2
5
. ,
.
,
( )
, .
, ,
(, TiVo, iPod),
-
, ,
,
(. 9.7).
,
, ,
.
. 9.7. Cooper ,
.
, ,
,
, ,
.
,
.
, ,
, ,
8 3 1494
226 9.
,
.
,
,
,
.
,
,
,
.
.
(
),
( ).
( )
. ,
, ,
.
,
,
, .
,
.
.
,
.
, ()
. ?
? , ?
?
? ? ?
,
?
.
, ,
. ?
?
?
, ? ,
?
, -
227
, ?
,
?
.
,
,
.
,
.
Photoshop:
-
.
-
. ,
.
,
, ,
.
.
,
.
, ,
.
, ,
.
,
. ,
,
,
. (
- .)
,
,
.
-
Palm OS - (. 9.8).
.
.
,
,
. ,
Microsoft Windows Mobile, -
228 9.
,
, ,
, .
( Treo,
BlackBerry), , ,
.
.
, :
,
, .
,
-.
.
, -,
, , ,
.
,
229
.
. ,
,
.
, .
, ,
.
,
.
, . ,
, ,
. ,
.
,
, .
,
, .
, -
, , .
,
. , (
) ,
.
- ,
, -
.
, .
BlackBerry RIM
.
, (
) .
.
Palm Treo, ,
. ,
. Palm
, . ,
, .
-
9.
Palm
,
, (. .
9.8). ,
.
, ,
,
, .
, , ,
.
(
).
.
, , ,
,
.
, -,
. ,
, ,
.
.
: ,
.
.
,
,
.
,
. , ,
,
.
:
, ,
,
.
.
,
: ,
, ,
231
, - . .
.
, Agendus iambic Inc.,
,
,
.
, .
, ,
. ,
, , (,
) .
, .
-.
. ,
,
, ,
.
,
.
,
.
, ,
,
, ,
. ,
,
,
,
.
,
.
.
Palm Windows Mobile
,
.
,
,
.
-,
, ,
. , (,
)
.
,
9.
-
.
,
, .
(
) .
.
,
.
,
,
24 25.
-
: ,
, -
.
,
. -
( - Palm Windows
Mobile) ,
. (
,
,
.) -
.
, .
. -,
.
.
,
. , -
.
, - ,
( ,
).
, .
- ,
,
( )
. ,
-
233
,
, ,
(
DVD-).
,
:
.
,
.
, -
. , ,
,
.
, ,
.
, , ,
,
.
(. 9.9).
. 9.9. GettyGulde - ,
Cooper Getty Trlplecode
234 9.
-
.
. ,
,
, .
-
.
: , ,
- . ,
, -
.
.
,
,
( , , ,
Experience Music Project ,
).
, -
. ,
,
, , , . (
, -
.)
. ,
,
, (, , ).
,
.
, ,
.
,
.
. , ,
, .
(
), ( ).
. ,
. ,
,
-
235
. ,
(, ).
,
, .
,
. , ,
,
.
, ,
. ,
, .
.
,
,
.
,
, , ,
.
, ,
.
20.
,
.
,
:
,
. ,
, ,
. 20 -
,
; ,
, .
, ,
: ,
. ,
, , .
.
. -
236 9.
.
,
.
.
,
,
.
, ,
.
,
. ,
.
.
,
(
10).
,
.
-
, ,
. -,
( , ,
)
. -,
. ,
- | - . -,
, |
,
. , - |
- -
, -
.
,
-, , ,
-
( ).
,
.
237
( ).
,
.
,
. ,
, ,
.
,
.
, .
, .
,
, ,
.
, .
, TiVo
,
.
.
(
),
.
.
,
.
HDTV ( ),
,
. ,
, ,
, .
.
, ,
, ,
238 9.
,
(
).
,
, ,
,
, ,
. ,
,
(
TiVo).
.
,
, ,
.
( - ),
,
. ,
, ,
.
Harmony Logitech , ,
-
USB.
.
,
.
,
- 40, 50 60
. ,
,
.
, .
. ,
,
, .
,
.
.
, ,
,
239
( ),
.
, .
.
, , ,
DVD-,
, DVD-,
. ,
.
, Harmony, .
(,
)
,
, .
, ,
, .
,
(
),
. ,
,
, , ,
-.
,
.
,
. (/,
, / )
( ) ( ).
. ,
.
. ,
.
, ,
,
.
240 9.
.
,
. ,
, ,
,
- , .
/
. iDrive BMW
,
,
.
, , , BMW
,
, . (
-
) -
,
.
.
.
.
,
, , ,
,
. -
. ,
, , ,
,
, .
, , ,
.
,
.
( )
,
.
, ,
,
.
,
. ,
241
. (
,
) -
,
- .
,
- -
. ,
.
- ,
.
,
-
.
,
. ,
,
,
- .
- , ,
.
,
,
. ,
,
.
. (
,
-
.)
, .
.
, ,
,
.
,
:
.
2 42
9.
.
,
.
.
,
( )
.
.
. ,
.
.
. ,
. ,
.
, ,
, -
.
-
- .
- ,
,
.
10
,
, ,
, .
- ,
,
, .
,
,
. .
- (Mihaly Csikszentmihalyi)
Flow: The Psychology of Optimal Experience
(Csikszentmihalyi, 1991).
( DeMarco) (Timothy Lister)
Peopleware: Productive Projects and Teams1
,
.
, , ,
. ,
,
,
, ,
. , :
,
,
, -
. , . :
. - . . - : -, 2005.
10.
,
, .
,
.
, , . ,
, ,
, .
(, ,
,
-).
, .
,
, .
,
, .
- ,
, .
, , ,
,
.
,
. ,
,
,
. ,
,
,
- .
, ,
,
.
. ,
.
,
. ,
-
245
,
.
.
. ,
.
, .
Webster
-
.
.
-
. ,
35 . ,
, ,
.
, ,
,
.
,
,
, ,
:
1. .
2. - .
3. , .
4. .
5. .
6. , .
7. .
8.
.
9. .
10. .
10. , ,
.
11. .
12. , .
13. 246 10.
14. .
15. - .
16. .
17. ; .
.
14. .
15.
16. 2.
,
,
.
, .
- -
.
17. ,
,
,
. ,
.
,
,
,
. ,
.
, , -
(, , ). ,
, , ,
.
18. - .
19.
20. -
.
,
. ,
, ,
.
,
,
.
21. 247
22. , .
,
, -
, .
1995 ,
. ,
Windows-:
,
.
, , ,
. ,
.
,
,
,
.
23., .
,
,
,
.
,
, ,
-
, .
- ,
. ,
-
,
.
24. Motorola - Razr -
:
,
Motorola ,
,
. ,
. -
,
, ,
; - ,
Motorola.
25. (Mullet) (Sano)
Designing Visual Interfaces (Mullet and Sano, 1995)
-
26. 248 10.
27. , , ,
.
,
.
, .
28.
:
, ?
-
,
. ,
, Google,
, ( eGoogle,
, !,
),
Google Google (. 10.1).
- iPod Shuffle. Apple,
,
,
, -
! WriteRoom (Hog Bay
Software) -
, .
, .
29. ,
- ,
. iPod -
-
.
-, ,
30.
. 10.1. Google -
,
31. 249
32./ iPod
, -
. ,
.
,
,
, .
33. ,
34. .
35.
36. , , ,
.
.
,
: ,
- ; , ,
, , ;
, .
37. . ,
.
, , .
,
.
, : , ,
,
. :
, ,
.
38. ,
,
( ,
. 10.2).
39. ,
, , ,
-
40.
41. . 10.2. ,
, ,
. ,
. , ,
. ,
, -
42. 250 10.
43. . :
.
, : ,
.
44.
, .
, .
, ,
, -
.
45. .
46.
47. ,
. ,
.
.
,
,
.
,
.
48. -
, -
.
.
, .
-
. ,
.
49. .
50.
51.
, , ,
.
,
.
52. 53. 2
5
1
54.
.
,
. :
,
,
, .
.
55. ,
. , Word
,
, .
:
,
.
56.
(. ..),
(. 10.3,6),
.
, ,
. ,
,
.
57. ,
.
:
58.
59.
65. ,
.
, .
, Adobe Photoshop,
,
.
25.
66. ,
67. .
68.
69. ,
( )
. ,
.
, .
, 999 999
, .
.
. ,
, .
.
70. ,
. ,
,
, .
. ,
, - , .
, (. 10.4).
71.
72. . 10.4. , ,
. ,
! .
,
- .
,
.
73. 253
74. , . 10.4,
. ,
? ,
, ,
, . 17.
75.
, ,
,
. ,
.
, .
, ,
, ,
,
.
76., ,
, .
?
,
.
77. .
78.
79. -
.
,
.
,
, Windows
3.x, - (.
10.5).
80.
83.
.
.
, ,
.
. ,
. ,
- 20
. ,
, .
84.
- (Edward Tufte) ,
: ?
, 231 728 , ,
, 22% .
: ,
. ,
,
. ,
231 728 . ,
. ,
. ,
.
85. Windows XP Windows Vista Microsoft
, . (. . 10.5)
, (. 10.6).
. ,
- . .
, - ! -
Gran-Fromage .
86. ,
.
, . ,
, , ,
,
, .
- , ,
, ,
, - .
. Windows 2000
.
XP Microsoft -
.
87. 88. 25
5
89.
91.
90.
93.
, ,
.
94. 95.
.
96.
.
.
, -
- -
97. 256 10.
98. .
. -
: -
99. . : ,
, - ,
1,347 . ,
1,347 .
100. .
- , ,
, .
,
.
,
.
101. 103. .
102.
104. , .
, . ,
:
, .
, , , :
, .
;
.
105.
. , .
,
, ,
. ,
, ,
, .
,
(
).
106.
.
, ,
, . :
, , ,
Microsoft Outlook IBM Lotus Notes, ,
?
107. 108. 257
109.
,
.
25.
110. .
111.
112. ,
.
.
, .
, , ,
, .
, ,
, .
113.
,
, .
, ,
, ,
, ,
, - .
- ,
:
, . ,
.
,
, .
114. ,
,
,
. , , ,
, .
115.
, .
, .
,
.
116.
117. , ,
.
118. |9 3, 1494
119. 258 10.
120. ,
.
,
.
, ,
, , , .
, . ,
.
- ,
. ,
,
. .
121. .
122.
123. ,
,
. ,
?
( ) ,
, .
, , , ,
, .
. ,
Microsoft Word,
,
,
. PowerPoint -
. ,
.
124. , .
125.
126. ,
, ,
( )
.
,
127. 259
128. ,
. , ,
.
,
.
129.
. ,
- .
,
, .
11, -
.
130. .
131.
132. ,
.
.
,
, .
,
.
133. ,
,
, ,
, ,
, ,
PostScript, ,
, ,
, . ,
.
134.
.
, ,
.
, ,
, . ,
.
135. Word
.
, ,
,
. ,
,
136. 260 10.
137.
, .
. (
,
, .)
... .
, ,
,
.
138.
. , ,
,
. ,
, .
,
.
139. Microsoft .
,
.
,
.
140. - .
141.
142. - ,
. ,
. , ,
, , .
, . ,
,
.
143. ( )
. .
,
, , .
, , ,
,
.
144. ,
,
.
.
145. 261
- ?
- .
- ?
- .
- ,
?
- .
- ?
- ! !
-
?
146. , .
, :
;
;
;
;
;
;
.
147. -
?
,
, ,
.
.
- ,
. (
, , 12.)
148. - ,
.
: ,
?. ,
. ,
, ,
. (Clifford Nass)
(Byron Reeves) The Media Equation
(Nass and Reeves, 1996) ,
, , , .
, ,
.
, - -
149. 262 150. 10.
151. , , ,
? 12 ,
.
152. ,
( , )
.
, .
,
. , . 10.7.
153.
154. . 10.7. ,
, ! ,
.
, ?
155. -
.
- ,
. ,
, -
.
156.
157. .
158.
. ,
, -
.
,
.
159. ,
.
,
,
- . ,
,
160.
161. 26
3
162. ,
.
,
,
. ,
, .
163. ,
(. 11)
( )
. , , -
(. 10.8).
,
,
.
164. .
(
), -
.
.
.
, , ,
.
,
.
165.
166. . 10.8.
.
-
, ...
,
,
.
, ,
.
!
167. 264 10.
168. ,
.
- ,
-
.
,
,
.
169. ;
-
170. .
171.
172.
, , ,
.
, ,
. ,
-
, -
.
173. .
,
,
.
,
,
,
, . ,
, , -
.
174.
, ,
. ,
, : ,
. 4,3 !
175. , 60- ,
,
(Miller, 1968):
176. 0,1
. ,
.
177. 265
1 , .
, ,
, .
10 ,
, ,
. .
10 .
.
,
.
, . II
.
178. ,
.
,
.
- ,
.
179.
11
180.
181. ,
. , ,
, ,
,
, ,
. ,
,
.
182. , ,
, ,
,
.
, .
, (Star Trek),
, - , . ,
-
,
.
183. , ,
.
,
. , ,
, .
: ,
, , ,
. - ,
, ,
, .
,
184. 267
185. .
,
.
, ,
,
. -
,
. (, -
.)
186. ,
. ,
, .
, ,
. ,
, ,
.
187. ,
, ,
. ,
,
,
.
, .
188.
.
.
189.
.
190.
191.
192. ,
- ,
, - ,
.
,
.
,
.
193. 268 11.
194.
.
195. .
.
,
- ,
, .
,
, . ?
196. - ,
.
:
, .
, .
,
.
197. ,
.
,
. ,
.
198.
199. ,
,
. ,
, ,
.
. ,
, .
,
.
200. ,
.
. ,
, .
201.
202. ,
, - ,
. ,
, . ,
,
203.
269
204.
, 3. ,
(,
), .
,
, .
205. 207.
.
206.
208.
209. , -
, . .
, ,
, - ,
.
, .
210.
211. -
, .
, ,
,
, - .
212. ,
.
, , ,
.
, ,
,
(
13). , ,
, ,
(
9).
,
, ,
.
,
, ,
.
,
.
, ,
, .
213. 2 214. 11.
7
0
215. ,
,
.
. -
(.
11.1)
.
216.
,
.
,
, ,
,
.
14.
217.
218. . 11,1. Disney.com -
.
.
, .
. :
-
219. , ,
220. 271
221.
222.
.
, ,
. -
. ,
, - .
, ,
. ,
, .
223.
224. ,
, .
-
,
. ,
. ,
.
- -
. ,
.
- .
.
225. - .
226.
227.
,
. ,
, ,
,
. \ ,
,
,
.
.
228. 2 2
7
229. 11.
230. ,
231. ,
. ,
. 25
, ,
,
, .
.
, ,
, ,
. . 11.2
, Adobe Illustrator 6,
. ,
, .
232. . . .
233. "test.ai" .
234. . 11.2. ,
- . , ,
, ,
.
, ,
- .
, ,
235.
- .
,
, ,
, , ,
. 25 ,
.
236. -
Microsoft Outlook.
237. 238. 2
7
3
239.
241. . 11.3. ,
- .
, ,
? .
, .
, - ,
. Cancel (),
? ?
242.
, , ,
!
, - ,
,
? , ,
,
? , ,
Cancel...
?
,
?
,
. 24 ,
.
243. ,
244.
. , ,
,
. ,
. -
. , :
Amazon.com,
.
,
.
.
245. 246. .
247. 274 11.
248.
(
, )
. ,
.
. : .
.
, , .
,
,
.
249. , .
250.
251. , ,
.
, , , ,
.
, .
Microsoft . (
, -
, - ,
.)
252.
253.
.
.
:
, .
,
.
. ,
.
,
.
.
, ,
.
275
.
, , , ,
,
.
.
- ,
. ,
.
( ) ,
.
. ,
, .
(
).
.
,
, ,
. ,
,
-
, . (
,
,
.)
.
,
- ,
- - . -
, ,
.
:
, ;
,
;
, ;
, (
, , , ).
276 11.
.
,
, . :
, ,
.
, , ,
, .
.
,
- , ,
.
, ,
,
. ,
. , ,
, ,
.
,
, .
.
,
, :
.
,
,
.
,
(. 19
20) .
,
,
,
, .
,
.
,
-
27
7
.
. ,
. ,
-
.
. -,
, .
,
, , .
, ,
, . ,
,
(, , Microsoft
Excel, . 11.4).
. ,
, .
.
- , ,
. - .
, -
.
.
, ,
.
,
.
, .
-
Adobe Illustrator (. 11.5)
,
, , ,
.
,
.
,
,
- . ,
,
.
27
9
,
, .
, .
,
(
,
23).
Adobe Photoshop 6.0 ,
. , (Paint
Bucket) (Gradient)
. ,
,
(.
11.6). ,
.
,
, .
:
(),
. :
,
- - (,
,
).
.
,
. ,
.
, .
.
-.
.
-
. ,
.
-
.
(, ). ,
,
,
.
,
, .
( )
.
,
,
.
;
,
.
,
.
, -
.
281
,
, (
19).
(, ,
) , -
. :
;
;
;
;
;
.
.
:
.
, ,
, , .
, ,
. ,
, :
.
, -
.
, .
- ,
.
-
,
.
- ,
: .
,
, .
,
.
, ,
282 11.
,
.
, . ,
,
, ,
.
,
. ,
,
,
,
.
- ,
. ,
-, -
.
- .
,
, ( ),
, .
- .
, ,
,
.
. , ,
( ).
- ,
,
. ,
.
.
-
,
. , , .
,
(. 11.7).
,
-
,
2
8
3
. ,
, ,
.
(
).
,
.
,
. ,
.
. ,
. , ,
284 11.
, . ,
.
-
, ,
, . ,
.
, .
.
.
.
,
.
,
.
,
,
, ,
. , ,
, .
,
,
.
, ,
!
.
,
,
, .
,
.
,
: .
,
,
.
;
.
2
8
5
.
Navigator Adobe
Photoshop (. 11.8).
, - (. 11.9).
,
, ,
.
, -
,
.
. .
, ,
.
. 11.9. Amazon.com.
, ,
11.
,
,
. ,
,
. ,
(. 11.10).
Microsoft Word:
.
, .
,
,
, .
,
.
.
, ,
,
. ,
,
, .
, . 11.11,
.
.
.
: , .
2
8
7
. 11.11.
.
- ? , ,
:
? -
?
,
.
.
,
,
(
).
, , ,
.
.
, ,
.
, ,
. ,
. 11.12, -
.
,
.
-
. 11.12. . ,
,
2 11.
8
8
, .
(Norman, 1989)
.
.
11.13.
.
. 11.13. .
,
- ?
,
-
,
. , , ,
. Re-sort Results by: Date Placed
( : ),
Ascending ( ) Descending ( ).
,
, -
, .
: ,
?
, ,
, , ,
.
. ,
; , ,
.
Most Recent First ( ) Oldest First
( ), . 11.14.
. 11.14. .
,
289
,
-,
. ,
.
, ,
.
? ,
.
, .
,
.
,
.
.
, ,
. ,
, . ,
.
,
,
.
- ,
, . ,
,
. , ,
.
, ,
,
,
, .
.
,
.
-
.
. 1494
290 11.
,
, ,
.
,
,
( ,
).
,
, ,
.
,
.
, ,
,
.
: -
- ,
; ,
, .
,
-
,
.
,
, ,
. ,
(
), , 10.
, ( ),
, - .
.
(),
. , ,
, (. 10).
,
.
,
- .
, ,
,
291
.
.
,
, ,
.
,
, -
.
-
.
, .
(
) . ,
.
,
,
,
.
,
.
'
,
,
.
( ),
,
( ). ,
,
, .
,
.
, -
.
.
.
.
- -
. ,
,
. ,
,
.
292 11.
( )
- : -
Acme, - , -
. (Norman, 1994)
.
,
, .
.
,
( . 2),
,
.
,
.
,
, ,
.
(
),
,
. ,
,
. ,
, 15.
12
10,
, , , ,
-, ,
. -
(,
,
), .
.
: ,
, ,
, . ,
,
, .
,
.
, .
:
, . -
:
.
:
. ,
- ,
, ,
294 12.
.
-
-1
,
, .
- ,
.
- .
, .
,
,
,
.
, , ,
, .
,
,
.
,
, , - .
,
, . -
,
.
,
. ,
,
.
,
,
. ,
( ):
wetware,
. - . .
295
,
.
. ,
, , -
. , -
.
, ,
.
, -
, ,
.
Firefox Microsoft Internet Explorer,
, .
, .
, ,
- , ,
,
, , .
, ,
, , .
-
. .
. ,
.
12.
,
, ,
.
, , ,
. , , ,
,
.
. ,
, -
. ,
Submit, ,
, ,
, , ,
. submit1 (,
)
,
, .
, Submit
. ,
, .
,
, ,
-
,
.
.
,
, .
, , ,
,
.
.
. ,
Microsoft, -
: , .
? , ,
,
-. - . . .
297
. ,
, , ,
, ,
, .
-
.
,
. ,
,
( )
. ,
.
,
0
957 142 039 58 . ,
-
, ,
- .
, ,
,
. ,
, .
.
- ,
-.
. ,
,
. , -
. ,
.
.
. , ,
,
: .
,
298 12.
,
.
.
. ,
MicroBlitz, ,
. , ,
. , ,
17 , MicroBlitz
. 32
,
.
MicroBlitz 7/03, -
MicroBlitz 11/03.
.
.
, ,
. ,
, ,
. -
.
MicroBlitz,
,
.
-
, .
,
, .
, ,
.
,
( ),
. ,
, .
,
. , ,
.
.
,
299
. , ,
.
, ,
,
, ,
. ( ! ,
, ! ,
?) ,
.
, .
,
.
-
, ,
. 25.
,
,
, .
, ,
, ,
.
, .
, , .
25.
.
.
, ,
. , ,
,
- ,
. ,
-
?
, ,
, .
. ,
,
? ,
300 12.
, ,
.
.
, , .
,
.
, ,
.
.
, ,
: ? , ,
. .
, ,
( ),
, ,
.
, , ,
: ,
?
,
.
10,
.
.
-. ,
, .
, , ,
. . ,
, ,
: -,
? .
?
.
,
, .
, -
-
301
, .
.
, , ,
. ,
,
- ,
.
, :
, - , .
( )
, .
, , ,
.
.
,
, ,
.
, ,
, ,
.
, Ableton Live,
, ,
. ,
.
,
, .
,
-. , ,
, Submit, -
-
. ,
, - , ,
,
. ,
,
, .
?
, .
302 12.
,
, - .
, , ,
.
.
,
,
. -
,
, .
, ,
.
: ,
.
.
, - ,
, :
, ,
. ,
, .
, ,
, .
, ,
,
.
,
, ,
.
,
.
.
,
.
-
.
.
, ,
-
303
,
. ,
, ,
.
, ,
,
.
, ,
. ,
, , ,
.
(
, )
.
.
, - ,
, ,
, , . ,
.
, , ,
.
.
.
.
, , ,
. ,
, ,
.
- .
20
.
, ,
,
. .
,
, 15 .
,
. 15
304 12.
.
, . -
.
. ,
. ,
, ,
,
15 ,
, .
!
15 ,
.
, ,
, -
. ,
,
.
, ,
.
, . -
.
,
.
, :
.
, .
,
, .
- ,
-
.
.
, ,
. ,
.
305
,
, - ,
.
,
, -
,
. ,
, , . -
, .
,
.
,
, .
, .
.
,
, .
, ,
, .
, .
, .
,
, , .
. .
:
; ...
, ,
, . ,
, .
,
,
.
Windows Mac OS X
.
,
- ,
. -
,
. .
Spotlight Mac OS X
, Windows.
,
306 12.
.
,
, , ,
.
.
.
?
.
,
.
, :
,
,
.
:
,
, .
,
, -
, .
,
, .
,
, ,
:
.
, -
, ,
?
,
,
?
?
: .
,
,
!
:
.
307
,
. -
.
, ( )
, ,
, , ,
,
.
, , ,
? ,
,
,
.
-
, , ,
. , ,
, .
, , -
. ,
, ,
, . ,
10, , .
- ,
, ,
.
,
.
- ,
- , ,
, , ,
.
, , ,
, ,
.
,
, .
.
308 12.
:
( ),
, .
, ,
,
, -
.
,
, , ,
, . ,
,
, .
, , , ,
.
, ,
.
, .
, Excel , ,
.
Times 9 , - Helvetica 12 ,
.
, : Helvetica
12 .
, ,
, : ,
.
, .
-
, -
.
-
,
.
,
,
, .
-
309
- ,
.
-
, . ,
.
, , ,
, .
- ,
. Word
, . ,
,
,
, .
,
, .
.
.
,
.
,
,
. Microsoft Office
.
.
,
, .
, ,
,
. , ,
,
. .
, .
,
, ,
. , ,
. ,
,
, , ,
,
.
, ,
.
, .
, .
12.
?
, .
-
. ,
,
, , 200 .
, .
, .
, 10
. 200 , 2000
. 2
- !
.
, ,
, .
.
.
.
,
,
, . ,
, ,
.
,
126, 94, 43, 74, 81, 70, 110 92.
100 ,
. 5000,
- .
, ,
, - ,
.
, 5000 .
,
,
.
311
,
.
.
.
, ,
,
!
, ,
.
. ,
, , ,
,
.
, ,
, .
-,
Internet Explorer Firefox.
,
.
, ,
,
.
,
. , ,
.
, .
- ,
, .
-
, . ,
,
- ,
.
,
. ,
-
312 12.
.
,
.
?
? ,
? ?
,
: 50
, .
: ,
50 , ?
, ?
, .
.
, .
.
, .
. -
,
.
,
.
,
, , .
, ,
, . ,
250 ,
, - .
, ,
. , ,
, .
,
, ,
. , ,
, ,
, ,
. , ,
.
,
,
-
313
, . -
- .
, ,
. ,
,
,
. ,
? ,
,
. !
. ,
, , , ,
10-20%.
, , ,
.
, ,
: .
, .
.
.
, ,
, .
, ,
. ,
, .
. ,
.
,
.
- ,
.
,
.
,
,
.
,
, ,
,
, .
314 12.
, .
,
.
80% , , 20%
. ,
, ,
80% .
,
,
,
. ,
.
,
-
.
.
13
, ,
,
. ,
.
.
, ,
, - ,
.
,
.
.
,
.
.
- ,
.
, ,
.
, ,
-
.
,
, .
, .
316 13. , ,
:
, .
, ,
, ,
.
.
, ,
.
(
) .
,
.
(
),
.
,
, .
,
. ,
, .
,
.
.
,
.
, ,
, , ,
. , :
, ,
.
,
.
317
, , ,
:
, .
, - ,
, . ,
,
. ,
, .
,
,
. , ,
,
, . , ,
.
, .
, ( ,
-) ,
, , , .
,
.
, , -,
, ,
, - ,
.
,
.
-
. ,
.
,
- ,
.
.
:
,
,
Quicken. ,
?
318 13. , ,
. . (1984)
:
-- . 1. , ,
-. <...>; 2. :
.
,
, .
.
, .
,
,
. ,
.
, ,
,
.
,
.
, -
.
,
.
-, . ,
,
, .
,
10-
. , 250
,
.
,
.
,
.
.
-
?
,
, ,
.
,
319
,
.
. ,
-
. -
-
. , ,
,
-
.
, -
.
,
, ,
,
.
,
, .
. - , , ,
. .
,
, ,
.
: ,
,
, -.
, ,
.
.
, , ,
,
, .
, ,
, .
, ,
.
, ,
, ,
.
.
, .
, ,
320 13. , ,
,
.
, (Ted Nelson)
, ,
,
.
,
,
, ,
,
.
, ,
.
. .
,
, ,
.
,
.
, .
, ,
. ,
, ,
.
.
- , , -
. , ,
, ,
.
, ,
. ,
,
.
-
,
. , , ,
,
, , .
Macintosh
Fire Wire-
(,
,
i
321
),
.
. .
IV (Star Trek IV) ,
XX .
,
,
,
.
. , , ,
- . ,
, .
.
,
,
, .
,
.
.
, ,
,
.
,
, .
, , : ,
, , ,
.
, - , ;
. ,
( ) .
;
-
.
, , ,
, , ,
.
, .
. -
, ,
-.
. N94
322 13. , ,
, .
.
. McDonalds, Mitsubishi,
, , Microsoft
- ,
. 13.1
.
. 13.1.
, . ,
50- 60- ,
, .
(, )
, , .
, ,
,
, .
, .
.
, ,
-,
.
,
, , ,
,
.
-
-
32
3
. ,
, -
-
,
.
,
, ,
. Magic
Cap - ,
90- General
Magic.
.
.
, .
,
, , . 13.2,
. ,
, .
,
.
-
,
. ,
.
, .
,
.
? , General Magic
, - , ,
.
General Magic
. ,
.
Macintosh
.
-
, , ,
.
- ,
- ,
. ,
,
.
?
-
( )?
, ?
, -
,
.
, ,
. ,
.
.
-
?
-
, .
, ,
,
.
.
(
, ),
. , -;
325
2,
.
.
,
. ,
,
, , -
. ,
,
.
.
- ,
, ,
(
).
,
.
: ,
1:
,
,
. , ,
,
,
,
.
, Xerox PARC,
.
-
. ,
, .
, -
.
,
(Rube Goldberg) - ,
, ,
.
: -
. :
, . - . . .
326 13. , ,
.
,
.
, ,
.
Macintosh :
70- Xerox PARC
(Palo Alto Research Center). ,
Xerox, ,
, , ,
.
,
.
PARC Apple Macintosh
: ,
() . Macintosh
, ,
.
,
:
,
,
.
.
,
,
Apple - .
,
.
Macintosh ,
, ,
.
( Microsoft ).
327
, :
, , -
WYSIWYG (what you see is what you
get - , ).
(
LaserWriter) , Apple
Macintosh . Macintosh
.
, ,
.
, .
,
Macintosh, ,
,
. ,
.
- .
, ,
.
. (
) .
.
,
- .
, .
.
( ) ,
, ,
, .
,
, .
,
.
, ,
.
.
3 13. , ,
2
8
, , ,
.
.
, .
13.3. -
.
, .
. 13.3.
,
-
, .
, , ,
,
,
-
, .
,
(, ), (
) (, , ,
).
.
,
,
-
329
. ,
, .
, ,
, ,
.
, ,
.
.
. - ,
- , -
.
.
-
,
,
.
The Design of Everyday Things1
(Norman, 1989)
(affordan-ces),
, ,
.
.
: ,
? ,
( ), ,
, - .
,
.
-
, ,
.
, ,
.
: .
. - . . - .: ,
2008; . . - . . - .:
, 2006. -. .
330 13. , ,
, .
.
, ?
,
, . ,
, -, ,
, .
.
, ,
, ,
. ?
.
,
,
. , ,
, .
, . ,
, ,
,
. ,
,
, .
, ,
,
.
[]
. ,
, .
,
: !. ,
, -
,
.
.
, (
, ).
( ).
, .
( ) ,
( ).
.
,
Windows, Mac OS Motif,
-
331
. ,
,
, :
!.
, , .
, , , ,
? ,
,
, -
- .
-
. ,
,
,
. ,
,
, .
, .
,
.
,
. .
.
. ,
. ,
.
,
.
, .
,
, , .
, .
.
, ( )
, , ,
. , ,
,
332 13. , ,
,
. ,
.
.
,
,
: . - -
. ,
,
.
,
,
-, -
,
. ,
,
.
14
,
, ,
.
-
(
,
).
- , -
.
;
,
.
,
- ,
.
,
( ),
.
.
.
,
- ,
, - ,
,
334 14.
.
,
.
.
, .
. ,
, ,
. - ,
. ,
-
, ( )
.
.
, .
, , .
, ,
Designing Visual Interfaces (Mullet
and Sano, 1995),
,
.
, ,
,
. ,
,
.
,
,
.
, .
,
- ,
,
,
.
5.
, .
335
- ,
( 80- )
,
, ,
.
,
,
.
.
,
.
,
, ,
, ,
Windows XP Mac OS X,
,
.
, -
.
, , ,
, -
(
) -
(. 13).
, ,
,
.
,
,
.
. ,
,
(,
)
( , ,
. .).
336 14.
, ,
.
, ,
, -,
.
,
, .
, , , .
,
.
, ,
The Visual Display of Quantitative Information (Tufte,
1983).
,
,
.
,
, :
,
,
.
,
,
.
,
,
.
,
, .
. ,
337
. ,
, ,
. ,
, , .
.
, ,
,
.
, ,
.
,
, .
,
.
,
.
? ,
? .
; ,
, , .
,
. -
, .
, Dock1 Mac OS X
- iTunes iDVD iWeb
iPhoto. ,
, .
? ,
.
,
; ,
,
Mac
OS X,
. -. . .
333 14.
, .
, -
.
. (Jacques
Bertin) The Semiology of Graphics
(Bertin, 1983) .
, ,
, .
? ,
. ,
.
, ; ,
,
, .
,
,
. -
, , ( )
:
.
, ?
.
, . ,
- , -
; , ,
- , - (
, ).
, .
, ,
, , -
. ,
- .
,
. ,
,
.
.
,
339
, -
. , ,
,
.
,
( ).
- , , ?
,
( , ). ,
,
. , ,
,
.
, ? ,
,
.
,
. ,
.
: ,
, ,
.
,
, ,
.
?
-
, ,
.
,
.
.
-
.
-
340 14.
, .
,
.
.
()
.
,
, ,
. ,
.
,
.
.
, ,
.
,
;
.
:
;
;
,
;
;
.
,
,
.
,
,
.
, ,
. , Windows XP
-
341
, ,
, ,
.
,
.
,
: ?
- : ?
,
.
,
, ,
.
.
, , ,
,
. ,
, .
.
.
, , .
.
, .
,
. .
,
,
,
.
. ( :
,
?)
-
,
.
-
.
342 14.
, .
, , .
, ,
, ,
, ,
.
,
, ,
.
:
, , .
( .)
, , ,
.
: - ,
.
.
,
.
(, , ) ,
.
, ,
,
,
. ,
- ,
(
13).
. Mac OS X
-
.
, ,
.
, -
, ,
. ,
.
343
,
, -
(squint test).
.
, ,
, .
.
,
, , , ,
. ,
,
.
,
,
.
,
.
- ,
.
,
(. 14.1).
.
:
.
:
. ,
,
. ,
-
, .
.
,
.
3 14.
4
4
. 14.I.Adobe Lightroom
. ,
. ,
,
.
, ,
.
-
,
.
,
.
(. 7),
,
.
,
(. 14.2).
-
34
5
. 14.2.
-.
,
, ,
,
,
. ,
,
.
.
. -
(
1,62),
;
, (
1:1,41),
(, 4); 4:3 -
.
,
, .
,
.
, ,
,
, . -
34 6 14.
,
.
,
. ,
.
, -
.
( )
.
: ;
- .
- , , -
,
, .
, , .
:
.
,
.
,
.
.
.
.
, ,
.
.
,
. ,
.
,
, .
,
34
7
, , (
)
(. 14.3).
. 14.3.
,
-
.
, -
.
,
, ,
-,
.
-
.
.
:
(
,
) (
).
,
(. 14.4).
, ,
(
),
(. 14.5).
348
14.
. 14.4.
(Bullets and Numbering) Microsoft Word.
. 14.5.
Macromedia Fireworks
349
,
, ,
, ,
. ,
,
.
, ,
.
.
, (
),
( , ,
), (
, ).
, ,
. ,
, , ,
, .
- . ,
, ,
.
, . ,
, , ,
, , .
. ,
, :
, .
. -
,
,
-. ,
, -
- , -
, .
-
.
-
. -
,
. ,
350 14.
,
(William Horton) The Icon Book.
, , ,
- .
, ,
, - , .
, .
, ,
(. 23)
.
:
, ,
.
, .
,
, ,
.
,
.
,
'
,
-
, ,
.
-
, , ,
.
; .
, ,
.
.
- , (
13).
,
.
, ,
.
351
, ,
-
.
'
,
, ,
. ,
,
, ,
.
() ,
, ,
.
,
, .
, , ,
-.
, ,
. Windows Vista Mac OS X
.
, ,
-
,
. ,
,
( , )
.
, :
, .
, Mac OS X
. Mac OS X
,
(. 14.6).
(, ,
), ,
. .
, .
, ,
, . ,
,
352 14.
. 14.6. Mac OS X.
. ,
,
( )?
( )?
,
,
,
.
Microsoft ,
( , Microsoft Word)
,
. Photoshop
.
Microsoft Word (.
14.7) ,
.
, 1,2 ,
.
Microsoft
.
,
.
, .
,
.
, .
;
. , ,
- ?
, '
.
,
, .
( )
- ,
-
.
,
(. 13),
.
!2 3. 1494
354 14.
( )
. ,
,
,
;
. ,
.
,
. ,
,
, .
, , .
.
,
, , ,
- ,
.
, ,
()
. ,
DSL-
-
( ),
, -
. .
:
, ,
, ,
.
, -
.
,
:
.
,
.
.
, -
355
.
,
- .
, ,
.
.
Universal Principles of Design (Lidwell, Holden, and Butler,
2003) (William Lidwell), (Kritina
Holden) (Jill Butler)
.
( ), ,
,
.
,
,
.
,
.
- ,
.
-
, ,
. ,
.
.
.
,
,
, .
,
. ,
. (Richard Saul Wurman)
.
356 14.
,
,
,
,
.
:
.
( , , )
,
,
.
.
,
, , .
.
, .
,
. ,
,
.
, .
, ,
.
.
,
, -, -
.
, ,
.
-
: ,
, .
, .
(
), . ,
, , .
, , - ,
. , Microsoft Windows XP
(. 14.8).
35
7
(
Word)
: , ,
.
. 14.8. Windows XP -
.
,
.
,
,
. :
.
-
.
,
,
.
.
, , ,
,
, :
,
.
, .
- , ,
358 14.
.
, ,
. ,
,
.
.
,
.
,
, .
,
,
. ,
.
;
-
.
,
:
. ,
,
.
80% .
(). ,
, Verdana
Tahoma, . , Times
Georgia, ,
. 10
, ,
- .
.
, .
. - ,
.
-
. , -,
. - ,
;
. ,
.
359
,
,
.
- , , -
.
, , ,
, ,
.
,
. :
. ,
, .
,
. ,
,
,
.
, ,
, ,
.
.
,
.
,
,
. -
,
, .
, !
.
.
,
,
.
, ,
.
.
, ,
.
, .
,
, .
360 14.
.
. ,
( )
.
, ,
.
- ,
. , ,
Fujitsu ColorDoctor, ,
.
, ,
, ,
. ,
,
: ,
, .
, , ,
:
.
, , ,
,
,
, .
, .
, ,
, .
.
. , ,
.
.
,
,
. , ( -
)
.
361
.
;
,
.
. ,
. ,
, .
,
.
,
.
, -
()
.
,
:
1. (
) .
2.
.
:
,
, .
,
, : .
,
-
.
( ) ,
.
,
, , ,
.
The Visual Display of
Quantitative Information (Tufte, 1983)
,
3 62
14.
,
.
, , , :
;
- ;
;
, ;
, ;
, ;
.
,
.
. ,
( .
. 14.9). Adobe Photoshop,
, ,
(. . 2.2).
-
,
.
- -
, , ,
NASA,
,
.
(. 25),
, .
,
,
.
,
(-
).
, .
(. 14.9).
,
, ,
,
. -
.
,
. 14.10
, , ,
-
.
,
,
,
. ,
-
3 4
6
14.
. 14.10. -
,
Cooper.
,
.
,
. (
) ,
,
.
, ,
,
, . -
, .
,
; ,
( -
),
.
365
,
,
. ,
(Windows)
,
,
.
-
.
,
.
, Microsoft Adobe,
. ,
,
.
, Apple Microsoft ,
, ,
,
, .
.
, ,
,
. .
,
,
,
.
,
.
.
,
, ,
. ,
,
366 14.
,
,
. ,
.
, , ,
,
.
, ,
,
,
.
,
. ,
, - ,
.
, ,
. :
.
;
. ,
.
,
, .
,
, , ,
.
Apple Microsoft ,
.
,
,
. Microsoft ,
-
. :
,
,
.
367
Apple OS 9 OS X
, .
Macintosh ,
Apple. ,
, ,
Apple, , ,
. ,
Windows
Word, Excel Outlook.
,
.
.
? ,
, :
? ,
.
,
.
? ?
- , , ,
.
:
(),
, , ,
.
,
, . ,
,
.
, ,
, , -
.
.
- ,
. (
) - .
-
368 14.
, ,
, ,
.
,
,
. ,
, , :
,
, ,
?
,
. ,
. :
, PowerPoint,
, ,
Word? Microsoft ,
.
PowerPoint , ,
Excel Word,
, ,
.
, - -
PowerPoint -
, .
-
.
, ,
,
. ,
,
,
. ,
(
). ,
,
. ,
.