info architecture

17
Information architecture Organizing and categorizing website content

Upload: gerson-abesamis

Post on 24-May-2015

359 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Info Architecture

Information architectureOrganizing and categorizing website content

Page 2: Info Architecture

5 Basic steps1. Content inventory

2. Establishing a hierarchical outline

3. Chunking

4. Drawing diagrams

5. Analysis through testing

Page 3: Info Architecture

Content inventory

• Detailed listing of all content in the site• Major database for all the pages• Usually tabulated in spreadsheets

Page 4: Info Architecture

The Content inventory sheet

1. Unique ID number

2. Page title

3. Page template or type

4. URL

5. General type of content

6. Person responsible for content

7. Keep/revise/discard decisions

8. Create content?

9. Review statusFrom the Web Style Guide 3rd Ed. (2009)

Page 5: Info Architecture

Hierarchical outline

• Ranking the importance of each piece of information

• From broad overviews to specific submenus

• Taxonomy: use of descriptive terms• Controlled vocabulary

Page 6: Info Architecture

Five hat tricksto organize information

1. Category

2. Time

3. Location

4. Alphabetic

5. Continuum

From Information Anxiety (1989): Wurman, R.

Page 7: Info Architecture

Other strategies

• Brainstorming• Card sorting• White-board sessions• Paradigm-setting

Page 8: Info Architecture

Common site organizations

• Identity• Navigation• Novelty• Org chart• Service• Flashy• Tool-oriented

Page 9: Info Architecture

CHUNKING INFORMATION

• Modular chunks• Logically organized• Convenient for readers

Page 10: Info Architecture

SITE STRUCTURE

• Organization of pages• The users predict on where to find things• Leading through logic, consistency and

familiarity

Page 11: Info Architecture

Confusing mental models

Page 12: Info Architecture

Browsing functionality

Page 13: Info Architecture

STRUCTURAL THEMES

• Sequences• Hierarchies• Webs

Page 14: Info Architecture

SEQUENCES

Page 15: Info Architecture

hierarchies

Page 16: Info Architecture
Page 17: Info Architecture

WEBS