Guía práctica de diseño de la interacción con el usuario

!
#
!
&
!
$ !
"
"
%
%
#
'( &
)
&
*
+ &
)
+ &
# *
%
!
, "
! "!
)
#
*
+
#
-
&
.
#
"
"
%
+
)
"
+
#
+
+
(
#
1
!
/
2
%
/
0
%
"
0
1
%
)
*
!
#
"
!
3
4
"
+
3
#
"
3
"
+
3
%
. ) 6 7889
-
4
%
+
%
+
3
!
5
"
"
"
"
%
!
%
!
$
$
# $
:
:
*#
)
%
/
0
"
"
+
"
3#
"
%
+
"
"
)
%
#
!
&
& !
'
2
)
;<
%
9
=
+
-
"
+
%
+
""
%
+
$
'
$
"
'
)
#
+
&
"
#
*
:
.
%
+
+
'
'
(
)
)
*
#
"
*
"
4
% "
#
"
:
)
#
+
&
-
(
/
%
#
0 /
0
4
%
#
)
4
+
!%
1
!
!"
#
!"
%
" )
.
* #
>
+
"
*#
4
+
*
*
)
%
$
(
! "!
%
: %
+
)
%
.
#
"
"
% !"
%
%)
+ , - .
"
> /
4
*
+
)
)
=
4
"
>
"
/
0
%
>
+
"
!
!
+
6
>
! %
"
"
>
>
+
+
)
" )
+
+
+
#
1
% !"
"
+
+
"
#
+
!
5
:
"
>
/6 > % 0
3 %
4
"
> .
!
&
%
%
%
+
#
#
?< 7?<
"
7 %
9 @ % 3
%
+
!
)
79 %
9@ %
*
!
9 %
!
3
+
3
-
"
"
+
%
*
%
+
)
+
)
+ ,
0 !
1
3
5
&
<<<7A8
4
6
"
% 6
"
0
#
/
/ ?<? ) 1
*
"
3
#
/"
3
0 3
"
0
&
A
/
1
0
/
"
+
#
6
% 0
:
#
/, #
3
/
!
% "
#
#
"
3
%
/ #
4
%
!
#
0
"
/, #
<<<< 88880
)
"
"
"
3 )
"
#
$
$
.
"
%
0+
#
/
%
0
+
#
-
)
-
+
2
3
" )
+
/
/
* #
)
+
#
)
)
/B
$
3
%
! ) '0
)
+
)
"
%
"
"
: #
7889
)
,
&
/
%
0
"
4
4 )
5
/ %
0
6 !
*
-
4
4
"
"
+
#
3
#
# D
+
! %
+
*
# D
#
#
%
#
0
!
# %
#
#
%
% !"
#
1
-
&
%
/
3 #
3
E
1
" )
#
#
+
+
"
# D
#
-
"
+
#
C
"!
4
2
&
# #
% !"
(
C
+
!
%
=
% "
%
!
C
3 %
+
+
+
#
+
/
0
# #
%
#
"
1
+
7
%
%
8
9
#
!
;"
! "!
"
#
#
#
:
#
"
3
@
!
5
1
%
"
"
-
+
7<F
)
) )
4
+
+
"
&
#
"
#
2
3
+
:
&1
!
+
%
$
%
G
1
>%
#
3
!
!
@
H
"
3 %
%
1
1
!
"
+
>%
4
>%
" %
#
>%
3
" %
"
,
+
#
: #
#
2
&
"
!
I
"
=
%
#
4:*
#
#
/
0 %
/# 0 J K 3
! + #
0 3
/
%
)
# +
+
/ %
2
*
#
%
!
I
#
/
0
%
0
% "
+
"
)
9
:
%
!
!
#
"
(
% +
"
A
#
" %
%
+
"
"
%
)
:
"
"!
.
1
1
=
+
"
#
)
+ #
#
!
3
"
+
"
+
)
"
%
#
!
"
1
2
*%
78LL E
%
*
"
1
5
9?F
?<F
"
3#
"
"
$
%
%
%
-
;
*
1
"
#
#
1
+
#
"
&
2
1
&
&
)
#
#
%
=
+
"
-
E
-
"
% #
%
%
!
(
#
*
#
)
*
3 *
1
;
#
1
:)
7889
%
3
!
#
!
3
!
+
"
#
!
2
-
"
% "
5
+
0
#
&
/
#
"
"
>
3
#
+
!
!
% "
%
"
"
#
"
"!
%-
,
"
+
/
!
0
!
3
!
#
#
#
%
"
>
"
#
3
-
/
J
: "6
*%
A
!
788< J:AM.
#:
G
6 N 3 788<
% %4 ,
"
. ) 6 N 7889
%
"" 5 I
=
.
* 7889 G )
% " 3
M*
O
: )
B 7889
% % ) 4
,
P
% .* *
O
3 % 6
:
,
.
: "6
"
:
"" 5 N
* .
4 ,
%
=
B
"
4
,
"
3""
>
% 3 % 6
"
5I * .
# =