U X & D E S I G N M Y T H SA Q U I C K R U N T H R O U G H

# 1 P E O P L E R E A D O N T H E W E BM Y T H # 1 ( W E A L R E A D Y K N O W T H I S )

A L L PA G E S S H O U L D B E A C C E S S I B L E I N 3 C L I C K S

M Y T H # 2

UIE Studies; Testing the Three-Click Rule or The 3 Click Rule on Medium

P E O P L E D O N ’ T S C R O L LM Y T H # 3

Proof: What You Think You Know About the Web Is Wrong, Unfolding the Fold

D E S I G N H A S T O B E O R I G I N A LM Y T H # 5

I F Y O U R D E S I G N I S G O O D , T H E S M A L L D E TA I L S D O N ’ T M AT T E R

M Y T H # 6

M O R E C H O I C E S A N D F E AT U R E S R E S U LT I N H I G H E R S AT I S FA C T I O N

M Y T H # 7

I C O N S E N H A N C E U S A B I L I T YM Y T H # 8

Y O U A R E L I K E Y O U R U S E R SM Y T H # 9

U S E R S M A K E O P T I M A L C H O I C E SM Y T H # 1 0

T H E H O M E PA G E / D A S H B O A R D I S T H E M O S T I M P O R TA N T PA G E

M Y T H # 1 1

Y O U D O N ’ T N E E D T H E C O N T E N T T O D E S I G N

M Y T H # 1 2

P E O P L E C A N T E L L Y O U W H AT T H E Y W A N T

M Y T H # 1 3

A E S T H E T I C S A R E N O T I M P O R TA N T I F Y O U H AV E G O O D U S A B I L I T Y

M Y T H # 1 4

U X D E S I G N I S A B O U T U S A B I L I T YM Y T H # 1 5

P E O P L E A R E R AT I O N A LM Y T H # 1 6

The Elements of User ExperienceA basic duality: The Web was originally conceived as a hypertextual information space;but the development of increasingly sophisticated front- and back-end technologies hasfostered 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 beyondthe scope of its original application. The goal of this document is to define some of theseterms within their appropriate contexts, and to clarify the underlying relationships amongthese various elements.

Jesse James Garrettjjg@jjg.net

Visual Design: graphic treatment of interfaceelements (the "look" in "look-and-feel")

Information Architecture: structural designof the information space to facilitateintuitive access to content

Interaction Design: development ofapplication flows to facilitate user tasks,defining how the user interacts withsite functionality

Navigation Design: design of interfaceelements to facilitate the user's movementthrough the information architectureInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding

Functional Specifications: "feature set":detailed descriptions of functionality the sitemust include in order to meet user needs

User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site

Content Requirements: definition ofcontent elements required in the sitein order to meet user needs

Interface Design: as in traditional HCI:design of interface elements to facilitateuser interaction with functionalityInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding

Web as software interface Web as hypertext system

Visual Design: visual treatment of text,graphic page elements and navigationalcomponents

Concrete

Abstract

time

Conception

Completion

FunctionalSpecifications

ContentRequirements

InteractionDesign

InformationArchitecture

Visual Design

Information DesignInterface Design Navigation Design

Site ObjectivesUser Needs

User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site

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 auser experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.

task-oriented information-oriented

30 March 2000

© 2000 Jesse James Garrett http://www.jjg.net/ia/

U X D E S I G N I S A S T E P I N A P R O C E S SM Y T H # 1 7

U X I S C O M M O N S E N S EM Y T H # 1 8

U X I S J U S T I N T E R A C T I O N D E S I G NM Y T H # 1 9

U X I S T H E S A M E A S U IM Y T H # 2 0

( C O N T )

P E O P L E D O N ’ T C H A N G EM Y T H # 2 1

U X E N D S W H E N T H E U S E R L E AV E SM Y T H # 2 2

T H A N K S .

Fin