Ministerul Educaiei al Republicii Moldova

Universitatea Tehnic a Moldovei

Facultatea Calculatoare Informatic i Microelectronic
Catedra Informatica Aplicata

Tez de curs
la disciplina Metodologia i etica cercetrilor tiinifice
ANALIZA EXPERIENELOR N MANAGEMENTUL MOCK-UP-URILOR

A efectuat: Alexandr Carp

Studentul grupei MAI-131M
A verificat: dr, conf. univ. Victoria Maxim

Chiinu 2014


....................................................................................................................................3
1.

2.

3.

............................................................................................5
1.1.

.......................................................................................................................6

1.2.

..........................................................................................................................8

1.3.

............................................................................................................................... 9

...................................................9
2.1.

.....................................................................................................................10

2.2.

: ..............................................................................11

2.3.

...................................................................13

2.4.

.......................................................................17

..................................................21
3.1.

......................................................................................25

............................................................................................................................ 26
.......................................................................................................................28


. ,
: , ,
.
,
[1].
:
. ,
,
.
-. ,
.
, ,
- . ,
, , , ,
- .
, . - .
:
,
,
.
, ,
.
:
,
. ,

.
:

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

. -
.

.
, ,
.
, .
.
.

.
.

1.
,
. ,
,
, .
:
1.
2.
3. ( )
4.
5.
6.
7.
8.
9.
10. ()
Sketch () - (, )
, [2].

1. .

1.1.
[3].
:

. ?

. ?

. ?
,

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

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

. ,
.
,
.
.

, :
, , .

 .
, , ,
. , - ,
.
- ,
,
.
,
,
.
Simulation (, )
, Hi-Fi (high fidelity
, ,
Lo-Fi). ( , )
iRise. ,
, , ,
, , - ..

2. .

1.2.
, ,
,
. :

,
.

. ,
.
, .
()
.

.
.
,
. ,
,
.

3. .
8

1.3.
(Mockup, mock-up)
.
-. :

.
-

Mockingbird, Mockup Builder, Balsamiq Mockups.

4. [4].
,
. ,
, .
, .
2.
(wireframe) ,
.
/ , ,
[5].

, .
9

 .
, :

(usability) ,
.
, ()
. 90- .
, ,
:

2.1.
10%

( ). ()
- 135% (2003 .) 83% (2008 .).
-:

(
);
10

(,
);

(, ,
).

:
1. .
2. .
.
, ,
.
.
3. .

.
. ,
.
4. - . - ,
,
, .
2.2. :

[], .

, ,
.
-.

-
.
11

 ,
.

! , , , .
o

,
.
o

6-9 2
.

,
,
.
- , ,
,
.
- ,
90- , ,
:

(
)

(
)

12

2.3.

. , -
, -
.
,

, , ,
[6].
.
, , ,
? , , ,
. -
, , , ,
, .
.
, , ,
.

5. .
, , ,
. , ,
. , ,
, .

13

 6. .
.
, , ,
. ,
, , ,
. , ,

.

7. .
. ,
, , .
.

8. .
14

 , PhotoShop
, , .
.
, .

9. HTML / CSS.
- ,
,
. , ,
. , : , ,
, -. , ,
, ,
, , .

10. .
, , ,
, : ? ?

, . - ,
, , .

15

 11. .
- , , ,
.

12. .
.
:

, ?

- , - ?

13. .

16

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

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

14. .
2.4.

,
. , .
17

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

,
. ,
,
(, , ).
, ,
, ,
.
, ,
. ,
, , ,
. , -
, , ,
-, .
(, ),
.
-
(
.
flat- ,
. ,
. , javascript, ,
.
18

 ,
. , ,
.

.
, ,
. , .
,
. Google,

.
,
, . , -
,
. , , ,
.
. ?
, , .
, .
, ,
,
.
, .
, .
- . . .

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

.

19


,
. ,
. , -
, .
. ,
. ? ,
. Twitter Facebook .
,
.

, .
. ,
. ,
. , , - ,
. ,
, .
. ,

, .

(-),
. ,
. ,
,
, . , , ,
. ,
, ,
. ,
. Fruit Ninja- IOS,
-. , -,
. ,
? , . ,
20

. ,
- .

.
, , .
- .
, , , ,
? .
, , .
Twitter Facebook API
.
. .

- ,
About . ,
, .
. .
, .

.
. , .

. ,
, .
3.
, ,
, , .. - ,
- .
,
.
- ,
. , ,
, , 21-
. .
21

 ? : -
.
, , ,
, ,
.
, , , !
. , .

( UX) ?
, . ,
. , UX
?
:
, , UX, (
UX , ).
, .
.
1. , UX
: - - . ,
UX . ,
2-3 , --
, ,
. .
2.

, , WPF , -
.
,
.
. , ,
. , ,
, ,
, .
, , (
-), UX ,
22


.
UX 2-3 UX- .
UX- , , .
,
, , ..
.

.
, , ,
, , -
, .
- ,
,

UX-

. , , UX-
, .
,
, .. ,
, .
- ,
, , UX .
,
,
, UX.
,
.
,
[7], [8], [9], [10], [11]:
1.
2.
3.
4.
5.
23

6.
7.

15. .

, .
,
.
.
, , .
,
.
, Adobe, Microsoft Expression . .
,
.
, , , , . .

, .

16. .
,
,
,
, .
, 100% ,
24

 . ,
, , ,
. . ,
, .
3.1.
.
.
, .

. , .
[12].
,
.
, ,
. - , , -

.
,
. ,
, , . ,
. .

25



,
, .
, ,
,
. ,
. ,
.
,
,
.
, , .
,
,
. - :
, .
, , .
,
,
.
,
.

. ,
.
,

. ,
, ,
. ,
. ,
, .

26

27


1. 11
[online].

11.01.2014].

<http://lifehacker.ru/2013/04/26/11-byudzhetnyx-instumentov-dizajnera-dlya-sozdaniyainterfejsov-i-maketov/>
2. 2013. [online]. [ 11.01.2014].
: <http://habrahabr.ru/post/170549/>.
3. . , . [online]. [
11.01.2014].

<http://projectorat.ru/wireframes-prototypes-

mockups/>.
4.

. [online]. [ 11.01.2014].
: <http://guimachine.ru/downloads/prototyping_tools_review.pdf>.
5. . (2012) [online].
[

11.01.2014].

<http://usethics.ru/blog/lib/wireframing/>.
6. . . . 1.
[online]. [ 11.01.2014]. : <http://msdn.microsoft.com/ruru/dn169569.aspx>.
7. . [online]. [ 11.01.2014]. :
<http://www.webberry.com.ua/etapu-razrobku-sayta.html>.
8. . . [online]. [ 11.01.2014].
: <http://webarty.net/ru/usefull/1294334817>.
9. . [online]. [ 11.01.2014]. :
<http://www.connectdesign.ru/web-design/>.
10. . [online]. [ 11.01.2014]. :
<http://virosa.ru/proposition/site_creator/kak-sozdaetsya-sayt/>.
11.

().

[online].

7.

11.01.2014].

<http://www.aklychin.ru/view_post.php?id=108>.
12.

[online].

11.01.2014].

<http://webcodeblog.ru/rasshirennyjj-vzglyad-na-ploskijj-dizajjn-flat-design/>.

28