Web design oriented on user in Russian lunguega
Загружено:
home25_210 оценок0% нашли этот документ полезным (0 голосов)
31 просмотров186 страницОписание:
Вэб дизайн ориентированный на пользователя
Дата загрузки
Mar 12, 2014
Авторское право
© Attribution Non-Commercial (BY-NC)
Доступные форматы
PDF, TXT или читайте онлайн в Scribd
Поделиться этим документом
Этот документ был вам полезен?
Это неприемлемый материал?
Пожаловаться на этот документОписание:
Вэб дизайн ориентированный на пользователя
Авторское право:
Attribution Non-Commercial (BY-NC)
Доступные форматы
Скачайте в формате PDF, TXT или читайте онлайн в Scribd
0 оценок0% нашли этот документ полезным (0 голосов)
31 просмотров186 страницWeb design oriented on user in Russian lunguega
Загружено:
home25_21Описание:
Вэб дизайн ориентированный на пользователя
Авторское право:
Attribution Non-Commercial (BY-NC)
Доступные форматы
Скачайте в формате PDF, TXT или читайте онлайн в Scribd
Похожие издания
Вы находитесь на странице: 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
