Вы находитесь на странице: 1из 163

The Elements of

User Experience
User-Centered Design for the Web

Jesse James Garrett

:

.

.



.
.
.
.
.
.

.
: . . . .
.: , 2008. 192 .: .
ISBN-10: 5932861088
ISBN-13: 978-5932861080
- ,
.
. , , ,
, .
-,
, , , .
-

. -, , .
ISBN-10: 5932861088
ISBN-13: 978-5932861080
ISBN 0-7357-1202-6 ()
, 2008
Authorized translation of the English edition, Copyright 2003 Pearson Education, Inc. This
translation is published and sold by permission of Pearson Education, Inc., the owner of all rights
to publish and sell the same.
,
. , , .

-.199034,-,16,7,
.(812) 324-5353, www.symbol.ru. N 000054 25.12.98.
17.03.2008. 7090 1/16. .
12 . . 3000 .

199034, , 9 , 12.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

: . . . . . . . . . . 20
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
. . . . . . . . . . . . . . . . . . . . . . 22
. . . . . . . . . . . . . . . . . . . . . . . . . . 24
. . . . . . . . . . . . 27
. . . . . . . . . . . . . . . . . . . . . . . 32

. . . . . . . . . . . . . . . . . . . . . . . . . . . 34
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
. . . . . . . . . . . . . . . . . . . . . . 36
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
. . . . . . . . . . . . . . . . . . . . . . 40
. . . . . . . . . . . . . . . . . . . . . . 44
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
. . . . . . . . . . . . . . . . . . . . . . 44
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46


. . . . . . . . . . . . . . . . . 50
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
. . . . . . . . . . . . . . . . . . . . . . . . . . . 57
. . . . . . . . . . . 58

. . . . . . . . . . . . . . . . . . . . . . . 61

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69



. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
. . . . . . . . . . . . . . . . . . . . . 72
1: ,
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
2: ,
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
. . . . . . . . . . . . . . . . . . . . . . . . . . 75
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
. . . . . . . . . . . . . . . . . . . . . . 81
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90



. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
. . . . . . . . . . . . . . . . . . . . . . 95
. . . . . . . . . . . . . . . . . . . . . . . . . . . 97
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100

10

. . . . . . . . . . . . . . . . . . . . . . . 102
. . . . . . . . . . . . . . . . . . . . . . . . . 105
. . . . . . . . . . . . . . . . . . . . . . 108
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
. . . . . . . . . . . . . . . . . 113
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117


,
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142


. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
. . . . . . . . . . . . . . 152
. . . . . . . . . . . . . . . . . . . . 155
. . . . . . . . . . . . . . . . . . . . . . 158
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

. . . . . . . 162
: . . . . . . . . . . . . . . . 166
. . . . . . . . . . . . . . . . . . . . . . . 168
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175


(Jesse James Garrett) 
Adaptive Path, 
. 1995 
, AT&T, Intel, Boeing,
Motorola, HewlettPackard National Public Radio.
,
, Visual Vocabulary (
) ,


. www.jjg.net

, 

.

. 
, , 
, .
. 
.
,
.
,
. 
, , 

, .
.
(,
, , 
, ),
.

,
.

, ,
The Elements of User Experience
( ).
1999 
, 
.

,
, .
,
,
.

. ( 

www.jjg.net/ia/.) 
,
, 
. , 

, 
. 
.
1999 2000


. , 
, , 
, .
South by
Southwest Interactive Festival , . 

,
.

17

18

,
, :
.
, ,
, 
, .
 
