Web
Vol. 3   Web                              IA




                      2010,03,09


               Social Network book...
IA




     2
2002


IA Institute
HCD-Net




               3
bookslope blog http://www.bookslope.jp/blog/
                                               4
5
SIPS
UXD
WCM




       Netyear Group Corporation   http://www.netyear.net

                                              ...
IA
Why is the IA necessary for us.




                                  7
IA =
                           IA is Your Skill




Information Architecture




Information Architect




              ...
IA
           Fields of Informaton Architecture




User Experience Design   http://www.kickerstudio.com/blog/images/ux.jp...
Web                        —

Louis Rosenfeld, Peter Morville (   )
1998


                                        10
11
Explain IA http://www. ickr.com/groups/explainia
                                                   12
The Elements of User Experience   http://www.jjg.net/elements/

                                                          ...
The Nine Pillars of Successful Web Teams http://www.adaptivepath.com/ideas/essays/archives/000242.php
                    ...
IA One Sheeters http://www.iaonesheeters.com/
                                                15
IA One Sheeters http://www.iaonesheeters.com/
                                                16
IA One Sheeters http://www.iaonesheeters.com/
                                                17
User Experience Treasure Map   http://semanticstudios.com/publications/semantics/000228.php

                             ...
LukeW | User Experience Diagrams   http://www.lukew.com/ff/entry.asp?156

                                                 ...
IA   UX
     IA will become a UX Designer




                                    IA

                                    ...
IA        UX
          IA will become a UX Designer




     IA




                                         21
There are no information architects.
There are no interaction designers.
There are only, and only ever have been,
user exp...
1996


       23
Web


2007


       24
IA 100 -

2009


           25
All view of Informaton Architecture




                                      26
Web
      Process of Web Development




                                   27
The Three Circles of Information Architecture




The Three Circles of Information Architecture http://semanticstudios.com...
http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml



What is information architecture? http://ww...
Web
      The Three Circles of Website




                                     30
UX




     31
UX




     32
Information Architecture




                           33
Tasks and Example




                    34
Users Analytics




                  35
Eye Tracking
               36
Eyetracking Web Usability (usability ndings from eye tracker research)   http://www.useit.com/eyetracking/

              ...
User Test - Interview
                        38
User Heat   http://userheat.com/

                                   39
Hatena Enquete http://q.hatena.ne.jp/list?type=enquete
                                                         40
Persona - User Modeling
                          41
Contenst Analytics




                     42
Directory File List
                      43
Website Explorer http://www.umechando.com/webex/
                                                   44
Context Analytics




                    45
Con dential
              46
UX
     UX Difine




                 47
Con dential
              48
Flickr User Model, v0.2   http://www. ickr.com/photos/bryce/56404690/

                                                   ...
SiteStructure Design




                       50
ex. High - Level Site Sructure
                                 51
52
Navigation Design




3
7




                        53
Content Page Design Best Practices http://www.lukew.com/ff/entry.asp?675
                                                  ...
3
                     Content page design best practices




2008

       Content Page Design Best Practices http://www.l...
The 7 Navigaton Types of Web Sites   http://www.slideshare.net/atsushi/the-7-navigation-types-of-web-site

               ...
7
                            The 7 Navigation Types of Web Site




The 7 Navigaton Types of Web Sites   http://www.slide...
Labeling & Copy Writing




                          58
Con dential
              59
User Interface Design




                        60
HVF/LFF                                                HVF/HFF
                                     /                     ...
PowerPoint, Visio



 Photoshop, Illustrator



Dreamweaver, Fireworks



    Word, InDesign



      Excel, Visio



    ...
Cacoo http://cacoo.com/
                          63
Con dential
              64
NTT docomo   http://www.nttdocomo.co.jp/

                                           65
Softbank   http://mb.softbank.jp/mb/

                                       66
67
OS 1st




         68
User Experience Treasure Map   http://semanticstudios.com/publications/semantics/000228.php

                             ...
Community



IAI: The Information Architecture Institute
http://iainstitute.org/

IxDA: Interaction Design Association
htt...
The Information Architecture Institute   http://www.iainstitute.org/

                                                    ...
Interaction Design Association - Homepage | IxDA http://www.ixda.org/
                                                    ...
tokyo [UXBookClub.org] http://uxbookclub.org/doku.php?id=tokyo
                                                           ...
IAAJ: Information Architecture Association Japan   http://iaaj.org/

                                                     ...
HCD-Net   http://www.hcdnet.org/

                                   75
Reference


IA100
―



―



―



―


Web

Web
―



        CSS Nite LP, Disk 7    http://lp7.cssnite.jp/fyi.html

        ...
77
Thank you!
    Thank you For All!




 Social Network bookslope
         Twitter #webken



                            78
Upcoming SlideShare
Loading in …5
×

webken "IA" for Web Directors 20100306

2,984 views

Published on

Published in: Design

