FINAL DESIGN PROPOSALof [] 2013129059

Contents

System Concept Statement

Interview & Modeling

Persona

Defining Requirements

- Requirements Matrix

- Context Scenario

- Experience Attributes

Journey Map & Use Cases

Inforemation Architecture

- Site Map

- Task Flows

UI Scenario

- UI Storyboards

- Prioritization List

Wireframes

System Concept Statement

?

, , , ? .

.

.

, . ,

.

.

System Concept Statement

SNL SNL

System Concept Statement

System Concept Statement

,

,

Interview & Modeling

, .

. , , , , .

Interview & Modeling

Interview Analysis

Interview & Modeling

Interview Analysis

Interview & Modeling

Interview Analysis

Interview & Modeling

Interview Analysis

Persona

Primary Persona

Demographic: (23) : :

:

Frustrations / MacOS PC

Environment

Behaviors & Feelings

3

Interactions with People, Services

iPhone 6Macbook pro / Googledocs/ Google drive

Skills & Capacity : : ,

Persona

4 . 1 ,

.

5 3 .

3 . ,

. , .

. 3 2

.

. .

PR

? .

, ,

, , 8 .

. 8

.

PR . 4 5 3

, 1 .

? ! . ,

. ,

. , .

(23)

Primary Persona

Persona

.

. MacOS Kakao talk / ,

. 2

.

Google drive , gmail .

Google drive , . ,

. Google drive

.

. Google drive 1

Google drive .

.

.

.

, , .

.

.

,

.

.

(23)

Primary Persona

Persona

Primary Persona Goals

,

Persona

Primary Persona Goals

,

Persona

Secondary Persona

Demographic: (43) :

:

Frustrations yscec ,

Environment

Behaviors & Feelings

2

Interactions with People, Services

iPhone 5S Macbook pro Yscec

Skills & Capacity :

: ,

Persona

,

. , .

, .

. , .

, . Yscec

. Google Drive .

.

, .

. ,

. ,

. .

, .

, .

(43)

Secondary Persona

Persona

Secondary Persona Goals

Secondary Persona , , , Secondary Persona .

Defining Requirments

Requirements Matrix

Source Data Needs Functional Needs Product Qualities Constraints

/

(, )

()

()

,

, ,

()

Defining Requirments

Requirements Matrix

Source Data Needs Functional Needs Product Qualities Constraints

Mental Model

Goals

(

)

,

Defining Requirments

Requirements Matrix

Source Data Needs Functional Needs Product Qualities Constraints

Environment PC,

1

PC,

(pdf)

PC

,iOS

,

Skills and

Ablities

Defining Requirments

Context Scenario

..Facebook.

8. , ..

(, )

,

. . , , .2.

/

, PC , . ,.,. .

.

PC,

.1. 910.69542. 910.

Defining Requirments

Context Scenario

. . PC.

PC

. . 9 25 . .

.. . . . .

/

. .,.

Defining Requirments

Context Scenario

:

1) 2)

3)

4)

5) 6)

7) 8) 9)

10)

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Defining Requirments

Experience Attributes

Journey Map

Narrative Flow

/

/

,

Journey Map

Narrative Flow

,

,

,

/

Journey Map

Stage

Activity

Features , .

. . - . . .

-> /->

-> -> -> ->

Journey Map

Stage

Activity

Features

. . . . . , , .

. . . .

/ -> -> -> -> ->

-> -> ,

->

Use Cases

USE CASE #1

Main success scenario

Step Action

1 .

2 .

3 .

4 .

5 .

6

7 .

8 .

9 .

10 .

Extensions

Step Action

5 a1 . ?,

5a2 / step 4.

5b1 .

5b2 Step 7

Use Cases

USE CASE #1

Use Cases

USE CASE #2

Main success scenario

Step Action

1 .

2 .

3 / / .

4 (online/offline).

5 , , .

6 .

7 .

Use Cases

USE CASE #2

Use Cases

USE CASE #3

Main success scenario

Step Action

1 .

2 .

3 .

4 .

5 .

Extensions

Step Action

6 , .

7 Step 4.

Use Cases

USE CASE #3

Use Cases

USE CASE #4

Main success scenario

Step Action

1 .

2 .

3 .

4 .

Extensions

Step Action

2 a1 .

2a2 .

2 a3 , .

Use Cases

USE CASE #4

Information Architecture

Information Architecture

Site Map

3.3

Information Architecture

TASK FLOWS - #1

Information Architecture

TASK FLOWS - #2

Information Architecture

TASK FLOWS - #3

Information Architecture

TASK FLOWS - #4

UI Scenario UI Story Board

UI Scenario Prioritization

Requirements Description Business Importance

UserImportance

TechnicalFeasibility

1

/ , , .

High High High

2

, . High High High

3

, , . High High High

4

/ , , . Medium Medium High

5

/ , .

Low Medium High

6

. High High High

7

. Medium Medium Low

8

. High High Medium

UI Scenario Prioritization

( )

Wireframe

wireframe .

1) .

2) .

3) () .

, .

Wireframe

1) .

2) .

, / .

Wireframe

1) .

., , .

Wireframe

1) .

GUIDE

.

Wireframe

1) .

2) .

3) .

4) .

, , , .

Wireframe

1) .

2) .

3) .

.

Wireframe

WeeklyMonthly

1) 31 .

2) , Weekly .

_ Monthly

, , . .

Wireframe

1) (1 ) .

, .

Wireframe

1) .

Wireframe

1) Weekly , daily .

_ Weekly

Wireframe

1) Daily , .

_ Daily

Wireframe

1) .

, / / .

Wireframe

1) .

, .

Wireframe

1) .

.

Wireframe

1) .

2) + .

.

Wireframe

1) .

2) + .

_

.

Wireframe

1) .

2) .

3) .

4) .

5) .

, , , , , .

Wireframe

1) .

Wireframe

1) .

Wireframe

1) .

Wireframe

1) .

Wireframe

1) , .

Wireframe

1) .

2) .

.

Wireframe

1) .

, . .

Wireframe

2) .

_

.

Wireframe

1) .

_

Wireframe

1) , ( )

2) .

.

Wireframe

1) .

.

Wireframe

1) , .

.

Wireframe

1) .

2) , .

_

FINAL DESIGN PROPOSALof []

2013129059

The End . . .