bookslope
1

2

http://www.netyear.net/
3

http://www.netyear.net/
4

5

6

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.
Concrete Completion
Web as software interface Web as hypertext system
Visual Design: visual treatment of text,
Visual Design
Visual Design: graphic treatment of interface
graphic page elements and navigational
elements (the \"look\" in \"look-and-feel\")
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
Interface Design Navigation Design
user interaction with functionality through the information architecture
Information Design
Information Design: in the Tuftean sense: Information Design: in the Tuftean sense:
designing the presentation of information designing the presentation of information
to facilitate understanding to facilitate understanding
Interaction Information
Interaction Design: development of
Information Architecture: structural design
time
Design Architecture
application flows to facilitate user tasks,
of the information space to facilitate
defining how the user interacts with
intuitive access to content
site functionality
Functional Content
Functional Specifications: \"feature set\": Content Requirements: definition of
detailed descriptions of functionality the site content elements required in the site
Specifications Requirements
must include in order to meet user needs in order to meet user needs
User Needs: externally derived goals User Needs: externally derived goals
User Needs
for the site; identified through user research, for the site; identified through user research,
ethno/techno/psychographics, etc. ethno/techno/psychographics, etc.
Site Objectives
Site Objectives: business, creative, or other Site Objectives: business, creative, or other
internally derived goals for the site internally derived goals for the site
task-oriented information-oriented
Abstract Conception
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/
7

What is information architecture?
http://www.library.nd.edu/daiad/morgan/musings/rosenfeld-wodtke/index.shtml
8

9

10

11

12

13

14

15

16

adaptive path the nine pillars of successful web teams
http://www.adaptivepath.com/publications/essays/archives/000242.php
17

adaptive path the nine pillars of successful web teams
Strategy
http://www.adaptivepath.com/publications/essays/archives/000242.php
18

adaptive path the nine pillars of successful web teams
/
http://www.adaptivepath.com/publications/essays/archives/000242.php
19

20

21

22

IAI in Japanese | IA
http://iainstitute.org/ja/translations/000305.html
23

IAI in Japanese | IA
Big IA
Little IA
http://iainstitute.org/ja/translations/000305.html
24

IAI in Japanese | IA
Big IA
http://iainstitute.org/ja/translations/000305.html
25

IAI in Japanese | IA
Little IA
http://iainstitute.org/ja/translations/000305.html
26

[BEEP]: T-model: Big IA is now UX
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
27

[BEEP]: T-model: Big IA is now UX
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
28

[BEEP]: T-model: Big IA is now UX
Fields
Related
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
29

[BEEP]: T-model: Big IA is now UX
IA
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
30

[BEEP]: T-model: Big IA is now UX
Fields
Related
IA
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
31

[BEEP]: T-model: Big IA is now UX
UX
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
32

[BEEP]: T-model: Big IA is now UX
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
33

[BEEP]: T-model: Big IA is now UX
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
34

[BEEP]: T-model: Big IA is now UX
UX
http://www.peterboersma.com/blog/2004/11/t-model-big-ia-is-now-ux.html
35

Web Design Skills: Your Take : D. Keith Robinson's Asterisk
http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take
36

Web Design Skills: Your Take : D. Keith Robinson's Asterisk
http://www.7nights.com/asterisk/archives05/2005/05/web-design-skills-your-take
37

Thank U
38