SlideShare une entreprise Scribd logo
1  sur  73
Télécharger pour lire hors ligne
TheUnderstanding Group
Repeatable Magic?
Aligning Business Goals and User Needs with Information Architecture
http://understandinggroup.com/glsec                             The
                                                                Understanding
                                                                 Group
is magic
scalable?
is magic
repeatable?
Information Architecture
is about how to choose the
right way to present
information and how to help
people navigate through it.

It’s a way of thinking
in which the aim is not to make
something look good
but to make it be good.
The Elements of User Experience                                                                                                                           Jesse James Garrett
                                                                                                                                                                   jjg@jjg.net
A basic duality: The Web was originally conceived as a hypertextual information space;                                                                             30 March 2000
but the development of increasingly sophisticated front- and back-end technologies has
fostered its use as a remote software interface. This dual nature has led to much confusion,
as user experience practitioners have attempted to adapt their terminology to cases beyond
the scope of its original application. The goal of this document is to define some of these
terms within their appropriate contexts, and to clarify the underlying relationships among
these various elements.



Web as software interface                             Concrete                                                   Completion                         Web as hypertext system

                                                                                                                                   Visual Design: visual treatment of text,
Visual Design: graphic treatment of interface
elements (the "look" in "look-and-feel")                                   Visual Design                                           graphic page elements and navigational
                                                                                                                                   components

Interface Design: as in traditional HCI:                                                                                           Navigation Design: design of interface
design of interface elements to facilitate                                                                                         elements to facilitate the user's movement
user interaction with functionality
                                                                       Interface Design Navigation Design                          through the information architecture
Information Design: in the Tuftean sense:
designing the presentation of information                            Information Design                                            Information Design: in the Tuftean sense:
                                                                                                                                   designing the presentation of information
to facilitate understanding                                                                                                        to facilitate understanding

Interaction Design: development of                                     Interaction Information                                     Information Architecture: structural design




                                                                                                                       time
application flows to facilitate user tasks,
defining how the user interacts with
                                                                       Design     Architecture                                     of the information space to facilitate
                                                                                                                                   intuitive access to content
site functionality

Functional Specifications: "feature set":
detailed descriptions of functionality the site
                                                                      Functional      Content                                      Content Requirements: definition of
                                                                                                                                   content elements required in the site
must include in order to meet user needs                          Specifications Requirements                                      in order to meet user needs

User Needs: externally derived goals                                                                                               User Needs: externally derived goals
for the site; identified through user research,
ethno/techno/psychographics, etc.                                              User Needs                                          for the site; identified through user research,
                                                                                                                                   ethno/techno/psychographics, etc.
Site Objectives: business, creative, or other
internally derived goals for the site                                    Site Objectives                                           Site Objectives: business, creative, or other
                                                                                                                                   internally derived goals for the site
task-oriented                                          Abstract                                                  Conception                               information-oriented

          This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)
          that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a
          user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.
© 2000 Jesse James Garrett                                                                                                                                         http://www.jjg.net/ia/
January 2010 “Topic Overview: Information Architecture”
Dual Industry Definitions Of “Information Architecture” Reflect Micro And Macro Focus




                                                          © 2010, Forrester Research, Inc. Reproduction Prohibited
January 2010 “Topic Overview: Information Architecture”
Dual Industry Definitions Of “Information Architecture” Reflect Micro And Macro Focus
(Cont.)




                                                          © 2010, Forrester Research, Inc. Reproduction Prohibited
1989   1992   1997    2000




               1998                             2005




                      2000   2002   2000/2003
“...you used to be much muchier”
interpretation
  synthesis
ontology

   taxonomy
choreography
ontology
ὄντος - of being
λογία - logia: science, study, theory
what we mean
when we say
what we say
13
15
taxonomy
άξις - taxis: order, arrangement
νόµος - nomos: law or science
the system
of relationships
between
entities, labels
and categories
17
choreography
χορεία - circular dance
γραφή – writing
the instructions
and rules for how
things should
move
20
ontology

   taxonomy
choreography
how do
                            we know
                            when IA
                            is good?
