SlideShare uma empresa Scribd logo
1 de 78
Web
Vol. 3   Web                              IA




                      2010,03,09


               Social Network bookslope
                       Twitter #webken



                                               1
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

                                                            6
IA
Why is the IA necessary for us.




                                  7
IA =
                           IA is Your Skill




Information Architecture




Information Architect




                                              8
IA
           Fields of Informaton Architecture




User Experience Design   http://www.kickerstudio.com/blog/images/ux.jpg

                                                                          9
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/

                                                                 13
The Nine Pillars of Successful Web Teams http://www.adaptivepath.com/ideas/essays/archives/000242.php
                                                                                                        14
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

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

                                                                          19
IA   UX
     IA will become a UX Designer




                                    IA

                                         20
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 experience designers.




2009
             The Memphis Plenary   http://www.jjg.net/ia/memphis/
                                                                    22
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/publications/semantics/000029.php
                                                                                                             28
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
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/

                                                                                                             37
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/

                                                                        49
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
                                                                          54
3
                     Content page design best practices




2008

       Content Page Design Best Practices http://www.lukew.com/ff/entry.asp?675
                                                                                 55
The 7 Navigaton Types of Web Sites   http://www.slideshare.net/atsushi/the-7-navigation-types-of-web-site

                                                                                                            56
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
Labeling & Copy Writing




                          58
Con dential
              59
User Interface Design




                        60
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
PowerPoint, Visio



 Photoshop, Illustrator



Dreamweaver, Fireworks



    Word, InDesign



      Excel, Visio



                          62
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

                                                                                              69
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
The Information Architecture Institute   http://www.iainstitute.org/

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

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

                                   75
Reference


IA100
―



―



―



―


Web

Web
―



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

                                                                76
77
Thank you!
    Thank you For All!




 Social Network bookslope
         Twitter #webken



                            78

Mais conteúdo relacionado

Semelhante a webken "IA" for Web Directors 20100306

HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗
Bobby Chen
 

Semelhante a webken "IA" for Web Directors 20100306 (20)

Wiki Design Considerations
Wiki Design ConsiderationsWiki Design Considerations
Wiki Design Considerations
 
Interface design
Interface designInterface design
Interface design
 
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
 
The "A" in Drupal Stands for Accessibility
The "A" in Drupal Stands for AccessibilityThe "A" in Drupal Stands for Accessibility
The "A" in Drupal Stands for Accessibility
 
High-Fidelity Prototyping
High-Fidelity PrototypingHigh-Fidelity Prototyping
High-Fidelity Prototyping
 
Pervasive information architecture
Pervasive information architecturePervasive information architecture
Pervasive information architecture
 
Towards Responsive Open Learning Environments: the ROLE Interoperability Fram...
Towards Responsive Open Learning Environments: the ROLE Interoperability Fram...Towards Responsive Open Learning Environments: the ROLE Interoperability Fram...
Towards Responsive Open Learning Environments: the ROLE Interoperability Fram...
 
About 4Ward
About 4WardAbout 4Ward
About 4Ward
 
Reading materials on UI/UX
Reading materials on UI/UXReading materials on UI/UX
Reading materials on UI/UX
 
Hunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX ProfessionalHunting Unicorns - What makes an effective UX Professional
Hunting Unicorns - What makes an effective UX Professional
 
UX and the City - An introduction to user experience design in the financial ...
UX and the City - An introduction to user experience design in the financial ...UX and the City - An introduction to user experience design in the financial ...
UX and the City - An introduction to user experience design in the financial ...
 
Houston TechFest 2014 slidedeck
Houston TechFest 2014 slidedeckHouston TechFest 2014 slidedeck
Houston TechFest 2014 slidedeck
 
10 Things You Probably Didn't Know About Plone
10 Things You Probably Didn't Know About Plone10 Things You Probably Didn't Know About Plone
10 Things You Probably Didn't Know About Plone
 
