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

,  ,

.  
, 
. 


.

. 
, , , 
, ,
, .


, 
.
, ,
.
, :
!




!

: -
:

www.symbol.ru

Web-Design_Garrett.p65

ISBN-13: 978-5-93286-108-0
ISBN-10: 5-93286-108-8


Adaptive Path,

.
2000

(The Elements of User Experience)

20 .
 ,
AT&T, Intel, Boeing, Motorola,
HewlettPackard National Public Ra
dio.
,
, Visual
Vocabulary
, 


.
www.jjg.net
 
.

,
, 
, ,
.


.
, , 
.

9 785932 861080


(812) 3245353,
(495) 9458100

31.03.2008, 13:57

 
Books.Ru 
ISBN 5932861088, 
: . 
 Books.Ru .
 ,

. , 
 (piracy@symbol.ru),
.

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.

American Institute of Graphic Arts


164 Fifth Avenue
New York, NY 10010
Tel 212 807 1990
Fax 212 807 1799
www.aiga.org

The Elements of User Experience 



, , 
: 
, , 
.
, 
.
,
, 
. 

, .
.
,
, 
,
.

(Richard Grefe/)
, AIGA

AIGA (American Institute of Graphic Arts


)

, 


. AIGA 

. 
, .

,
.

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

, 

.

12




. 

, 
. 

.
(David Hoffer) 

. 

CTB/McGraw Hill, 
, . McGraw
Hill 
Hill and Knowlton Public Relations 
PR,

WPP Group. 
Alexa Internet Division
Amazon.com, 
Amazon Alexa. 
, 
, , NERDS
ActiveBuddy,
Motorola DEC. 

. .
(Molly Wright Steenson)
1994 . 
60
, Netscape, Reuters, Wrigley, Nike,
Genentech . , 
, 
.

, 
. AIGA Experience
Design, Razorfish
 Girlwonder.com. 
: ,
.


:
.
, Adap
tive Path. (Lane Becker),
(Janice Fraser), (Mike Kuniavsky),
(Peter Merholz), (Jeffrey Veen)
(Indi Young).
.
New Riders,
(Michael Nolan),
(Karen Whitehouse),
(Victoria Elzey),  (Deborah Hittel
Shoaf), (John Rahm) 
(Jake McFarland).
.
(Kim Scott) (Aren Howell) 
. ,
,
.
(Molly Wright Steenson) 
(David Hoffer) , 
. .
 (Jess McMullin)
,
.

13

14

,

. (Jeffrey Veen)
(Mike Kuniavsky), (Steve Krug),
(June Cohen), (Nathan Shedroff), 
(Louis Rosenfeld), (Peter
Morville) () (Steve Champeon).
,
: (Lisa
Chan), (George Olsen),
(Christina Wodtke), (Jessamyn West), 
(Samantha Bailey), (Eric Scheid),
(Michael Angeles), (Javier
Velasco), (Antonio Volpon),
(Vuk Cosic), (Thirry Goulet)
(Dennis Woudt).
, .

Man or Astroman?, Pell Mell, Mermen, Dirty
Three, Trans Am, Tortoise, Turing Machine, Don Caballero,
Mogwai, Ui, Shadowy Men on a Shadowy Planet, Do Make
Say Think () Godspeed You Black Emperor!
, ,
: (Dinah
Sanders), 
, ;
(Rebecca Blood), 
;
(Daniel Grassam), , 
, , .
!


!
. . ,
, ?
?
? ,

, .
, , 
, , ISBN,
.

, .
: errata@newriders.com

15

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

, .
.
(,
, , 
, ),
.

,
.

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

,
, , 
? 
?
,

.
, ,
,
. , 
, 
.

. 

.

,
,
,
. , 
.

.

, . 
, 
. , 
,
, 
.

49

.
,
,

.
,
.

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.


. 
, 
,
, 
.


.

, 
. 
, 
, 
. 


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


F, H
Flash, 126, 128

, 46
, 28

, 30

HTML, 126, 127

, 28

V
Visual Vocabulary, 114

, 102
, 103

, , 63
, 45, 94, 102
, 103
, 102
, 114

, , 41
, 53
, 27
, 147
, 54, 147

, 27
, 45