Tysen Perszyk, Photograph entitled Yummy Lemon Time (2009)
performance
of the beach



of the town
ease of use


  power of
functionality
owner



user
public


private
inactive
individual
  young
  small

 large
  old
 group
 active
ontology

   taxonomy
choreography
business goals


what             the               the
we mean       system     instructions
when we           of        and rules
say what   relationships      for how
we           between           things
say           entities          move
            labels and
            categories

            user needs
make things
be good
TheUnderstanding Group

Thanks!
http://understandinggroup.com/glsec             The
                                                Understanding
                                                Group




                                                  The
                                                Understanding

Contenu connexe

Tendances

Nttd interactive 20120601
Nttd interactive 20120601Nttd interactive 20120601
Nttd interactive 20120601
Dana Helland
 
Future of retail retail social business architektur 2012
Future of retail  retail social business architektur 2012Future of retail  retail social business architektur 2012
Future of retail retail social business architektur 2012
Friedel Jonker
 
PxS'12 - week 10 - screen design
PxS'12 - week 10 - screen designPxS'12 - week 10 - screen design
PxS'12 - week 10 - screen design
hendrikknoche
 
PxS’12 - week 10 - screen design
PxS’12 - week 10 - screen designPxS’12 - week 10 - screen design
PxS’12 - week 10 - screen design
hendrikknoche
 
GeniUS: Generic User Modeling Library for the Social Semantic Web
GeniUS: Generic User Modeling Library for the Social Semantic WebGeniUS: Generic User Modeling Library for the Social Semantic Web
GeniUS: Generic User Modeling Library for the Social Semantic Web
Web Information Systems, TU Delft
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopment
Anies Syahieda
 
User Report - how to evaluate and optimize website performance
User Report - how to evaluate and optimize website performanceUser Report - how to evaluate and optimize website performance
User Report - how to evaluate and optimize website performance
Linh Huynh
 

Tendances (14)

Gastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience designGastronomy: A source of inspiration for user experience design
Gastronomy: A source of inspiration for user experience design
 
Lean UX
Lean UXLean UX
Lean UX
 
Nttd interactive 20120601
Nttd interactive 20120601Nttd interactive 20120601
Nttd interactive 20120601
 
Future of retail retail social business architektur 2012
Future of retail  retail social business architektur 2012Future of retail  retail social business architektur 2012
Future of retail retail social business architektur 2012
 
IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)
 
Bk datasheet2010 en
Bk datasheet2010 enBk datasheet2010 en
Bk datasheet2010 en
 
Information Architecture & Content Strategy
Information Architecture & Content StrategyInformation Architecture & Content Strategy
Information Architecture & Content Strategy
 
PxS'12 - week 10 - screen design
PxS'12 - week 10 - screen designPxS'12 - week 10 - screen design
PxS'12 - week 10 - screen design
 
Konnect: MindTree's Social Computing Platform
Konnect: MindTree's Social Computing PlatformKonnect: MindTree's Social Computing Platform
Konnect: MindTree's Social Computing Platform
 
PxS’12 - week 10 - screen design
PxS’12 - week 10 - screen designPxS’12 - week 10 - screen design
PxS’12 - week 10 - screen design
 
SharePoint Search Goes Public!
SharePoint Search Goes Public!SharePoint Search Goes Public!
SharePoint Search Goes Public!
 
GeniUS: Generic User Modeling Library for the Social Semantic Web
GeniUS: Generic User Modeling Library for the Social Semantic WebGeniUS: Generic User Modeling Library for the Social Semantic Web
GeniUS: Generic User Modeling Library for the Social Semantic Web
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopment
 
User Report - how to evaluate and optimize website performance
User Report - how to evaluate and optimize website performanceUser Report - how to evaluate and optimize website performance
User Report - how to evaluate and optimize website performance
 

En vedette

П.П. Блонский
П.П. Блонский П.П. Блонский
П.П. Блонский
libuspu
 
პირველი მსოფლიო ომი
პირველი მსოფლიო ომი პირველი მსოფლიო ომი
პირველი მსოფლიო ომი
Irina Melkadze-gelashvili
 
