TAP.COM - USER INTERFACE DESIGN (UID) - LECTURER
!
"
#
#
$
%
$
#
#
#
#
#
#
#
$
&
" #
$
#
#
$
#
'
$
#
$
#
'
$ * (
#
(
)(
+
#
"
#
$
#
,
#
#
#
-
#
$
.
/
#
(
#
"
#
+
#
#
#
(
"
# '
/
' # '
0
#
$
#
! '
!
#
$
'
!
1
#
$
$
0
#
#
"
#
(
$
(
#$
#
# #
"
(
#
$
" #
#
#
#
#
#
"
'
#
0$
#
#
0
#
#
#
2
#
$
Analyse and
understand user
activities
Produce paperbased design
prototype
Evaluate design
with end-users
Produce
dynamic design
prototype
Design
prototype
Evaluate design
with end-users
Implement
final user
interface
Executable
prototype
(
3
+
#
$
/
0
$
)
$
#
+
#
+
$ .5
6+
#
#
#
# !
!
.
#
#
.
$ 2
$
#
00
#
$
+7
##
#
+
$ 2
)
# #
$
#
)
#
#
$
#
$ 2
$
+
.! #
4
$
+4
*#
#
# *
$ .
+
$
#
$
#
#2
#
#
.
+8
!
#
$
#
/
#
+
#
#
#
#
3
#
/
#
#
#
#
#
,
3
$
#
)
"
)
$
3
"
#
4
*
*
1# 9
#
$
+
$
+
!
#
+:#
+
"
#
#
#
#
#
$
#
#
$
+
$
#
#
$ $
$
2
#
#
"
3
,
#
#
+!
!
$ $
+
#
#
#
#
#
+ #
"
#
1;
!
$
7
#
#
<
#
#
#
3
-
+!
0
#
4
+
$
$
+!
#
#
! #
+!
>
#
#
#
#
3
+!
#
4
+
$
"
=
#
+
#
# /
#
#
#
!
; ?
7
#
#
!
+
$
#
#
"
#
#
$
3
" #
#
3
9
#
#
4
+
)
+(
+
$
#
#
#
*3
-
+
#
$ $
&
#
! "
#
$
"
"
#
"
)
# '
/
#
$
*
#
"
#
#
"
#
#
+
1
#
#
@
$
@=
#
#
@
1
#
@
1
#
#
"
@
1
@;
#
#
#
#
"
0
# #
$
@
#
+
+
'
#
"
/
4
"
#
#
# ! 0%+
#
<
'
0
!
=
$ #
)
*
'
0
# #
'
$
'
#
'
# #
$
+
= #
'
# '
#
#
+
00
o
-
#
#
#
(
1 00
$
#
,
75
Cancel
# #
#
50
Ch. 16 User interface design
OK
o
25
The filename you have chosen h as been
used. Please choose an other name
!
/
Horizontal bar
'
#
A
#
"
>
$
9
(
A
= #
B
(
#
'
#
'
$
'
#
'
$ $
.
"
#
#
$
#
0
#
#
#
=
#
%
#
#
$
!
$
#
#
#
#
#
#
0
,
,+ 8
4
#
#
<
%<
#
%
)
*
$
$
#
"
#
#
#
$
" '
2
#
#
#
=
#
#
#
4
&
#
'
#
#
#
#
#
!
#
$
(
9+%
#
#
B
=
# (
9 # #
#
#
#
#
#
"
"
#
D
'
# "
#
#
# +
2
#
#
#
#
#
+
#
#
"
$
%
D A
C
0
#
#
1##
,EE
"
#
#
$
%
$
#
#
#
#
#
#
#
$
&
" #
$
#
#
$
#
'
$
#
$
#
'
$ * (
#
(
)(
+
#
"
#
$
#
,
#
#
#
-
#
$
.
/
#
(
#
"
#
+
#
#
#
(
"
# '
/
' # '
0
#
$
#
! '
!
#
$
'
!
1
#
$
$
0
#
#
"
#
(
$
(
#$
#
# #
"
(
#
$
" #
#
#
#
#
#
"
'
#
0$
#
#
0
#
#
#
2
#
$
Analyse and
understand user
activities
Produce paperbased design
prototype
Evaluate design
with end-users
Produce
dynamic design
prototype
Design
prototype
Evaluate design
with end-users
Implement
final user
interface
Executable
prototype
(
3
+
#
$
/
0
$
)
$
#
+
#
+
$ .5
6+
#
#
#
# !
!
.
#
#
.
$ 2
$
#
00
#
$
+7
##
#
+
$ 2
)
# #
$
#
)
#
#
$
#
$ 2
$
+
.! #
4
$
+4
*#
#
# *
$ .
+
$
#
$
#
#2
#
#
.
+8
!
#
$
#
/
#
+
#
#
#
#
3
#
/
#
#
#
#
#
,
3
$
#
)
"
)
$
3
"
#
4
*
*
1# 9
#
$
+
$
+
!
#
+:#
+
"
#
#
#
#
#
$
#
#
$
+
$
#
#
$ $
$
2
#
#
"
3
,
#
#
+!
!
$ $
+
#
#
#
#
#
+ #
"
#
1;
!
$
7
#
#
<
#
#
#
3
-
+!
0
#
4
+
$
$
+!
#
#
! #
+!
>
#
#
#
#
3
+!
#
4
+
$
"
=
#
+
#
# /
#
#
#
!
; ?
7
#
#
!
+
$
#
#
"
#
#
$
3
" #
#
3
9
#
#
4
+
)
+(
+
$
#
#
#
*3
-
+
#
$ $
&
#
! "
#
$
"
"
#
"
)
# '
/
#
$
*
#
"
#
#
"
#
#
+
1
#
#
@
$
@=
#
#
@
1
#
@
1
#
#
"
@
1
@;
#
#
#
#
"
0
# #
$
@
#
+
+
'
#
"
/
4
"
#
#
# ! 0%+
#
<
'
0
!
=
$ #
)
*
'
0
# #
'
$
'
#
'
# #
$
+
= #
'
# '
#
#
+
00
o
-
#
#
#
(
1 00
$
#
,
75
Cancel
# #
#
50
Ch. 16 User interface design
OK
o
25
The filename you have chosen h as been
used. Please choose an other name
!
/
Horizontal bar
'
#
A
#
"
>
$
9
(
A
= #
B
(
#
'
#
'
$
'
#
'
$ $
.
"
#
#
$
#
0
#
#
#
=
#
%
#
#
$
!
$
#
#
#
#
#
#
0
,
,+ 8
4
#
#
<
%<
#
%
)
*
$
$
#
"
#
#
#
$
" '
2
#
#
#
=
#
#
#
4
&
#
'
#
#
#
#
#
!
#
$
(
9+%
#
#
B
=
# (
9 # #
#
#
#
#
#
"
"
#
D
'
# "
#
#
# +
2
#
#
#
#
#
+
#
#
"
$
%
D A
C
0
#
#
1##
,EE