webken "IA" for Web Directors 20100306

  1. 1. Web Vol. 3 Web IA 2010,03,09 Social Network bookslope Twitter #webken 1
  2. 2. IA 2
  3. 3. 2002 IA Institute HCD-Net 3
  4. 4. bookslope blog http://www.bookslope.jp/blog/ 4
  5. 5. 5
  6. 6. SIPS UXD WCM Netyear Group Corporation http://www.netyear.net 6
  7. 7. IA Why is the IA necessary for us. 7
  8. 8. IA = IA is Your Skill Information Architecture Information Architect 8
  9. 9. IA Fields of Informaton Architecture User Experience Design http://www.kickerstudio.com/blog/images/ux.jpg 9
  10. 10. Web — Louis Rosenfeld, Peter Morville ( ) 1998 10
  11. 11. 11
  12. 12. Explain IA http://www. ickr.com/groups/explainia 12
  13. 13. The Elements of User Experience http://www.jjg.net/elements/ 13
  14. 14. The Nine Pillars of Successful Web Teams http://www.adaptivepath.com/ideas/essays/archives/000242.php 14
  15. 15. IA One Sheeters http://www.iaonesheeters.com/ 15
  16. 16. IA One Sheeters http://www.iaonesheeters.com/ 16
  17. 17. IA One Sheeters http://www.iaonesheeters.com/ 17
  18. 18. User Experience Treasure Map http://semanticstudios.com/publications/semantics/000228.php 18
  19. 19. LukeW | User Experience Diagrams http://www.lukew.com/ff/entry.asp?156 19
  20. 20. IA UX IA will become a UX Designer IA 20
  21. 21. IA UX IA will become a UX Designer IA 21
  22. 22. There are no information architects. There are no interaction designers. There are only, and only ever have been, user experience designers. 2009 The Memphis Plenary http://www.jjg.net/ia/memphis/ 22
  23. 23. 1996 23
  24. 24. Web 2007 24
  25. 25. IA 100 - 2009 25
  26. 26. All view of Informaton Architecture 26
  27. 27. Web Process of Web Development 27
  28. 28. The Three Circles of Information Architecture The Three Circles of Information Architecture http://semanticstudios.com/publications/semantics/000029.php 28
  29. 29. http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml What is information architecture? http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml 29
  30. 30. Web The Three Circles of Website 30
  31. 31. UX 31
  32. 32. UX 32
  33. 33. Information Architecture 33
  34. 34. Tasks and Example 34
  35. 35. Users Analytics 35
  36. 36. Eye Tracking 36
  37. 37. Eyetracking Web Usability (usability ndings from eye tracker research) http://www.useit.com/eyetracking/ 37
  38. 38. User Test - Interview 38
  39. 39. User Heat http://userheat.com/ 39
  40. 40. Hatena Enquete http://q.hatena.ne.jp/list?type=enquete 40
  41. 41. Persona - User Modeling 41
  42. 42. Contenst Analytics 42
  43. 43. Directory File List 43
  44. 44. Website Explorer http://www.umechando.com/webex/ 44
  45. 45. Context Analytics 45
  46. 46. Con dential 46
  47. 47. UX UX Difine 47
  48. 48. Con dential 48
  49. 49. Flickr User Model, v0.2 http://www. ickr.com/photos/bryce/56404690/ 49
  50. 50. SiteStructure Design 50
  51. 51. ex. High - Level Site Sructure 51
  52. 52. 52
  53. 53. Navigation Design 3 7 53
  54. 54. Content Page Design Best Practices http://www.lukew.com/ff/entry.asp?675 54
  55. 55. 3 Content page design best practices 2008 Content Page Design Best Practices http://www.lukew.com/ff/entry.asp?675 55
  56. 56. The 7 Navigaton Types of Web Sites http://www.slideshare.net/atsushi/the-7-navigation-types-of-web-site 56
  57. 57. 7 The 7 Navigation Types of Web Site The 7 Navigaton Types of Web Sites http://www.slideshare.net/atsushi/the-7-navigation-types-of-web-site 57
  58. 58. Labeling & Copy Writing 58
  59. 59. Con dential 59
  60. 60. User Interface Design 60
  61. 61. HVF/LFF HVF/HFF / / LVF/LFF LVF/HFF / / The Dimensions of Fidelity http://www.slideshare.net/fred_beecher/integrating-effective-prototyping-into-your-design-process 61
  62. 62. PowerPoint, Visio Photoshop, Illustrator Dreamweaver, Fireworks Word, InDesign Excel, Visio 62
  63. 63. Cacoo http://cacoo.com/ 63
  64. 64. Con dential 64
  65. 65. NTT docomo http://www.nttdocomo.co.jp/ 65
  66. 66. Softbank http://mb.softbank.jp/mb/ 66
  67. 67. 67
  68. 68. OS 1st 68
  69. 69. User Experience Treasure Map http://semanticstudios.com/publications/semantics/000228.php 69
  70. 70. Community IAI: The Information Architecture Institute http://iainstitute.org/ IxDA: Interaction Design Association http://www.ixda.org/ tokyo [UXBookClub.org] http://uxbookclub.org/doku.php?id=tokyo IAAJ: Information Architecture Association Japan http://iaaj.org/ HCD-Net http://www.hcdnet.org/ 70
  71. 71. The Information Architecture Institute http://www.iainstitute.org/ 71
  72. 72. Interaction Design Association - Homepage | IxDA http://www.ixda.org/ 72
  73. 73. tokyo [UXBookClub.org] http://uxbookclub.org/doku.php?id=tokyo 73
  74. 74. IAAJ: Information Architecture Association Japan http://iaaj.org/ 74
  75. 75. HCD-Net http://www.hcdnet.org/ 75
  76. 76. Reference IA100 ― ― ― ― Web Web ― CSS Nite LP, Disk 7 http://lp7.cssnite.jp/fyi.html 76
  77. 77. 77
  78. 78. Thank you! Thank you For All! Social Network bookslope Twitter #webken 78

×