Inspiration Tour - Microsoft Silverlight
Inspiration Tour - Microsoft SilverlightInspiration Tour - Microsoft Silverlight
Inspiration Tour - Microsoft Silverlight
 
Mapping ux culture
Mapping ux cultureMapping ux culture
Mapping ux culture
 
Usability Techniques for UX
Usability Techniques for UXUsability Techniques for UX
Usability Techniques for UX
 
HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗HiUED 前端/web 發展和體驗
HiUED 前端/web 發展和體驗
 
Single Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem systemSingle Page Applications – Know The Ecosystem system
Single Page Applications – Know The Ecosystem system
 
Introduction to the azure service bus eai edi features
Introduction to the azure service bus eai edi featuresIntroduction to the azure service bus eai edi features
Introduction to the azure service bus eai edi features
 
Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...Developing a framework of design principles for single page websites and thei...
Developing a framework of design principles for single page websites and thei...
 

Mais de Takashi Sakamoto

Mais de Takashi Sakamoto (20)

カスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイントカスタマージャーニーにおけるUXとモバイル設計のポイント
カスタマージャーニーにおけるUXとモバイル設計のポイント
 
Casual Journey Mapping for UX Design Method - UXSF 2015 Summer
Casual Journey Mapping for UX Design Method - UXSF 2015 SummerCasual Journey Mapping for UX Design Method - UXSF 2015 Summer
Casual Journey Mapping for UX Design Method - UXSF 2015 Summer
 
#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために#WDF18 エクスペリエンスを繋ぐために
#WDF18 エクスペリエンスを繋ぐために
 
UX approach for real cross media planning
UX approach for real cross media planningUX approach for real cross media planning
UX approach for real cross media planning
 
"UI Patterns for Smartphone" HCD-Net SD #6 2014
"UI Patterns for Smartphone" HCD-Net SD #6 2014"UI Patterns for Smartphone" HCD-Net SD #6 2014
"UI Patterns for Smartphone" HCD-Net SD #6 2014
 
Beyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LTBeyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LT
 
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
UX-Sapporo x CSS Nite "Hypothesis-based Design within UX Design"
 
日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン
日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン
日本デザイン学会 第61回 春季研究発表 モバイルデザインにおける情報アーキテクチャパターン
 
東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ東北セミボラ #6 IA/UXデザインワークショップ
東北セミボラ #6 IA/UXデザインワークショップ
 
CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"CSS Nite LP33 UI/UX "Bridge Builder"
CSS Nite LP33 UI/UX "Bridge Builder"
 
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
 
#DevLOVE IAシンキングによるモバイル再設計
#DevLOVE IAシンキングによるモバイル再設計#DevLOVE IAシンキングによるモバイル再設計
#DevLOVE IAシンキングによるモバイル再設計
 
schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"schoo "よりよいサイトやアプリを作るための、情報設計"
schoo "よりよいサイトやアプリを作るための、情報設計"
 
"UI Patterns for Smartphone" HCD-Net SD #6
"UI Patterns for Smartphone" HCD-Net SD #6"UI Patterns for Smartphone" HCD-Net SD #6
"UI Patterns for Smartphone" HCD-Net SD #6
 
UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザインUX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #01 ウェブサイトやアプリを成功に導くUXデザイン
 
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザインUX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
UX design for #02 ウェブサイトやアプリを成功に導くUXデザイン
 
Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"Future Sync #03 "Beyond IA Thinking"
Future Sync #03 "Beyond IA Thinking"
 
Schoo the user experience of web site
Schoo the user experience of web siteSchoo the user experience of web site
Schoo the user experience of web site
 
TC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
TC x IA "UX Design" Technical Communication Symposium 2012 TokyoTC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
TC x IA "UX Design" Technical Communication Symposium 2012 Tokyo
 
Lead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX DesignLead the webmasters to future with "IA Thinking" for UX Design
Lead the webmasters to future with "IA Thinking" for UX Design
 

Último

一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
ssuser0ad194
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 

Último (20)

Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 

webken "IA" for Web Directors 20100306