მარტინ ლუთერ კინგი
მარტინ ლუთერ კინგიმარტინ ლუთერ კინგი
მარტინ ლუთერ კინგი
Irina Melkadze-gelashvili
 
პროექტის პრეზენტაცია
პროექტის პრეზენტაციაპროექტის პრეზენტაცია
პროექტის პრეზენტაცია
Tinatin Gogoladze
 
Company profile bullion international pte ltd- 2003-07
Company profile  bullion international pte ltd- 2003-07Company profile  bullion international pte ltd- 2003-07
Company profile bullion international pte ltd- 2003-07
Sujata Lhila
 
მშვიდობის ეთი დღე
მშვიდობის ეთი დღემშვიდობის ეთი დღე
მშვიდობის ეთი დღე
marinamikeria
 

En vedette (11)

Investment opportunity under USD500K in distribution
Investment opportunity under USD500K in distributionInvestment opportunity under USD500K in distribution
Investment opportunity under USD500K in distribution
 
Executive summary- SACRED Trust Fund- Non-Profit Initiative
Executive summary- SACRED Trust Fund- Non-Profit Initiative Executive summary- SACRED Trust Fund- Non-Profit Initiative
Executive summary- SACRED Trust Fund- Non-Profit Initiative
 
П.П. Блонский
П.П. Блонский П.П. Блонский
П.П. Блонский
 
პირველი მსოფლიო ომი
პირველი მსოფლიო ომი პირველი მსოფლიო ომი
პირველი მსოფლიო ომი
 
ვიქტორინა
ვიქტორინავიქტორინა
ვიქტორინა
 
მარტინ ლუთერ კინგი
მარტინ ლუთერ კინგიმარტინ ლუთერ კინგი
მარტინ ლუთერ კინგი
 
პროექტის პრეზენტაცია
პროექტის პრეზენტაციაპროექტის პრეზენტაცია
პროექტის პრეზენტაცია
 
Company profile bullion international pte ltd- 2003-07
Company profile  bullion international pte ltd- 2003-07Company profile  bullion international pte ltd- 2003-07
Company profile bullion international pte ltd- 2003-07
 
презентация Microsoft office power point
презентация Microsoft office power pointпрезентация Microsoft office power point
презентация Microsoft office power point
 
მაჰათმა განდი
მაჰათმა განდიმაჰათმა განდი
მაჰათმა განდი
 
მშვიდობის ეთი დღე
მშვიდობის ეთი დღემშვიდობის ეთი დღე
მშვიდობის ეთი დღე
 

Similaire à Dk glsec

The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
Ben van de Sande
 
Elements
ElementsElements
Elements
kaa kaa
 
Elementos da experiência do usuário
Elementos da experiência do usuárioElementos da experiência do usuário
Elementos da experiência do usuário
Jonathan Prateat
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
Taewon Eom
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experience
Nick Finck
 

Similaire à Dk glsec (20)

The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Elements
ElementsElements
Elements
 
Elements
ElementsElements
Elements
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...
 
Wk08 Best Practice
Wk08 Best PracticeWk08 Best Practice
Wk08 Best Practice
 
Elements
ElementsElements
Elements
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
STI, MetaRational #2
STI, MetaRational #2STI, MetaRational #2
STI, MetaRational #2
 
Elementos da experiência do usuário
Elementos da experiência do usuárioElementos da experiência do usuário
Elementos da experiência do usuário
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
Elements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James GarrettElements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James Garrett
 
Introducing User Experience Design
Introducing User Experience Design Introducing User Experience Design
Introducing User Experience Design
 
Information Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in OrderInformation Architecture: Get Your Blue Prints in Order
Information Architecture: Get Your Blue Prints in Order
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experience
 
Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)Putting the "User" back in User Experience (Dallas Techfest Edition)
Putting the "User" back in User Experience (Dallas Techfest Edition)
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
User Centered Design and SharePoint Publishing Portals
User Centered Design and SharePoint Publishing PortalsUser Centered Design and SharePoint Publishing Portals
User Centered Design and SharePoint Publishing Portals
 
