[email protected] 1 information architecture designing and organising digital information...

47
1 [email protected] Information Information Architecture Architecture Designing and Organising Digital Information Spaces Designing and Organising Digital Information Spaces Part II. IA Building Blocks Part II. IA Building Blocks

Upload: margaretmargaret-bradley

Post on 16-Dec-2015

216 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

1

[email protected]

Information Architecture Information Architecture Designing and Organising Digital Information SpacesDesigning and Organising Digital Information Spaces

Part II. IA Building BlocksPart II. IA Building Blocks

Page 2: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

2

[email protected]

Organization – Labeling – Navigation – Search

Page 3: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

3

[email protected]

Organization Structures

Hierarchy: taxonomies, top levels, mental model

Database: structured content, metadata, facets, relationships

Hypertext: cross-references, contextual

hierarchy

database

hypertext

Page 4: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

4

[email protected]

Organization Schemes

ExactEverything has a place.Easy to create and maintain.Great for known-item searches.e.g., white pages, geography, chronology

AmbiguousFuzzy and full of overlap.Hard to create and maintain.Great for subject searches, associative learning.e.g., yellow pages, topic, audience

Page 7: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

7

[email protected]

“Consider for example the proceedings we call games. I mean board games, card games, ball games, Olympic games, and so on. What is common to them all?”

Ludwig Wittgenstein, 1945

Philosophical Investigations

Games

Soccer

ChessSolitaire

Quake

Movies

InvestingHoroscopes

Personals

Page 9: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

9

[email protected] Resemblances

Page 10: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

10

[email protected]

green squares

orange circles

blue triangles

olive blocks

solid boxes

glass marbles

small spheres

hollow shapes

big mountains

Most categorization is automatic and unconscious.

When we define categories, we choose which attributes or properties to surface.

Page 11: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

11

[email protected]

“Categorization is not a matter to be taken lightly. There is nothing more basic than categorization to our thought, perception, action, and speech.”George Lakoff

Professor, Cognitive Linguistics

UC Berkeley

Page 12: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

12

[email protected]

Prototype Theory

• Prototype-based categories defined by fuzzy cognitive models rather than objective rules.

Family Resemblances

• Members may be related without all members sharing any common property.

Centrality

• Some members may be better examples

Membership Gradience

• Some categories have degrees of membership and no clear boundaries

Basic Level Primacy

• A psychologically basic (folk-generic) level in the hierarchy. Optimal for learning, recognition, memory, knowledge organization.

Page 13: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

13

[email protected]

Robin

Ostrich

Bat

Core

Peripheral

External

Page 14: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

14

[email protected]

Kingdom Animalia

Phylum Chordata

Class Mammalia

Order Cetacea

Family Delphinidae

Genus Tursiops

Species Truncatus

Suborder Odontoceti

Subphylum Vertebrata

Animal

Mammal

Whales, Dolphins

Dolphins, Killer Whales

Bottlenose Dolphin

Toothed Whales

Vertebrate

Grey Dolphin

Black Dolphin

Bottlenose Porpoise

Cowfish

Bottle-Nosed Dolphin

Atlantic Bottlenose

Pacific Bottlenose

Basic Level

Page 15: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

15

[email protected]

Kingdom Electronics

Phylum Handhelds & PDAs

Family Sony

Genus Clie

Species PEG-NZ90

Class Palm Operating Systems

Sony Clie PEG-NZ90 Handheld

Electronics > Audio & VideoElectronics > Brands > Sony Electronics > Camera & PhotoElectronics > ComputersGifts > Over $100

Basic Level

Page 16: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

16

[email protected]

Labeling

Types

Purposes

Sources

Page 18: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

18

[email protected]

Descriptive Name

A name which describes a product, service, or company. Descriptive names, such as Workgroup Server and Pacific Gas and Electric, have content, but often are not protectable and typically are not favored by trademark attorneys.

Proprietary NameA protectable name which one is able to own and trademark, as opposed to a descriptive name, which is not protectable or ownable. See Brand Name.

Suggestive NameA name built on or utilizing words or word parts which suggest or refer to the goods or services, but do not literally describe them. Oracle and Safeway are suggestive. Suggestive names are often protectable (unlike descriptive names), but may be weaker as trademarks than coined/fanciful or arbitrary names.

PsycholinguisticsThe study of how language is understood and interpreted and how and why the individual responds to discrete aspects of language.

Page 19: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

19

[email protected]

NavigationSupport task flow

Provide context and flexibility

Avoid drowning content

Where Am I?

Wha

t's N

earb

y?

What's RelatedTo What's Here?

Global Navigation

Loca

l Nav

igat

ion

Content Lives Here,With ContextualNavigation Inline

Or Separate.

Page 20: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

20

[email protected]

Local

Contextual

Page 21: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

21

[email protected]

Global

Local

Contextual

Breadcrumb

Page 22: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

22

[email protected]

Path | Location | Attribute

Page 23: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

23

[email protected]

Path | Location | Attribute

Page 24: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

24

[email protected]

Path | Location | Attribute

Page 25: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

25

[email protected] Question Mark Up on the Paper

What is this page about? Draw a rectangle around the title of the page or write it on the paper yourself

What site is this? Circle the site name, or write it on the paper yourself

What are the major sections of this site?

Label with X

What major section is this page in?

Draw a triangle around the X

What is "up" 1 level from here? Label with U

How do I get to the home page of this site?

Label with H

How do I get to the top of this section of the site?

Label with T

What does each group of links represent?

Circle the major groups of links and label. D: More details, sub-pages of this one N: Nearby pages, within same section as this page S: Pages on same site, but not as near O: Off-site pages

How might you get to this page from the site home page?

Write the set of selections as: Choice 1 > Choice 2 > .... Connect the visual elements on the page that tell you this.

Navigation Stress Test by Keith Instone > http://keith.instone.org/navstress/

Page 26: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

26

[email protected]

Nike.com > North America > USA > NikeRunning.com > Gear > Footwear > Women’s > Trail > Air Trail Pegasus

Page 27: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

27

[email protected]

HomeCamp/Hike Water Treatment Water Purifiers

Page 30: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

30

[email protected]

Supplemental NavigationSitemaps

Table of contents

Top few levels of hierarchy

Scope / organization

Exploratory browsing

IndexesA-Z index (back-of-book)

Finely grained

Relatively non-hierarchical

Known-item finding

Page 32: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

32

[email protected]

The Right Number by Scott McCloud

Page 33: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

33

[email protected]

Search

“…studies show that search is still the primary usability problem in web site design.”

Vividence Research: Common Usability Problems

1. Poorly organized search results

2. Poor information architecture

Source: Flexible Search and Navigation using Faceted Metadata (UC Berkeley SIMS)

Page 34: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

34

[email protected]

“Most of the complaints we get are due to the way users search; they use the wrong keywords.”Manufacturing Manager in Must Search Stink? by Forrester Research

Page 37: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

37

[email protected]

“I really do see the future in terms of categories and clicking. The more I watch what's happening with the evolution of web sites, the more I believe that Search is essentially an experiment that has failed.”

Jared Spool

http://www.info-arch.org/lists/sigia-l/0302/0297.html

Page 38: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

38

[email protected]

Search Systems

http://semanticstudios.com/publications/semantics/search.html

Page 47: Morville@semanticstudios.com 1 Information Architecture Designing and Organising Digital Information Spaces Part II. IA Building Blocks

47

[email protected]

Where To Find MePeter Morville

[email protected]

Semantic Studios

http://semanticstudios.com/

Asilomar Institute for Information Architecture

http://aifia.org/

Findability

http://findability.org/