.
,
, . 
. 
, 
. .
.1 , 
, .
, 
, 
.
30 
. (  
http://www.jjg.net/ia/elements.pdf.)
.
(Peter Merholz) (Jeffrey Veen),
Adaptive Path.

Information Architecture Summit. 
,


, 
.


,
. . .



20 . ,

, 
.
, ,
.
, 
South by Southwest.
(Michael Nolan), 
New Riders Publishing, .
, ,
.

, . 
, 
, 
.
(Jesse James Garrett)
2002
www.jjg.net/elements/

19

1
:


.
, , 
. , 
, ,
 , 
, , 
.


, 
.
, .
,
. ,
3 . , 
,
,
10 .
.
, 
, . 
!

22

1. :

, , 
. 
, 
, .
, ,
, .
, ,
,
, , .

,
, . : 
, .
. , 
,
. .



,
, :
.  ,
, 
. ,
.
. , 
, , 
. 
 ,
.
. 
, 
, 
,
.

, ,
.
.
, .
, . 
, 
, , 

.
. ,
.
,
,
, , . ,
, .
, 
,
, .
. , 
. 
, . 
 ,
. (
,
: . 
, , 
.)
, ,
, 
, .
, 
, 
. 

, , 

23

24

1. :

.
, . 
, 
: , , 
.
,
(
). ,
, 
. 
, , ,

. 
.
,  , , 
, ,
.
, , 
. 
 , ,
, 
. ,
, 
,
? 
? ?
, .  
.


,
.

, .

25

 
. ,
; ,
; ,
. 

.
, ,
,
. ,
. 
, 

, 
.

,


.

26

1. :

?
,
. , Yahoo!, , 

. 
, .

, ,
, .
,

, 

(, , 
).
,

. 
, ,
,
. 
 ,
, 
.
,


.
, 
, 
, ,
.



, ,
. 
, :
, , .
,
. 
,
.
,
, ,

. 
. , 
.
,
, .
, ,
, .

, 
(, 
),
. 

, , 
.
, 
, . 
,
, .
,
, ,
.

27

28

1. :


. 

.
, 
,
. , 
, , 
. &
(ROI return on investment)
:
?

. , , , ,

.

. , 


,
, ,
,
, . 
, (
) , , 
.

. , ,
, .


. 

. , 

.

29



.

, 
, , 
, , ,
. 

, 
. 
,
. ,
, 
.

30

1. :



. 
, 
,
,
.
, 
.

, 
, 
. , ,
, 
, 
.
 , 

, :
. , 
, 
, .
, ,
, . 
. 
,
,
.
,
( ),
.
,
, , , 
.

31

,
, ,


,

,
.


. 
:
. ,
, .

32

1. :

, .


.
,
. ,

, , 
.
, 
,
. (, , 

 , .)
,
,
, ,
. ,
, 

, 
.



, &
. 
: , 
. 
.
, ,
. 
 ,

. ,

, , 
. , 

, ,
.

, .
, .
,
,
, 
, 
, , , , 
, , 
, .

33

,

, 
. ,

.

.
, .


 
.
: ,
( 
), ,
, .


, , 
. ,
,
. ,
.

2.

36


,
. 
,  , 
. , 
, 
.



, ,
. , 

,
, .



. , 
,
,
, .

, 
, 
, .



.

. ,
,
, . ,
( )
, .



. , 
, ,
. 
:
, .
.


, , 
, 

.
,
,

37

38

2.

.

. ,
( 
). 
. 

.
, 
: ,
, ,
. 
, ,
, ,
 ,
, 
.
: ,
. , 
, ,

. , 
,
.
,
,

.

39

,



,
.

, , 

. 
, , , 
( , 
!) .

,
. 
.
, ,

, 
, .
, ,

.
, .

40

2.

,


,
,


*
.


,


,
.


,
: 
, .

.
: , 
,
?  ?
?
, 
.  
,  
. 

? ?

, 
.

. ,
.
, 
. 
. 
 (Tim BernersLee) ,
,
,
. ,
,
, .

.

,  .
, 

, 
, 
.
, 
, 
.


: , 
, . .

,
.


, 
.

41

42

2.



.
,


( , , 

). 

, 
.
.
,
.
, 
, 
: 
.

,
. ,
,
, &
.

,
.

,
.

43

&

.
,
.

2.

44



. 
, 
,
, .



.
, 
. 
, .
,
.

. 
( 
)  (
,
). 3 .



&

. 

,
.
4.



&

45

, , 
.



. 5.

2.

46


.

, 
.
,
,
.

,
, 
.
6.


, . 
,
, &
.
, ,
7.



.

. , , 

. 
, 
.

( ), 
.

,
, 
.
.
, 
,
. 

?
, , , 
, .
,
, 
, .


. 
, ,
, 
, 
.
. ,
 .

, 
. . (
) : .
: , 
, ,
.
, 
. ,
(
), 
.
. , 
, .

47

48

2.

,
, , 
? 
?
,

.
, ,
,
. , 
, 
.

. 

.

,
,
,
. , 
.

.

, . 
, 
. , 
,
, 
.

.
,
,

.
,
.

3.

52


 
.
 , 
,

:

, , 
.
, ,
. 

,
. ,

, 
.
.
, 
,
.



. 

. ,
,
.

&

.
, 

. , 
( ,
),


, .
.

. 
 : 

.
. ,
.
,
. , ,

, 
Java, , 

.

53

3.

54


, 
,
. 
, 
,
.



.
, ,
.
( ,
7), 
.

,
:
,
.
,
,
. 
,
, 
.
: 
, , 
,
. 

, , 
.

55


.
, 
.
,
,
,
.
, 
, 
, 

, .

*
,
*

.
*


*

,

.

56

3.


. 
?
(
). ,
, ,
,
. , 

, , ,
.
, , 


. 

.
, 
, , , 
? ,
. 
: ,
,
, , 
.

.

,
, 
. 

, 
, , 
, .
,


. ,

40%, 
. 
, , 
.
, 
.

.
, 
.
, 
.
: 
, 

. ,
, . 
, 
, .


, 

, .
, .
, ,
.
,

.

,
. 
, , , 

57

58

3.

.
,
.




. (
),
.
, 
, .

, , 
, , . .

( 18 49 )
( 
25 34 50 
).

. 
, 

. 
: ,

, .

, 
.


. 
?
?

59

? 

? 
 
, 
, .
.


*




.

60

3.

, 

, ,
. 

, .
,
, ,
.
, ,
.
, , 
, . 

.

, , , ,
. , , 

25 34 ,
30 34 
2529 . ,
, ,
25 34 . , 
, 18 24 
25 34, .

. 
, 
.

.
, 
. 
. , , 
,
. 

, 
.
,
.
:
, 
.
,

.



, 
, , , . 
. 
,
.
.

.
,
,
;
. 
: 
.
.
, , 
, . &
,
.
, , 

.

61

62

3.




.
,
,
. 
, 
, 
( , ,
,  ).
, 
, 
. ,
, 
. ,
, 
? ,
, ?
, 
,
.
,

,
(
). 
,
. ,
, ,
, 
. 

. 
, 
,

,
.
C
. , 

, .
(, ),
(, 
). 
,
.
, 
, 

.

. 

; .



, . 

.

.
, ,
, 
. , , 
, 
, 
.
,
. ,
,
.

63

64

3.


.
, 
HTML 
,
.


.

. 
, ,
,
. &
, 

. , 
, 
, 
, .
, 
, ,
, 
.

,

. ,
( 
, ).
, 
.
,

, 
.

. , 
, 
. , 

30 45 .

. 
,
.
. 
. 42 , ,
. 
 . 
,
.
. . 37 ,
, .
. 
, , 
. 
, 
.
?
. ,
, 
, 
,
, .

, ,

. ,

,
. 
, ,

65

66

3.

, : 
? ?

.


,

*

;


.



, 
.
(, , ) 
. 

&
. 
, 
,
.

,
. &
,

, . ,
, 
, 
,
.
,
( ).

.
, .
, , 
, , .
,
, , 
.
, . 
, 
, 
.

67

68

3.



. 

(
, 
).
;

. 

, 
. 
.
,
.
, 
. 
. ,
, , 

. 
, 
. 
, 
,
.
, 
, .
,
,
. , 
,
.
, , 
, 
, 

. 
,
, ,
.

, ,
,
. 

( 
), 
. 

.


Cooper, Alan. The Inmates Are Running the Asylum: Why
HighTech Products Drive Us Crazy and How to Restore the
Sanity. Sams, 1999.1
Krug, Steve. Dont Make Me Think: A Common Sense Ap
proach to Web Usability, Second Edition. New Riders, 2006.2
Spool, Jared M., et al. Web Site Usability: A Designers Guide.
Morgan Kaufmann, 1998.
: www.jjg.net/elements/resources/

, 

. . . .: , 2004.
: , 
!, 2 . . . .: 
, 2008.

69

,
, .
,


* ,
.

72

4.


, 
,
. , ,
, ,
.
:
, .
, 

,
. ,
, .
, 

, 
. 
.
, , 
, : (
) . 
: 
, ,
,
 .
,
.

. , 
, 
?


, 


.
 , , 
,
. ,
,  
.
, ,
?

.

1: ,

, 
 
. , 
,
, .

,

.
,
, 
:
,
. , , 
,
, .

. 
,
,
. 

,

73

74

4.

, 

.

2: ,


,
. , 
, 
. 
,
.
, *

,


*

.

, , ,
.
, 
. 

, ,

.

. 

75

,
, 
,
. 
, ,
.
, ,
,
.



?,
, :
?.


. 
,

. 

.

76

4.

, 
, 
, , 
. 

, ,
.

, 
, &
. 
: 
,
, 
, 
. 

. , ,
.
,
. 
, 
.

. 
.

, 
,
. , 
, 
,
.

, 
,

77


. .

. 
(CMS
content management system). 
, 

, 
, 

 . 
, ,

.

.

,
, 
. 
?
. 
 
? 

78

4.

. 

? 

.

. ?
? 
. ,  
: , 
, 
,  
, , 
.

,  

.


, . 
,
.
(, 
).
,  
. ,
,
, 
.

. , ,
. 
, 3, 
, 
.

,
,
,
, 
. 
. , 
,
.

,
, . 
, 
  
, ,
. 
; , .

, 
.
, ,
, 
.
,
,

. , 

, .
, 
,
. 
,

, 
, 
, .

79

80

4.

, 

,
.
,
, , 

, .

. ,
, 
, .

?
3 
, , 

.
, 
, .
, , 
 
. , 
, 
, .

.  , ,

.

 ? 
, ?
, , 
.
, , 
. ,

,
, , , 
.

. 
, 
,

. , 

, 
.



. 
,
, 
. 
, ,
.

, .
,

. , , 
, , ,
. 
. 
, 

.  
,
. 
.

81

4.

82



.
. 
, 
. ,


.


,
.
. 
, 
, .
.
1. 
.
2. 508
.

,
, .
?
, ?

? , ,
?
, 
. 
, .
, 

,
.
.

( , ).
:
.
,
,
. , 
, ,
.

.
, 
. 
:

, .
,
, 
. ,
.
, 
, 
. , 
:

,
.
. 

. ,
,

83

84

4.


, 

. .
, .
, 
.

, 
,
. , ,
,
, 
1000 . 

, , .


,
. , ,
. 
, 
 . , , 
, , 
. 
,
, 
( 
, ).

.

: 
. 
(, FAQ Frequently Asked Questions) 
: 

.

. 
,
,
. 
,
, 
, .

, 
. 

: , 
,
PDF,  
. 
. 
, 
. ,
, 
, 
. 
, ,
, 
.
,
. ,
, 
, 
 . 
, 

, , , 
, , 
, ,
.

85

86

4.

, 
. 
(, ,
 )
.
? , 
, .
,
,

.

, .
. 
, ,
.
, , , ,
. , ,

( !)
.

.
,
,
. 
,
, 
. 
, , ,
, ,
, ,  .
, 
, 
.
( ) 
.

( , 
) 
, :
,
.



. , 
, ,
,
. , 
,
.


.
,
.

,

( ). 

:
?

. ,
, 
. (
) ,
, , 
. 
: ,
.

87

88

4.




().




().



.
, 
(, , ) 

. ( 
, .)
. 
 

, 
, 
. 
. ,
, . , 
, 
,
, , 
. 
 
? .
,
,

. , 
, 
.

,
, 
.
, , ,
.


, 

. , 

. , 

, 
.

, 
,
.

89

4.

90


, 
. 

.
.


. 
, 
. , 
 , ,
, 
, , 
. , ,
. 
.
,
?

?
Wiegers, Karl E. Software Requirements. Microsoft Press,
1999.1
Robertson, Suzanne and James Robertson. Mastering the Re
quirements Process. Addison Wesley, 1999.
: www.jjg.net/elements/resources/


. . . .: , 2004.

,
. ,
.

.

5.

94


, , 
, 

, , 
.
. 
, , 
,
.


. 
,
(  
,
, ) 

.

.
,
, ,

.
, , .
,

. 

, 
, 
,
.

, 
,
.
, ,
. 
, 
, .



, 

. ,
, : 
, , 
.

. , 

,  
. ,
  ,
.
, ,
.

95

96

5.


:
. 
: 
. 

,
, .
, 
, 
, 
, .
, 
, 
,
,
: ,
, . 
,

,

.
, 
,
, ,
, 
, 
, , 
, 

. ,
, 
.




. , ,
: , ,
, ?
. 

. , 
, ,
, 
.
, 

. ,
. 
, 
, 
, .
, 

, . 
,
, 
,
.
,
. ?
,
.
, , ,
.
, 
. 
, ,
, ,

97

98

5.

,
.
 
,
. Slate 
, 
. ,
, 
. , 

, Slate 
.

. 
,
. , 

. 
, (
), 
,
. 
,
;
, 
.
, 
, 
, ,
. 
Southwest Airlines 

,
. . 
,
.
, ,

99


. ,
, 
.

Southwest Airlines

,
*

.


Southwest Airlines
*

.

5.

100


, 
, 
. , 
, , ,
?

,
. 

. 

; , ,
. ,
,
.
, 
,
, 
.
,
. , 
.

.

.
,
. 
, 
:
,
. ( Microsoft
Word, : Word
, 
, ,

101

, 
.)

,


,
*
,
.



. 

, ,
.

102

5.

. 
,
. 
,

. , 
, 
, 
?..
, .



,
. 


,
.  
,
: 
, .

,
, .
: 
( ) ( ).


. 

,
, 
. 

.

103



, 
. 
( , 
),
, ,
, 
.

. 

, . 
, ,
,

. 

.

104

5.

 . 
.
. 
, 
,
.

. 

. , 
, 
, ,
,

.

 
 . ,

. 
, ,
,
,
. 
,
,

. , 
, 
, .
, ,

. ,
, ,
, 
. ,


105

; ,
, ,
.




()

().



. 
.
(, , ),
. , 
, 

.
, ,
,
. 

. ,
, 

5.

106

.

, .

, 
.
, ,
,
. 
, 
. ,
( ) . 
, 
(
, ). 

,
, .


.
, 

,

. , 
,
, . 


107

, ,

: 
.


. 
, 
.
,
. 
,
. , 
(, 
),
.
,
.

5.

108


. 
.

,

. , ,  
. 

,
. 
,


, .



. 
,
, 
, . 

.
, 

, , .
,
. 
, , 
, . 


.

, ,
, 
.


.
, 

. 
(, 
, 
, ),
( 
,
).

, . 
, ,
, ,
, 
, 
.
,

,
. ,
: 
, 
.
, 
. 

. , 
, 
,
.

109

110

5.

, , ,
, . 

. 
, 
.
,
, 
. 
(
).

c.

. ,
, 
, .

c 

, .
, , 
, 
, 
.
, 
. 

. ,
, , 
,

,
. 
, 
.


, 
,
, 

, ,
. 
, . , 
, &
.

, .
, 
. 
, ,
, , 
. ( )
, ,

,
.

.
, , ,

, 
, 
, .

. 
, 
, ,
. ,

, , 
.

111

5.

112

,
, . 

,
, , ,
.

, , 
.

.
, , 

. :

(, 
)

(, )

(, 
)

,
, 
( ) . 
,
,
.
, 
, 
,

.

, 
,
. 
.

,

. 
, , 
,
.
, 

, ,
.
, , ,
:
.
.
, 
. 


;
. ,
, ,
, ,
.



,


, 
.

113

114

5.




.

.


. 

, .
 ,
, , 
.

,

( 6), 
, , 
.

. 

,
. 
:
, , 
. .
, 
, Visual Vocabulary.
2000 , 

.
Visual Vocabulary,
 www.jjg.net/
ia/visvocab/.

115
Visual Vocabulary


,
()

().
.
www.jjg.net/ia/
visvocab/



,  
, ,
. , 
.

116

5.


, 
. 
.


. ,
( ), 
, , .
, ,

,

, . 

, ,

.

,
. 
, 
. 
: 

,

.


.
, 

.
 
,

, 

. 

,

, , 

.
, 
, ,
 . 
 ,
. ,
, ,
,

.


Cooper, Alan. The Inmates Are Running the Asylum: Why
HighTech Products Drive Us Crazy and How to Restore the
Sanity. Sams, 1999.1
Norman, Donald A. The Design of Everyday Things. Revised
edition. Currency/Doubleday, 1990.2
Rosenfeld, Louis and Peter Morville. Information Architec
ture for the World Wide Web. 2nd edition. OReilly, 2002.3
: www.jjg.net/elements/resources/
1

. . . .
.: , 2004.
, . . .
. .: , 2006.
., .
, 2 . .: , 2005.

117

, *
.
, *
,
,
.

6.

120


, ,
, . 
, 
. 
, ,
.

,


.

, 
, 
. 
,
, 
. ,
,

.

, , 
.

,
,
,
.
, 


. 
.
, 
, , .

, .

, 

.

, 
. 
, 
;
, ,
.
, 
.
,
,
, 
. 

, , 
 
, , 

.

121

122

6.



. ,

, .
, 
, !
, 


.

. , 
.
 , 
. , 
( , , 
), , . 

, .

.
,
43.
. 

, , 

.
,
, .
, ,

, , 
. ,

, , 
, 
 , 
.
, 43 ,
,
,

. (
, 
. 
,
, , 
, 
, 
, .
43, 
,

.)
, 

. 

, .
,

.
, 
, ,
, 
. 

. , 
, ,
. 
,

123

124

6.

, 
.
,
, , 
( ) 
. , , , 
, , .

,
,
.
,
,
.
, 

, , 
. ,
.

 
. ( Slate, 

.)

, , 
. .
.


,
.

, . 

, 

, 
( ,
). 
? ? 
? ?
, 
, 
, 
. 

, , 

. ( ), 
.
, 
,
.
,
, , ,

.


,
,
( , ).

, 
, ( 
).
, ,
.
, .

( ).
,

125

126

6.

, , 
, 
, , 
. 
, ,
.
. 
, 
,
, .
,
,
.
,

, .

, 
.
,

. 
, 
, 
, 
,
,
. ( 
, , 
, 
/ , 
, 
.)
, HTML Flash,
, 
, 
. , .

, : 
, 
, .
, ,

, 
.
HTML 
,

. HTML 

.
, 
.

&
.

( 
!) .

127

128

6.


, ,
, 
.

, 
, , 
. 
,
.

.
, 
, 
, .

Flash 
, 
, 
.
Flash 
, 
.

. 

129



,
. , ,
,
.
,
.

,
, 
, .
, 
,
. , 
,
.
, ,
.


*
,

().

,

.


, 
 , 
. 

; 

6.

130

( 
, 
). , 

(,
), 
.


: 
, 
. 
, 
. 
:

,
. 

( ,
),
, 
;
, .

, 

. .
?
, ? 
? 
, .

,

, 
.
, ? 
,

,
.


. (, , 
.) 
, 
( , , ,
 ),
.
, 
,
.
, 
, 
.
, 
, 
; , 

, , 
, .
, ( )
.
, , 

. ( , 
Google ,
.)

,

. 
.

. ,

131

6.

132


. (
, ,
; , 
.)

, , 
.
, , (
) .


. 
,
, ,
 . 
, 
, 
, , 
, .

133


, 

. 

( 

),

.

( 
). (,
)
( ). 
, , 
. 

, 

(, ,
)?

6.

134

, ,
,

.

(
, 
, ,
), 
.
,
,
. , 

. 
: , 
, .
, ,
, .
,

.


, 
. &
, , 

,
.

,
. 
,
, 
.


( , ,
 ).

, 
. 
, 
. 

.
, 
.
, , 

.



. , 
.

, ,
.

.

?

135

6.

136


?

.
, 

. , 
:

, 
:

, 
:

, , , 
, 

.


, 
,
.

, 
, &
. 

137

6.

138

. , 
, , ,
. , 
, 
, .

, .

, 
. ,
, 
, 
.
, 
, ,
.

, 
. , 
, , 
, 
, .
(, 
; 
.) 
,
, , ,
, .



, ,
, 
. 
, 
; 

139

, 
;
, 
, .

. 
, 
. ,
,

.

*

,




.


;


,
, 
, 

. ,

140

6.

,

. ,

, , ,
.
, 
,
. 
, , 
. 

, 
.

.
,
,
.
. 
,
, 

.

, 
;
, ,
. ,
, 
, 
, ,
. , 
, 
, 
.


,

.
 
, (
!) 
.

, 
. 
,

, 
. , ,
, 
, 
, 

.

,
. 

,
( ,
,
, ).
,
,
.
. 
;
. 
,
, 

141

6.

142

, , 
.
,
, 
. 
,
,
. 
, , 
,
.
,
: 

;
; 

. 
,
, 

.


Fleming, Jennifer. Web Navigation: Designing the User Ex
perience. OReilly, 1998.
Spolsky, Joel. User Interface Design for Programmers.
Apress, 2001.
Tufte, Edward. Envisioning Information. Graphics Press,
1990.
Veen, Jeffrey. The Art & Science of Web Design. New Riders,
2000.
: www.jjg.net/elements/resources/

, *
,
. , *
,
, ,
.

7.

146



. 
, , 
, 
,
.
, 

, . ,
, 
, 
, , 
.
, ,
.
, 
, , 
, 
, ? , ,
, 
, 
.



, 
. 
, 
? ,

? , ,
,
, ?
, 
.

, , ,

. 
.
,

.
.



: 
?
?

, ,
( ) ?
, 
(eyetracking),
,
.

.

147

7.

148


, 
,
.

.
, ,

.
, .
,
.
, ,
. 
 , 
,
.
, , , 


.  ,
, , , ,

, , , ( ,
).
,
:

, . , 
, 
,
.
, 
.

,
, 
, . 

149

, 
, , ,
. ,
,
.


( )
.




( )



( ).


*
( ).

150

7.


, . , 
, : 

.



.

, 
, . 

, 

, , , 

.
,
.
,
,
. ,

.
,
(, ) ,
.
, , ,
, 
:  
. , 
, : 
? ,
?
 ? 

,
, .

, 
.
.

. , 

,
.
, 

.

. 
( 

),
.
,

,
, .

 , 
(, ), 
.
, , , 
, 
, . , 
,
; ,
.
, 
, .

151

152

7.


(, , 
),


. :

, ,
 
.

, ,

.


. 
,
,
, 
. 
,
, , 
, . 

, , 
.
, ,
,
. ,

, 
, 
. ,
, 
, ,
.

, .
,
, .
, 
.

153

154

7.


:  
IT, 
, , 
( 
).

, 
. ,


,  
, . 
IT, , 

.


. , 


. , 

, .
  
, 
. , 

. ,
,
.

, (
, , , ,
)
. 


, ,
, .
 , , 
,
.
. 

.

,
, .



.
, 
.
, CocaCola, UPS Kodak,

(, , ),

.
, 
. 

,
. 
, , 
.
,
.
, 
,
. 
, 
. , 

155

156

7.

,
.
,

. ,

. , , , 
, 
. .
, 
, ,
.
, 

, , 

. , Apple Computer Volks
wagen,

.
, 

.
 
, 
, .
, 
(, Georgia Verdana
Microsoft), 
, ,
, Arial Times New Roman.


.
, 
,

157

(
) 
.

.

, Apple Computer
*



*,

.


, 
: , 
. 
, .
, 
,
.

158

7.



, &
. 
,
. , 
;
, 
, .

.
( ) 
. , ,
,
. 

,
, 
. , 
( , 
) 
, 
, .

.

. 
, ,
, , 
,
.


. 

.

159






*
,

.

160

7.

, 

, 
, .
,
, : 
, , 
. ,

, ,
.
, 
, 
. ,
, 
. , 
,
. 
, 
. ,
,
.
, 
,
.
,

, , ,
,
. 
,

, , 
,
.
, 
, ,

,
, 
.


Mullet, Kevin and Darrell Sano. Designing Visual Interfaces:
Communication Oriented Techniques. Prentice Hall, 1994.
Williams, Robin. The NonDesigners Design Book. Peachpit,
1994.1
: www.jjg.net/elements/resources/

, 2 
. . . .: , 2008.

161


. 
, , 
.
.
, 
, ,
, .
,

, ?
. , 


,  
,
. , 

,
, 
. 

.

, .

8.

164

,
. 
,
, 
:

,
. , , 

165


.
()?
()? , 
, ,
()?


. ,
, 
. 
, 
, 
.

,
, 
?


,
,

. , 
, 
:

,

. 

, ,

, ,

. , 
,
,
, .

8.

166

,
, 
, 
, 
( ).


90 .

, 

,
.
 , 
,

, 
, ,
, 
.

, , 
. 
, , 
, 
. , , 

, 
.

, 


.


.


. 
, 

,
,
. 
, 
, 
.

, , 

. 
, 
. , 
,
,
. , ,

.

,
, 
 

. ,
.

?
?

?

167

168

8.


.

, ,

.
, 
. , 
, 
,
.

. 


, , 
, ( 
).


, 

, . , 
, 
. 

.
, 
, .
: ,

. 

, .
, , 
. 


, ,
. 

? ,
, 
,
.
?
, ,
.
, ,

. 

,
. 
, 
, 
. , , , 
,
. , , 
,
, ,
( ) .

,
(user acceptance testing). 
: , 

, , . 
,


. 
,
.

169

170

8.



. ,
,
, ,
.

.
, 
, 
. ,
, 
, , 
. 
, 
, , 
,
: 
.

? ?
,
. 

, .

, , 
.



,
. 
. 


,
.

, 
: .
, , 
.
. 

,
.

, .
.
, ,
.
. ,
, , ,
, 
.


. , 
, 
, .

. :
, 
, ,
, , 
.
 
. 
, , ,
, 

171

172

8.

.

, 
. , ,
.
,
,
.

,
, .
, 
.
, 

. ,

.

, 
. 
, 


.
, , 
.
,
, 

.
(
),
,
, , . 
, , , , 

173

, ,

,
.
,


,
,


.
,

,
,
*

.

174

8.


. 
, 
,
, 
.


.

, 
. 
, 
, 
. 


, 
, , .
. ,
, 
, ,
. 
,
, ,
,
.