Design & Technology
Design & TechnologyDesign & Technology
Design & Technology
 

Dernier

Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 

Dernier (20)

Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 

Dk glsec

  • 1. TheUnderstanding Group Repeatable Magic? Aligning Business Goals and User Needs with Information Architecture http://understandinggroup.com/glsec The Understanding Group
  • 2.
  • 5.
  • 6. Information Architecture is about how to choose the right way to present information and how to help people navigate through it. It’s a way of thinking in which the aim is not to make something look good but to make it be good.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. The Elements of User Experience Jesse James Garrett jjg@jjg.net A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000 but the development of increasingly sophisticated front- and back-end technologies has fostered its use as a remote software interface. This dual nature has led to much confusion, as user experience practitioners have attempted to adapt their terminology to cases beyond the scope of its original application. The goal of this document is to define some of these terms within their appropriate contexts, and to clarify the underlying relationships among these various elements. Web as software interface Concrete Completion Web as hypertext system Visual Design: visual treatment of text, Visual Design: graphic treatment of interface elements (the "look" in "look-and-feel") Visual Design graphic page elements and navigational components Interface Design: as in traditional HCI: Navigation Design: design of interface design of interface elements to facilitate elements to facilitate the user's movement user interaction with functionality Interface Design Navigation Design through the information architecture Information Design: in the Tuftean sense: designing the presentation of information Information Design Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding to facilitate understanding Interaction Design: development of Interaction Information Information Architecture: structural design time application flows to facilitate user tasks, defining how the user interacts with Design Architecture of the information space to facilitate intuitive access to content site functionality Functional Specifications: "feature set": detailed descriptions of functionality the site Functional Content Content Requirements: definition of content elements required in the site must include in order to meet user needs Specifications Requirements in order to meet user needs User Needs: externally derived goals User Needs: externally derived goals for the site; identified through user research, ethno/techno/psychographics, etc. User Needs for the site; identified through user research, ethno/techno/psychographics, etc. Site Objectives: business, creative, or other internally derived goals for the site Site Objectives Site Objectives: business, creative, or other internally derived goals for the site task-oriented Abstract Conception information-oriented This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development) that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within a user experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today. © 2000 Jesse James Garrett http://www.jjg.net/ia/
  • 15.
  • 16.
  • 17.
  • 18.
  • 19. January 2010 “Topic Overview: Information Architecture” Dual Industry Definitions Of “Information Architecture” Reflect Micro And Macro Focus © 2010, Forrester Research, Inc. Reproduction Prohibited
  • 20. January 2010 “Topic Overview: Information Architecture” Dual Industry Definitions Of “Information Architecture” Reflect Micro And Macro Focus (Cont.) © 2010, Forrester Research, Inc. Reproduction Prohibited
  • 21. 1989 1992 1997 2000 1998 2005 2000 2002 2000/2003
  • 22. “...you used to be much muchier”
  • 24. ontology taxonomy choreography
  • 25. ontology ὄντος - of being λογία - logia: science, study, theory
  • 26. what we mean when we say what we say
  • 27.
  • 28.
  • 29. 13
  • 30. 15
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. taxonomy άξις - taxis: order, arrangement νόµος - nomos: law or science
  • 38. 17
  • 39.
  • 40.
  • 41.
  • 42. choreography χορεία - circular dance γραφή – writing
  • 43. the instructions and rules for how things should move
  • 44. 20
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53. ontology taxonomy choreography
  • 54. how do we know when IA is good? Tysen Perszyk, Photograph entitled Yummy Lemon Time (2009)
  • 56.
  • 57.
  • 58.
  • 59. of the beach of the town
  • 60.
  • 61. ease of use power of functionality
  • 62.
  • 64.
  • 65.
  • 67.
  • 68.
  • 69. inactive individual young small large old group active
  • 70. ontology taxonomy choreography
  • 71. business goals what the the we mean system instructions when we of and rules say what relationships for how we between things say entities move labels and categories user needs
  • 73. TheUnderstanding Group Thanks! http://understandinggroup.com/glsec The Understanding Group The Understanding