individual final design proposal pdf
TRANSCRIPT
-
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 . . .