Instant information architecture ensad
description
Transcript of Instant information architecture ensad
![Page 1: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/1.jpg)
A b c
Instant Information Architecture
November 2011
![Page 2: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/2.jpg)
Kahn+Associates | 2
Outline
— What is Information Architecture
— Categories and Classification
— Visualizing Structure
![Page 3: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/3.jpg)
What is Information Architecture
Information is
— a difference that makes a difference
— a pattern that provides a structure for understanding
Information Architecture is
— discovering the kinds of information the site contains
— matching this information to the needs of the users
— determining the appropriate metadata structure
Kahn+Associates | 3
![Page 4: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/4.jpg)
Maps & Diagrams | September 2011 | 4
The role of visualization / mapping
— Visualization follows analysis
— Visualization unites the members of the team
— Visualization comes before wireframes
— Visualization comes before design
![Page 5: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/5.jpg)
Maps & Diagrams | September 2011 | 5
Gregory Bateson (1904-1980)
British anthropologist, social scientist, linguist, visual anthropologist, semiotician and cyberneticist whose work intersected that of many other fields
Major Books
Steps To An Ecology of the Mind, 1972 Vers une Ecologie de l'Esprit
Mind and Nature: A Necessary Unity, 1979 Une unité sacrée
![Page 6: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/6.jpg)
Maps & Diagrams | September 2011 | 6
Information and Mind
The mind operates with hierarchies and networks to create gestalten.
Hierarchies are nested containers
Networks are links connecting discrete nodes
Information architecture is
the re/shaping of information into hierarchies and networks
we search for and visualize the patterns that connect
The pattern that connects is the pathways for accessing differences
![Page 7: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/7.jpg)
Lenk/Kahn Communication Model
— Mapping Websites,
Kahn & Lenk, 2000
Kahn+Associates | 7
![Page 8: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/8.jpg)
Jesse James Garrett: 5 Layer Process Model
— The Elements of User Experience, Jesse James Garrett (2000)
Kahn+Associates | 8
![Page 9: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/9.jpg)
![Page 10: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/10.jpg)
Slide 10 © Fjord 2010 | Confidential
1. Opportunity 2. Concept 3. Experience 4. Go to market
Our framework
![Page 12: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/12.jpg)
Kahn+Associates | 12
The Information Architect must understand
user research
— personas and user scenarios
— user-based design methodology
the data
— text coding systems: SGML/XML
— database storage & information retrieval
interaction models
— principals of user interface design
![Page 13: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/13.jpg)
The Information Architect must mediate
— the requirements of a client, who wants to present information
— the needs of the user, who needs to find and consume that information
— balance between the desirable and the possible
Kahn+Associates | 13
![Page 14: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/14.jpg)
Category and Classification
Categorization is
— the mental process of grouping things by perceptible similarity within a given context.
— Creating groups through direct experience (bottom-up)
Kahn+Associates | 14
![Page 15: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/15.jpg)
— Categorization of music
— Categories of music are an expression of listener’s perception and as communities emerge (bottom-up)
Kahn+Associates | 15
![Page 16: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/16.jpg)
Categorization of books
![Page 17: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/17.jpg)
Category and Classification
— Categorization is the mental process of grouping things by perceptible similarity within a given context.
— Classification is a set of classes assigned according to a predetermined set of principles used to impose order on a set of entities.
— Taxonomic classification establishes stability by applying a set of rules to one domain (top-down)
— Classification system offer inter-operability benefits across applications
Kahn+Associates | 17
![Page 18: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/18.jpg)
— Classification of biology
— Each living organism is classified in the Tree of Life taxonomy
Kahn+Associates | 18
![Page 19: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/19.jpg)
— MESH Classification of human diseases
— Each disease is located in one or more places in the Medical Subject Headings (MESH) maintained by the National Library of Medicine in Washington DC
Kahn+Associates | 19
![Page 20: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/20.jpg)
UNSPSC — The United Nations Standard Products and Services Code is a hierarchical
convention that is used to classify all products and services.
—
Kahn+Associates | 20
![Page 21: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/21.jpg)
Examples of “categories” that are classifications
High-level category
Three Categories of Drugs
• Depressants
• Stimulants
• Hallucinogens
Continuous category/scale
Categories of Hurricanes:
Category 1: 74-95 mph winds
Category 2: 96-110 mph winds
Category 3: 111-130 mph winds
Category 4: 131-155 mph winds
Category 5: 155+ mph winds
Kahn+Associates | 21
![Page 22: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/22.jpg)
Category vs. Classification
— 3 Categories of hair color
Kahn+Associates | 22
— Classification of hair color
![Page 23: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/23.jpg)
Kahn+Associates | 23
LATCH (+):
Five ways to organize information for ease of use (+ One)
Location
Alphabet
Time
Category
Hierarchy
From Richard Saul Wurman, INFORMATION ANXIETY 2
plus Common Focus
![Page 24: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/24.jpg)
Kahn+Associates | 24
Location
“Location is chosen when the information who you are comparing comes from several different sources or locales. Doctors use different locations of the body to group and study medicine. Concerning an industry you might want to know where on the world goods are distributed.” WSW
— Location is the X/Y position in the context of a representation
— In the most abstract sense, the X and Y positioning of any object on a plane is a purely visual distinction
— Location can be used to organize information a geographical region (states, countries)
— Location can be used in relation to an object (such as the body)
![Page 27: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/27.jpg)
Kahn+Associates | 27
Alphabet
— “Alphabet is best used when you have enormous amount of data. For example words in a dictionary or names in a telephone. As usually everybody is familiar with the Alphabet, categorizing by Alphabet is recommendable when not all the audience is familiar with different kind of groupings or categories you could use instead.” WSW
— Reference to the order sequence of the letters in an alphabet
— Common 26 letter European alphabet
— Alphabetic order varies according to language
![Page 29: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/29.jpg)
Kahn+Associates | 29
Metropolitan Museum Timeline of Art History
![Page 30: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/30.jpg)
Kahn+Associates | 30
Time
“Time is the best form of categorization for events that happen over fixed durations. Meeting schedules or our calendar are examples. The work of important persons might be displayed as timeline as well. Time is an easily framework in which changes can be observed and comparisons made.” WSW
— Absolute reference to actual event in time
— Sequence of events in linear time, hours, days, months, years, decades, centuries
— Potential for cycle as well as sequence
![Page 31: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/31.jpg)
Kahn+Associates | 31
Horizontal: time
Vertical: categories
Result: co-existence of Categories in Time
![Page 33: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/33.jpg)
![Page 34: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/34.jpg)
Kahn+Associates | 34
Category
— “Category is an organization type often used for goods and industries. Shops and services in the yellow pages are easy to find by category. Retail stores are divided into e.g. men- and woman-clothing. This mode works well to organizing items of similar importance.” Wurman
— Categories are determined by similar content
— Each category is at the same level (“similar importance”)
![Page 35: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/35.jpg)
New York Times Blog Directory, November 2010
![Page 36: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/36.jpg)
Library of Congress American Memory: category as topic
Kahn+Associates | 36
![Page 37: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/37.jpg)
Kahn+Associates | 37
![Page 38: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/38.jpg)
Kahn+Associates | 38
Hierarchy
“Hierarchy organizes by magnitude. From small to large, least expensive to most expensive, by order of importance, etc. Hierarchy is to be used if you want to assign weight or value to the ordered information.” WSW
— Organized by sequence of importance
— Recursive sequence of whole to part, largest to smallest
— Organizing in nested containers: 1st thing contains 2nd thing leads to 3rd thing
![Page 39: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/39.jpg)
Great Chain of Being
— God & angels
— Mankind
— Creatures of the Air
— Creatures of the Sea
— Creatures of the Land
— Plants
— Satin & the Damned
Kahn+Associates | 39
![Page 40: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/40.jpg)
Kahn+Associates | 40
![Page 41: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/41.jpg)
Kahn+Associates | 41
A Sixth Method: Common Focus
— Organizing information based on user interaction
— Currently viewed
— Most discussed
— Most popular
— People who bought this item also bought…
— Based on what you looked at before…
![Page 42: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/42.jpg)
Kahn+Associates | 42
Le Monde: Most commented / Most emailed
![Page 43: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/43.jpg)
Kahn+Associates | 43
Amazon.com: encouraging related purchasing + exposing common purchase behavior
![Page 44: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/44.jpg)
Maps & Diagrams | September 2011 | 44
Visualizing structures
The role of visualization / mapping
— Visualization follows analysis
— Visualization unites the members of the team
— Visualization comes before wireframes
— Visualization comes before design
![Page 45: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/45.jpg)
Maps & Diagrams | September 2011 | 45
What is a map?
— « La Carte est un secours que l'on fournit par les yeux à
l'imagination. »
(The map is a help provided to the imagination through the eyes.)
Henri Abraham Châtelain, Atlas historique, 1705
— “The map is not the territory.”
Alfred Korzybski, Science and Sanity, 1933
— “Information is a difference that makes a difference.”
Gregory Bateson
![Page 46: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/46.jpg)
— Sequentielle : organiser les éléments selon une séquence temporelle. Corporate intranet management process for Schlumberger
Maps & Diagrams | January 2011 | 46
![Page 49: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/49.jpg)
Comparaison de sites Internet | Dec 2003 | 49
![Page 50: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/50.jpg)
Site Internet de la BnF | mars 2004 | 50
Production et
contenu :
![Page 51: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/51.jpg)
![Page 52: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/52.jpg)
![Page 53: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/53.jpg)
Information Architecture | Paul Kahn| 53
![Page 54: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/54.jpg)
Information Architecture | Paul Kahn| 54
![Page 56: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/56.jpg)
Information Architecture | Paul Kahn| 56
![Page 57: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/57.jpg)
Company Overview | April 2002 | 57
![Page 60: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/60.jpg)
Assignment: Diagram a “typical” Gmail user session
— Create 6 groups of 4 students
— Select a version of the Gmail UI on any web browser and mobile device
— Each group will create one persona and user scenario
— Example persona/scenario: 1) Web Browser: Jean-Francois looks to see if Svetlana is on Gmail, calls her using video chat, invites her to see a film and sends her a link to the a movie trailer. 2) Iphone Gmail: Nicolas reads his email on the bus, archives the unwanted messages, reads a message from Danielle, replies with a photograph. 3) Web Browser: James wants to sort his email. He searches for all messages from or about ENSAD, chooses messages, creates and assigns a new label.
Kahn+Associates | 60
![Page 61: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/61.jpg)
Assignment: Diagram a “typical” Gmail user session
— Create a diagram or series of diagrams that represent the interactions between the persona and the software application.
— Your diagram must show how the persona accomplishes this series of tasks.
— Your diagrams should communicate
• User input
• Types of user interaction:
• checkbox, click, drag, type, etc.
• Types of application response:
• user feedback, change in screen content, highlighting, etc.
Kahn+Associates | 61
![Page 62: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/62.jpg)
![Page 63: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/63.jpg)
Kahn+Associates | 63
![Page 64: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/64.jpg)
Kahn+Associates | 64
![Page 65: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/65.jpg)
Kahn+Associates | 65
![Page 66: Instant information architecture ensad](https://reader033.fdocuments.in/reader033/viewer/2022052523/55521607b4c90520548b4938/html5/thumbnails/66.jpg)