Aboutface study ch7

2,173 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,173
On SlideShare
0
From Embeds
0
Number of Embeds
1,242
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Aboutface study ch7

    1. 1. 
 
About
face
3.0 pxd
UI
study 2011.03.14
    2. 2. 7Modeling From Requirements to Design:The Framework and Refinement 
 
 
 
 

    3. 3. 
 
Design
framework?•
 
 
 
•
 
 
 
 
•
 
 
 
 
•
 
 
 
 
 
 ,
 
 
 

    4. 4. 
 
6 1







 
 ,
 2 







 
 3 





 
 
 ,








 
 







 
 
 
4





 5 





 
 6 






 
 





 
 
 
 4
    5. 5. 
 
6 
‐
1.
 
 ,
 
 
 
:➡
 ,
 
 ,
 
 ,
 
 
 ... 
 
:
➡
 
Sovereign,
 
Transient,
 
Daemonic( ?
posture
:
 
 
 
 ,
 
 
 
 ,


 
 
9 
 ) 
 
:
➡
 ,
 ,
 ,
 ,
 
 5
    6. 6. 
 
6 
‐
1.
 
 ,
 
 
 
:➡
 ,
 
 ,
 
 ,
 
 
 ... 
 
:
➡
 
Sovereign,
 
Transient,
 
Daemonic( ?
posture
:
 
 
 
 ,
 
 
 
 ,


 
 
9 
 ) 
 
:
➡
 ,
 ,
 ,
 ,
 
 
 .
 
 
 
 
1 
 
 
 
 
 
 ? 
 
ex)
IPE 
 
 UI
 
 ,
 
 
 
UI 
 
 ,
 
 
 
UI 
 
 
 
 
 
 5
    7. 7. 
 
6 
‐
2.

 
 
 
 
 
 
 :
 
 
 data
element :
 
 
 
 
 
 ? 
 ? 
 
 
 
 
 ?
 
 ? funcOonal
element (
Feature
list
) 6
    8. 8. 
 
6 
‐
2.

 
 
 
 

 .

 
 
Persona‐Weighted
Feature
Matrix. 
 
 
 . 2 = Persona will love this feature. 1 = Sure, its fine. Expected 0 = Doesnt affect the persona -1 = 7
    9. 9. 
 
6 
‐
3.

 
 
 ,
 
 
 
 
 
 
 1.
 2.
 
 3.
 4.
 
 5.
 
 6.
 
 
 
 7.
 
 
 8
    10. 10. 
 
6 
‐
3.

 
 
 ,
 
 
 
 
 
 
 1.
 2.
 
 3.
 4.
 
 5.
 
 6.
 
 
 
 7.
 
 
 ➡
 
 
10 
 8
    11. 11. 
 
6 
‐
4.

 
 
 
 
‐
 ‐
 
 
 ( 
 )‐
 ‐
 
‐
 
 9
    12. 12. 
 
6 
‐
4.

 
 

 .

 
 
 
 
 ?
 
 
 ?


hVp://uxfactory.com/480
hVp://www.dexodesign.com/2008/11/07/review‐16‐user‐interface‐prototyping‐tools/1) (Low-fidellity): - Balsamiq2) (Interactive): - Adobe Flex, Thermo, Axure3) (High-fidelity) - Adobe Illustrator, OmniGraffle 10
    13. 13. 
 
6 
‐
5.

 
 
 

 
 
Key
path
scenario
 ?‐
 
 
 
 
 
‐
 
 
 
 
 
 11
    14. 14. 
 
6 
‐
5.

 
 
 

 
 
Key
path
scenario
 ?‐
 
 
 
 
 
‐
 
 
 
 
 
 
 .
 
 
 

 
 
 
 
 
 
 
 ?
 11
    15. 15. 
 
6 
‐
6.

 
 
 

 
validation scenarios‐
 
‐
Key
path
variant
scenarios
:
 
 
‐
Necessary
Use
scenarios
:
 
 
 
 
 
 
 
‐
Edge
case
use
scenarios
:
 
 
 
 
 
 
 
 
 12
    16. 16. 
 
6 
‐
6.

 
 
 

 
validation scenarios‐
 
‐
Key
path
variant
scenarios
:
 
 
‐
Necessary
Use
scenarios
:
 
 
 
 
 
 
 
‐
Edge
case
use
scenarios
:
 
 
 
 
 
 
 
 
 
 .
 
 
 
 
 
 
 ? 12
    17. 17. 
 
 
Refining the Form and Behavior 
:
 
 
 
 
 
‐
 
 
 
 
 ,
 
 
‐
 
 
 
 
‐
 
 
 
 
 
 

 
:
 
 
+
(
 
 
 
)
 13
    18. 18. 
 
 
Refining the Form and Behavior 
:
 
 
 
 
 
‐
 
 
 
 
 ,
 
 
‐
 
 
 
 
‐
 
 
 
 
 
 

 
:
 
 
+
(
 
 
 
)
 
 .
 
 
 
 
 
 
 .
( 
 ,
 
 
 
 
 
 ,
 
 
 
 
 
 
 
 ?
) 13
    19. 19. 
 
 
 
 
 
informal
feed‐
back
sessions :‐ 
 
 
 
 
 
 
‐ 
 
 
‐ 
 
 
 ( 
 ) 
 
usability
test:‐ 
 
 
 
 
 
 
 
 
 
summaOve
evaluaOon‐
 
 
 
 
formaOve
evaluaOon‐
 
 
 
 14
    20. 20. 
 
 
 
 
 
informal
feed‐
back
sessions :‐ 
 
 
 
 
 
 
‐ 
 
 
‐ 
 
 
 ( 
 ) 
 
usability
test:‐ 
 
 
 
 
 
 
 
 
 
summaOve
evaluaOon‐
 
 
 
 .
 
 
 
 
 
 
 . 
 
formaOve
evaluaOon 
 
 
 
 
 
 
 
 .‐
 
 
 
 14
    21. 21. 
 
 
 
‐
 
 
 
 
 
 
 
 
 
‐
 
 
 
‐
 
 
 
 
‐
 
 
 
 
‐
 
 
 
 15
    22. 22. 
 
 
 
‐
 
 
 
 
 
 
 
 
 
‐
 
 
 
‐
 
 
 
 
‐
 
 
 
 
‐
 
 
 
 
 .
 
 
 
 
 
 
 
 
 15
    23. 23. Thank
you
:
)

    ×