Information architecture: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
m (layout)
m (Text replacement - "<pageby nominor="false" comments="false"/>" to "<!-- <pageby nominor="false" comments="false"/> -->")
 
(27 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{under construction}}
{{incomplete}}
{{interaction-design|Introduction}}
<!-- <pageby nominor="false" comments="false"/> -->
==Definition==
==Definition==


Information architecture is the science of organizing and structuring of information for use in defined contexts. This may involve the classification and management of information as in library sciences or the structuring of a web or software architecture or the modeling of the relationships between data within a system.
Information architecture (IS) (also referred to as ''information design'') is the science of organizing and structuring of information for use in defined contexts. This may involve the classification and management of information as in library sciences or the structuring of a web or software architecture or the modeling of the relationships between data within a system.


* also referred to as ''information'' design
A selection of definitions can be found at [http://www.eleganthack.com/blog/archives/00000069.html eleganthack.com].


A selection of definitions over at [http://www.eleganthack.com/blog/archives/00000069.html eleganthack.com].
==Origins==


==Origins==
Wyllys (2000) claims information architecture has its origins in architecture, and was brought into wide use by Richard Saul Wurman, who used the term to refer to the process of bringing together the multifaceted information contained within urban environments and representing them to multiple target users (city planners, architects, engineers, dwellers). Wurman likened this task to the function of an architect who must:
Wyllys (2000) claims Information architecture has its origins in architecture. and was brought into wide use by Richard Saul Wurman, who used the term to refer to the process of bringing together the multifaceted information contained within urban environments and representing them to multiple target users (city planners, architects, engineers, dwellers). Wurman likened this task to function of an architect who must:
* {{quotation|ascertain needs}}
* {{quotation | ascertain needs}}
* {{quotation|organize the needs into a coherent pattern that clarifies their nature and interactions}}
* {{quotation | organize the needs into a coherent pattern that clarifies their nature and interactions}}
* {{quotation|design a building that will-- by means of its rooms, fixtures, machines and layout, i.e., flow of people and materials--meet the occupants' needs}}
* {{quotation | design a building that will-- by means of its rooms, fixtures, machines and layout, i.e., flow of people and materials--meet the occupants' needs}}


{{quotation | In teams that can include visual designers, interface designers, navigation designers, information designers, and interaction designers, the information architect is free to focus on the structure and organization.}}
{{quotation | In teams that can include visual designers, interface designers, navigation designers, information designers, and interaction designers, the information architect is free to focus on the structure and organization.}}


The concept of information being embedded within an environment in a way that [[Affordance | affords]] intended use and serves users' needs was extended by Wurman to design principles where he sought to inform and "bring meaning or understanding" to space.
The concept of information being embedded within an environment in a way that [[Affordance | affords]] intended use and serves users' needs was extended by Wurman to design in general, where he sought to inform and "bring meaning or understanding" to space.
{{quotation| I mean architect as in the creating of systemic, structural, and orderly principles to make something work--the thoughtful making of either artifact, or idea, or policy that informs because it is clear. }}
{{quotation| I mean architect as in the creating of systemic, structural, and orderly principles to make something work--the thoughtful making of either artifact, or idea, or policy that informs because it is clear. }}


These principles have become the core of in [[HCI]], [[systems design]] and [[user-centered design]].
These principles have become the core of in [[HCI]], systems design (including [[instructional systems design]]) and [[user-centered design]].


''Information architecture'' is now used most commonly to refer to the organization of information on the Web.  
''Information architecture'' is now used most commonly to refer to the organization of information on the Web at a fairly high level, e.g. using [[web wireframe|wireframes]].  


An entirely different species of information architects formally models information structures, typically with [[XML]].


==Structures==
== Types of structures ==


* '''hierarchies:''' classification such as the Dewey Decimal Classification system whose goal is to classify knowledge into categories, sub-categories, sub-sub-categories, etc.  
* '''hierarchies:''' classifications such as the Dewey Decimal Classification system whose goal is to classify knowledge into categories, sub-categories, sub-sub-categories, etc.  
* '''networks''' of nodes and links between nodes (non-hierarchical), such as the Web
* '''networks''' of nodes and links between nodes (non-hierarchical), such as the Web
* '''database-oriented models:''' pieces of information stored in fields and grouped into records and files with metadata to relate the fields and records
* '''database-oriented models:''' pieces of information stored in fields and grouped into records and files with metadata to relate the fields and records


==  Information architecture models ==


==Information architecture models==
From [http://www.webdesignfromscratch.com/ia_models.cfm webdesignfromscratch.com], some models for structuring information within websites (this of course can apply to other computer-based media, e.g.: [[cdrom]], [[intranet]].  
From [http://www.webdesignfromscratch.com/ia_models.cfm webdesignfromscratch.com], some models for structuring information within websites (this of course can apply to other computer-based media, e.g.: [[cdrom]], [[intranet]].  
===All-in-one model===
 
all information in one page [[Image:allinonei.gif|All-in-one model]] .
=== All-in-one ===
===Flat model===
 
all pages of information are accessible from every page. All pages are on the same level. The homepage is one category among others. [[Image:flat.gif|frame|Flat model]] .
All information in one page. [[Image:allinonei.gif|center]]
===Index model===
 
The homepage acts as an index to structure available information, as in an alphabetical index of a directory. [[Image:index.gif|frame|Index model]]
=== Flat ===
===Hub-and-spoke / Daisy model===
 
Several interaction paths radiate from and return to a central page. [[Image:spoke.gif|frame|Hub-and-spoke or daisy model]]
all pages of information are accessible from every page. All pages are on the same level. The homepage is one category among others. [[Image:flat.gif|frame|center|Flat model]]
===Strict hierarchy model===
 
Information organized into nodes and sub-nodes. There is only one path available to access a particular piece of information (or web page). A node may have multiple child nodes but each child node has only one parent node. This is a structure used by [[XML]]-based data structures. [[Image:hierarchy.gif|frame|Strict hierarchy model]]
=== Index ===
===Multi-dimensional hierarchy model===
 
A variant of the strict hierarchy, it allows for more flexible organization of information in that there may be sevaral paths of access for a particular information node. Child nodes may have multiple parents. This data structure upon which [[concept map]]s are based, is more difficult to maintain but can be the most highly 'networked'. [[Image:multi.gif|frame|Multi-dimensional hierarchy model]]
The homepage acts as an index to structure available information, as in an alphabetical index of a directory. [[Image:index.gif|frame|center|Index model]]
===Search model===
 
More of a navigation tool than an architecture, it allows instant access to particular information without working through the hierarchy or index, but also not benefitting from the [[incidental learning]] that an explicit structure can offer. [[Image:search.gif|frame|Search model]]
=== Hub-and-spoke / Daisy ===
 
Several interaction paths radiate from and return to a central page. [[Image:spoke.gif|frame|center|Hub-and-spoke or daisy model]]
 
=== Strict hierarchy ===
 
Information organized into nodes and sub-nodes. There is only one path available to access a particular piece of information (or web page). A node may have multiple child nodes but each child node has only one parent node. This is a structure used by [[XML]]-based data structures. [[Image:hierarchy.gif|frame|center|Strict hierarchy model]]
 
=== Multi-dimensional hierarchy ===
 
A variant of the strict hierarchy, it allows for more flexible organization of information in that there may be sevaral paths of access for a particular information node. Child nodes may have multiple parents. This data structure upon which [[concept map]]s are based, is more difficult to maintain but can be the most highly 'networked'. [[Image:multi.gif|frame|center|Multi-dimensional hierarchy model]]
 
=== Search ===
 
More of a navigation tool than an architecture, it allows instant access to particular information without working through the hierarchy or index, but also not benefitting from the [[incidental learning]] that an explicit structure can offer. [[Image:search.gif|frame|center|Search model]]
 
==Links==
 
* [http://iainstitute.org/ The Information Architecture Institute]
 
* [http://www.d.umn.edu/is/support/Training/Online/webdesign/architecture.html Web Design References] - comprehensive collection of resources on IA.
 
* [http://sentra.ischool.utexas.edu/~adillon/blog/ InfoMatters] - Andrew Dillon’s Blog on the Architecture of Information
 
* [http://technet.microsoft.com/en-us/library/cc262873%28office.12%29.aspx Determine the information architecture of your site] Microsoft SharePoint server library (2007) and [http://technet.microsoft.com/en-us/library/cc262873.aspx Plan information architecture for Web content management] for SharePoint 2010. Includes information for other technology.


==References==
==References==
* Garret, Jesse James (2002). [http://www.jjg.net/ia/visvocab/ A visual vocabulary for describing information architecture and interaction design], Available from jjg.net. Retrieved, March 14, 2011. (Diagrams are an essential tool for communicating information architecture and interaction design in Web development teams. This document discusses the considerations in development of such diagrams, outlines a basic symbology for diagramming information architecture and interaction design concepts, and provides guidelines for the use of these elements.)
* Spencer, Donna (2010). ''A Practical Guide to Information Architecture'', Five Simple Steps, ISBN: 978-0-9561740-6-2 ([http://www.fivesimplesteps.com/books/practical-guide-information-architecture online shop] - [http://practical-ia.com/ Author's book home page] - [http://maadmob.net/donna/blog/ author's blog]
* Wyllys, R.E. (2000). Information Architecture. Notes from LIS 386.13 class team at the Graduate School of Library and Information Science at UT-Austin. [http://www.gslis.utexas.edu/~l38613dw/readings/InfoArchitecture.html]
* Wyllys, R.E. (2000). Information Architecture. Notes from LIS 386.13 class team at the Graduate School of Library and Information Science at UT-Austin. [http://www.gslis.utexas.edu/~l38613dw/readings/InfoArchitecture.html]
[[Category: Design methodologies]]
[[Category: XML]]
* Rosenfeld, Louis and Morville, Peter (2006). Information architecture for the world wide web. 3rd Edition. O'Reilly

Latest revision as of 18:24, 22 August 2016

Definition

Information architecture (IS) (also referred to as information design) is the science of organizing and structuring of information for use in defined contexts. This may involve the classification and management of information as in library sciences or the structuring of a web or software architecture or the modeling of the relationships between data within a system.

A selection of definitions can be found at eleganthack.com.

Origins

Wyllys (2000) claims information architecture has its origins in architecture, and was brought into wide use by Richard Saul Wurman, who used the term to refer to the process of bringing together the multifaceted information contained within urban environments and representing them to multiple target users (city planners, architects, engineers, dwellers). Wurman likened this task to the function of an architect who must:

  • “ascertain needs”
  • “organize the needs into a coherent pattern that clarifies their nature and interactions”
  • “design a building that will-- by means of its rooms, fixtures, machines and layout, i.e., flow of people and materials--meet the occupants' needs”

“In teams that can include visual designers, interface designers, navigation designers, information designers, and interaction designers, the information architect is free to focus on the structure and organization.”

The concept of information being embedded within an environment in a way that affords intended use and serves users' needs was extended by Wurman to design in general, where he sought to inform and "bring meaning or understanding" to space. “I mean architect as in the creating of systemic, structural, and orderly principles to make something work--the thoughtful making of either artifact, or idea, or policy that informs because it is clear.”

These principles have become the core of in HCI, systems design (including instructional systems design) and user-centered design.

Information architecture is now used most commonly to refer to the organization of information on the Web at a fairly high level, e.g. using wireframes.

An entirely different species of information architects formally models information structures, typically with XML.

Types of structures

  • hierarchies: classifications such as the Dewey Decimal Classification system whose goal is to classify knowledge into categories, sub-categories, sub-sub-categories, etc.
  • networks of nodes and links between nodes (non-hierarchical), such as the Web
  • database-oriented models: pieces of information stored in fields and grouped into records and files with metadata to relate the fields and records

Information architecture models

From webdesignfromscratch.com, some models for structuring information within websites (this of course can apply to other computer-based media, e.g.: cdrom, intranet.

All-in-one

All information in one page.

Allinonei.gif

Flat

all pages of information are accessible from every page. All pages are on the same level. The homepage is one category among others.

Flat model

Index

The homepage acts as an index to structure available information, as in an alphabetical index of a directory.

Index model

Hub-and-spoke / Daisy

Several interaction paths radiate from and return to a central page.

Hub-and-spoke or daisy model

Strict hierarchy

Information organized into nodes and sub-nodes. There is only one path available to access a particular piece of information (or web page). A node may have multiple child nodes but each child node has only one parent node. This is a structure used by XML-based data structures.

Strict hierarchy model

Multi-dimensional hierarchy

A variant of the strict hierarchy, it allows for more flexible organization of information in that there may be sevaral paths of access for a particular information node. Child nodes may have multiple parents. This data structure upon which concept maps are based, is more difficult to maintain but can be the most highly 'networked'.

Multi-dimensional hierarchy model

Search

More of a navigation tool than an architecture, it allows instant access to particular information without working through the hierarchy or index, but also not benefitting from the incidental learning that an explicit structure can offer.

Search model

Links

  • InfoMatters - Andrew Dillon’s Blog on the Architecture of Information

References

  • Garret, Jesse James (2002). A visual vocabulary for describing information architecture and interaction design, Available from jjg.net. Retrieved, March 14, 2011. (Diagrams are an essential tool for communicating information architecture and interaction design in Web development teams. This document discusses the considerations in development of such diagrams, outlines a basic symbology for diagramming information architecture and interaction design concepts, and provides guidelines for the use of these elements.)
  • Wyllys, R.E. (2000). Information Architecture. Notes from LIS 386.13 class team at the Graduate School of Library and Information Science at UT-Austin. [1]
  • Rosenfeld, Louis and Morville, Peter (2006). Information architecture for the world wide web. 3rd Edition. O'Reilly