, 158

,
40, 75

, 42, 75
, 42, 75
, 58
, , 106

, 46, 146
, 154
, 153
, 158
, 151

176
, 150

, 106

, 158

, 107

, 156

, 108

, 155

, 105

, 156

, 106

, 46, 120, 125, 146

, 46

, 46, 120, 135, 146

, 102

, 166

, 100

, 46, 120, 130, 146

, 32

, 62

, 166

, 62

, 165

, 62

, 73

, 60, 61

, 76
, 76

,
, 135

, 151

, 64
, 111

, 42

, 30

, 67

, 56
, 36, 46, 119, 168

, 28

, 54, 147

, 27

, , 135

, 62

, , 61

, 44, 47
, 44

, 45, 94, 102


, 103

, 87

, 102

, 150

, 108

, 97, 123
, 98

, 110

, 106

, 106

, 111

177

, 158

, 138

, 102

, 151

, 100

, 171

, 100

, 62
, 112

, 100

, 98, 124

, ,
68, 89

, 55

, 72

, 56

, , 61

, , 56

, 23

, 133

, 28

, 166

, 40, 75

, 97, 123

, 98

, 146

, 64

, 120, 125, 146

, 79

, 120, 135, 146


, 120, 130, 146

, 102

, 36, 44, 71,


167

, 24

, 165

, 134

, 52, 57
, 95

, 135

, 42

, 135

, 41, 48

, 131

, 84

, 133

, 133

, 36, 46, 119, 168

, 132

, 36, 44, 71, 167

, 132

, 36, 46, 145, 168

, 134

, 37, 44, 51, 167

, 84

, 36, 44, 93, 167

, 102

, 81

, 111

, 52, 53

, 111

, 31

178

, 108
, 110
, 137

, , ,
68, 89

, 108
, 110

, 155

, 45, 94,
95

, 64, 80

, 139

, 36, 46, 145, 168

, 64

, 102

, 58

, 166

, 58

, 168
, 167

, 168

, 85

, 167

, 94

, 167

, 87

, 62

, 67

, 87

, 60, 61
, 58
, 62, 63

, 158

, 63


, 58

, 64

, 151

, 64

, 44, 52, 57

, 131
, 134

, 63

, 135

, 61

, 135

, 62

, 131

, 62

, 133

, 61

, 133

, 62

, 132

, 62

, 133

, 61

, 132

, 100

, 134


, 77

179
, 76

, 111

, 73

, 44, 76, 81, 84

, 154

, 72

, 153

, 87

, 97, 122

, 76

, 64
, 44, 76,
81
, 171

, 105

, , 56

, ,
106

, 37, 44, 51, 167

, 28

, , 68, 89

, 100

, 106

, 36, 46, 119, 168

, 106

, 36, 44, 71, 167

, 106

, 36, 46, 145, 168

, 107

, 37, 44, 51, 167

, 108

, 52, 57

, 105

, 52, 53
, 36, 44, 93, 167

, 106
, 36, 44, 93, 167

, 114

, 110

, 139

, , 61

, ,
80

, 84

, 76

, 111

, 42

, 44, 76,
81

, 155
, 44, 52, 53

, 41, 48

, 53

, 58

, 54

, 156

, 55

180

, 86

, 156


, 128
, 127
, 128
, 128
, 127
, 127

, 84
, 85
, 84
, 86
, 31

, 61

 
Books.Ru 
ISBN 5932861088, 
: . 
 Books.Ru .
 ,

. , 
 (piracy@symbol.ru),
.

,  ,
.  
, 
. 


.

. 
, , , 
, ,
, .


, 
.
, ,
.
, :
!




!

: -
:

www.symbol.ru

Web-Design_Garrett.p65

ISBN-13: 978-5-93286-108-0
ISBN-10: 5-93286-108-8


Adaptive Path,

.
2000

(The Elements of User Experience)

20 .
 ,
AT&T, Intel, Boeing, Motorola,
HewlettPackard National Public Ra
dio.
,
, Visual
Vocabulary
, 


.
www.jjg.net
 
.

,
, 
, ,
.


.
, , 
.

9 785932 861080


(812) 3245353,
(495) 9458100

31.03.2008, 13:57

Оценить