ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
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 +
About face 3.0_ 9. ???? ???
?

    -       ,


-
?

    -                   ,


-




                ?

        -
            -
Posture




Posture
About face 3.0_ 9. ???? ???
!"                          !"                      !"
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?:?)

More Related Content

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. ? - , - ? - -
  • 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 ! ! ! - - -
  • 15. !" Transient posture Designing?Desktop?So@ware - - -
  • 19. !" Daemonic posture Designing?Desktop?So@ware - - -
  • 21. !" !" !" Designing?Desktop?So@ware Designing?for?the?Web Other?Pla;orms - - - - - - - - - - - - - - -
  • 22. !" Informational Web sites Designing?for?the?Web - - - - -
  • 24. !" Transactional Web sites Designing?for?the?Web - - - - -
  • 26. !" Web applications Designing?for?the?Web - - - - -
  • 27. !" Web applications Designing?for?the?Web - - - - - ?
  • 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 - - - - - - -
  • 37. !" Designing for kiosks Other?Pla;orms - - - - - - -
  • 38. !" Other?Pla;orms - - . ATM - ( , - ) - . - , or - .
  • 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 - - - - - - -

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n