Post on 23-Jan-2017
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 . . .