About face 3.0




                 pxd
UI
study
                 2011.07.11
!"!!      #$ !                           %&'(!         ")!
About
face
3.0                                                      2010.02.07+   1,. -. /0 123456 789+             32P+

                                                                      02.14+      2,. !: ;<= >? ;<6 @A +            18P+
1   :
           
       
       
       
       
       

2   :
           
   
           
           
       
                02.21+      3,. BC2, DE2, @FG+                12P+
3   :
           
           
       
       
                      !!02.28+      4,. H(2I JKLM /NO : PQR STU+      37P+

                                                                      03.07+      5,. VWX Y5Z[ 1+
                                                             1*+                                                    47P+
                                                                      03.14+

                                                                      03.21+      !
                                                                                  5,. VWX Y5Z[ 2+

                                                                                  6,. 1236 P : ]XS^_ `!Ha+         18P+

                                                                      03.28+      7,. H(2 bcd efgh ijkM 123 lmn +   30P+

                                                                      04.03+      o& 1+

                                                                      04.11+      o& 2+

                                                                      04.18+      8,. pqr 1236 se : 123 tu= vw+     14P+

                                                                    !!04.25+      9,. xyz= {|}+                     52P+

                                                                      05.02+      10,. 123 ^~|•€+                   29P+

                                                                      05.09+      11,. 3•‚J| ƒ„+                    34P+

                                                                      05.16+      12,. …'#M †‡ 123+                 31P+
                                                             2*+
                                                                      05.23+      13,. ˆ‰{, Šj, j{‹|+               23P+

                                                                      05.30+      14,. ]Œ 3•‚J| 123 1+

                                                                      06.06+      :•Ž +                             63P+

                                                                      06.13+      14,. ]Œ 3•‚J| 123 2+

                                                                      06.27+      ••* ‘V +

                                                                      07.04+      Re trosp ective +
?

    -       ,


-
?

    -                   ,


-




                ?

        -
            -
Posture




Posture
!"                          !"                      !"
Designing
Desktop
So@ware   Designing
for
the
Web   Other
Pla;orms



                                                    -
                            -
-                                                   -
                            -
-                                                   -
                            -
-                                                   -
                            -
                                                    -
                            -
                                                    -

                                                    -
!"                          !"                      !"
Designing
Desktop
So@ware   Designing
for
the
Web   Other
Pla;orms



                                                    -
                            -
-                                                   -
                            -
-                                                   -
                            -
-                                                   -
                            -
                                                    -
                            -
                                                    -

                                                    -
!"                                  !"                      !"
Designing
Desktop
So@ware           Designing
for
the
Web   Other
Pla;orms



                                .                           -
                                    -
-                                                           -
                            .
                                    -
-                                                           -
                                    -
-                                                           -
                                    -
                                                            -
                                    -
                                                            -

                                                            -
!"
                            Sovereign posture




Designing
Desktop
So@ware




-
-

-
!"
                            Sovereign posture




Designing
Desktop
So@ware
                                                    !
                                                    !
                                                !

-
-

-
!"
Designing
Desktop
So@ware




-
-

-
!"
Designing
Desktop
So@ware




-
-

-




              ?
!"
                            Transient posture




Designing
Desktop
So@ware




-

-
-
!"
Designing
Desktop
So@ware




-

-
-
!"
Designing
Desktop
So@ware
                                !
                            !
                            !

-

-
-
!"
Designing
Desktop
So@ware
                                !
                            !
                            !

-

-
-




     +
!"
                            Daemonic posture




Designing
Desktop
So@ware




-
-

-
!"
Designing
Desktop
So@ware




-
-

-
!"                          !"                      !"
Designing
Desktop
So@ware   Designing
for
the
Web   Other
Pla;orms



                                                    -
                            -
-                                                   -
                            -
-                                                   -
                            -
-                                                   -
                            -
                                                    -
                            -
                                                    -

                                                    -
!"
                        Informational Web sites




Designing
for
the
Web



-
-

-

-

-
!"
Designing
for
the
Web



-
-

-

-

-
!"
                        Transactional Web sites




Designing
for
the
Web



-

-
-

-

-
!"
Designing
for
the
Web



-

-
-

-

-
!"
                        Web applications




Designing
for
the
Web



-

-

-
-

-
!"
                        Web applications




Designing
for
the
Web



-

-

-
-

-




                ?
!"
Designing
for
the
Web



-

-

-
-

-
!"
                        Internet - enabled applications




Designing
for
the
Web



-

-

-

-
-
!"
                        Intranets




Designing
for
the
Web



-

-

-

-

-
!"                          !"                      !"
Designing
Desktop
So@ware   Designing
for
the
Web   Other
Pla;orms



                                                    -
                            -
-                                                   -
                            -
-                                                   -
                            -
-                                                   -
                            -
                                                    -
                            -
                                                    -

                                                    -
!"
                 General design principles




Other
Pla;orms


-
-

-

-

-

-

-
!"
                 Designing for handhelds




Other
Pla;orms


-

-
-

-

-

-

-
!"
                 Designing for handhelds

                                           .

Other
Pla;orms


-

-
-

-

-

-

-
!"
Other
Pla;orms


-

-
-

-

-

-

-
!"
Other
Pla;orms


-

-
-

-

-

-

-
!"
                 Designing for kiosks




Other
Pla;orms


-

-

-
-

-

-

-
!"
Other
Pla;orms


-

-                         .
                                          ATM
-                             (   ,
-                                     )

-
                          .
-                ,
                     or
-                         .
!"
Other
Pla;orms


-

-

-
-

-

-

-
!"
                 Designing for television - based interfaces




Other
Pla;orms


-

-

-

-
-

-

-
!"
                    Designing for automotive interfaces




Other
Pla;orms


-

-

-

-

-
-

-




                 http://photo.media.daum.net/photogallery/economic/0803_car/view.html?photoid=2793&newsid=20110414182615599&p=seoul
!"
                    Designing for automotive interfaces




Other
Pla;orms


-

-

-

-

-
-

-




                 http://photo.media.daum.net/photogallery/economic/0803_car/view.html?photoid=2793&newsid=20110414182615599&p=seoul
!"
                        Designing for automotive interfaces




Other
Pla;orms


-

-

-

-

-
-

-




                 ?


                     http://photo.media.daum.net/photogallery/economic/0803_car/view.html?photoid=2793&newsid=20110414182615599&p=seoul
!"
                 Designing for appliances




Other
Pla;orms


-

-

-

-

-

-
-
!"
                 Designing for audible interfaces




Other
Pla;orms


-

-

-

-

-

-

-
Thank
you
:
)

About face 3.0_ 9. 플랫폼과 포스처

  • 1.
    About face 3.0 pxd
UI
study 2011.07.11
  • 2.
    !"!! #$ ! %&'(! ")! About
face
3.0 2010.02.07+ 1,. -. /0 123456 789+ 32P+ 02.14+ 2,. !: ;<= >? ;<6 @A + 18P+ 1 :
 
 
 
 
 
 
 2 :
 
 
 
 
 
 02.21+ 3,. BC2, DE2, @FG+ 12P+ 3 :
 
 
 
 
 !!02.28+ 4,. H(2I JKLM /NO : PQR STU+ 37P+ 03.07+ 5,. VWX Y5Z[ 1+ 1*+ 47P+ 03.14+ 03.21+ ! 5,. VWX Y5Z[ 2+ 6,. 1236 P : ]XS^_ `!Ha+ 18P+ 03.28+ 7,. H(2 bcd efgh ijkM 123 lmn + 30P+ 04.03+ o& 1+ 04.11+ o& 2+ 04.18+ 8,. pqr 1236 se : 123 tu= vw+ 14P+ !!04.25+ 9,. xyz= {|}+ 52P+ 05.02+ 10,. 123 ^~|•€+ 29P+ 05.09+ 11,. 3•‚J| ƒ„+ 34P+ 05.16+ 12,. …'#M †‡ 123+ 31P+ 2*+ 05.23+ 13,. ˆ‰{, Šj, j{‹|+ 23P+ 05.30+ 14,. ]Œ 3•‚J| 123 1+ 06.06+ :•Ž + 63P+ 06.13+ 14,. ]Œ 3•‚J| 123 2+ 06.27+ ••* ‘V + 07.04+ Re trosp ective +
  • 4.
    ? - , -
  • 5.
    ? - , - ? - -
  • 6.
  • 8.
    !" !" !" Designing
Desktop
So@ware Designing
for
the
Web Other
Pla;orms - - - - - - - - - - - - - - -
  • 9.
    !" !" !" Designing
Desktop
So@ware Designing
for
the
Web Other
Pla;orms - - - - - - - - - - - - - - -
  • 10.
    !" !" !" Designing
Desktop
So@ware Designing
for
the
Web Other
Pla;orms . - - - - . - - - - - - - - - - -
  • 11.
    !" Sovereign posture Designing
Desktop
So@ware - - -
  • 12.
    !" Sovereign posture Designing
Desktop
So@ware ! ! ! - - -
  • 13.
  • 14.
  • 15.
    !" Transient posture Designing
Desktop
So@ware - - -
  • 16.
  • 17.
  • 18.
  • 19.
    !" Daemonic posture Designing
Desktop
So@ware - - -
  • 20.
  • 21.
    !" !" !" Designing
Desktop
So@ware Designing
for
the
Web Other
Pla;orms - - - - - - - - - - - - - - -
  • 22.
    !" Informational Web sites Designing
for
the
Web - - - - -
  • 23.
  • 24.
    !" Transactional Web sites Designing
for
the
Web - - - - -
  • 25.
  • 26.
    !" Web applications Designing
for
the
Web - - - - -
  • 27.
    !" Web applications Designing
for
the
Web - - - - - ?
  • 28.
  • 29.
    !" Internet - enabled applications Designing
for
the
Web - - - - -
  • 30.
    !" Intranets Designing
for
the
Web - - - - -
  • 31.
    !" !" !" Designing
Desktop
So@ware Designing
for
the
Web Other
Pla;orms - - - - - - - - - - - - - - -
  • 32.
    !" General design principles Other
Pla;orms - - - - - - -
  • 33.
    !" Designing for handhelds Other
Pla;orms - - - - - - -
  • 34.
    !" Designing for handhelds . Other
Pla;orms - - - - - - -
  • 35.
  • 36.
  • 37.
    !" Designing for kiosks Other
Pla;orms - - - - - - -
  • 38.
    !" Other
Pla;orms - - . ATM - ( , - ) - . - , or - .
  • 39.
  • 40.
    !" Designing for television - based interfaces Other
Pla;orms - - - - - - -
  • 41.
    !" Designing for automotive interfaces Other
Pla;orms - - - - - - - http://photo.media.daum.net/photogallery/economic/0803_car/view.html?photoid=2793&newsid=20110414182615599&p=seoul
  • 42.
    !" Designing for automotive interfaces Other
Pla;orms - - - - - - - http://photo.media.daum.net/photogallery/economic/0803_car/view.html?photoid=2793&newsid=20110414182615599&p=seoul
  • 43.
    !" Designing for automotive interfaces Other
Pla;orms - - - - - - - ? http://photo.media.daum.net/photogallery/economic/0803_car/view.html?photoid=2793&newsid=20110414182615599&p=seoul
  • 44.
    !" Designing for appliances Other
Pla;orms - - - - - - -
  • 45.
    !" Designing for audible interfaces Other
Pla;orms - - - - - - -
  • 46.