SlideShare une entreprise Scribd logo
1  sur  1
Télécharger pour lire hors ligne
Jesse James Garrett
The Elements of User Experience                                                                                                                                    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 quot;lookquot; in quot;look-and-feelquot;)
                                                                                                                                   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




                                                                                                                        time
                                                                                                                                   Information Architecture: structural design
application flows to facilitate user tasks,
                                                                       Design     Architecture                                     of the information space to facilitate
defining how the user interacts with
                                                                                                                                   intuitive access to content
site functionality

Functional Specifications: quot;feature setquot;:                                                                                          Content Requirements: definition of
                                                                      Functional      Content
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
for the site; identified through user research,                                                                                    for the site; identified through user research,
                                                                               User Needs
ethno/techno/psychographics, etc.                                                                                                  ethno/techno/psychographics, etc.
Site Objectives: business, creative, or other                                                                                      Site Objectives: business, creative, or other
                                                                         Site Objectives
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/

Contenu connexe

Tendances

"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927Takashi Sakamoto
 
Enterprise 2.0 Musings
Enterprise 2.0 MusingsEnterprise 2.0 Musings
Enterprise 2.0 Musingskarthikr
 
The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience brandextract
 
MWLUG - If You Build It Will They Come: Driving User Adoption for Social Sof...
MWLUG - If You Build It Will They Come:  Driving User Adoption for Social Sof...MWLUG - If You Build It Will They Come:  Driving User Adoption for Social Sof...
MWLUG - If You Build It Will They Come: Driving User Adoption for Social Sof...Lisa Duke
 
IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)Do Hyun Kim
 
IBM Open Doors Workshop Master vUpload
IBM Open Doors Workshop Master vUploadIBM Open Doors Workshop Master vUpload
IBM Open Doors Workshop Master vUploadEverton Lewis
 
Brokerage 2007 presentation hci
Brokerage 2007 presentation hciBrokerage 2007 presentation hci
Brokerage 2007 presentation hciimec.archive
 

Tendances (10)

"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927
 
Enterprise 2.0 Musings
Enterprise 2.0 MusingsEnterprise 2.0 Musings
Enterprise 2.0 Musings
 
The Elements of User Experience
The Elements of User Experience The Elements of User Experience
The Elements of User Experience
 
MWLUG - If You Build It Will They Come: Driving User Adoption for Social Sof...
MWLUG - If You Build It Will They Come:  Driving User Adoption for Social Sof...MWLUG - If You Build It Will They Come:  Driving User Adoption for Social Sof...
MWLUG - If You Build It Will They Come: Driving User Adoption for Social Sof...
 
IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)IBM Social Portal 2012 (Korean)
IBM Social Portal 2012 (Korean)
 
IBM Open Doors Workshop Master vUpload
IBM Open Doors Workshop Master vUploadIBM Open Doors Workshop Master vUpload
IBM Open Doors Workshop Master vUpload
 
Qooxdoo at B::IT
Qooxdoo at B::ITQooxdoo at B::IT
Qooxdoo at B::IT
 
Zipadi overview
Zipadi overviewZipadi overview
Zipadi overview
 
Brokerage 2007 presentation hci
Brokerage 2007 presentation hciBrokerage 2007 presentation hci
Brokerage 2007 presentation hci
 
Web crm one 2.0
Web crm one 2.0Web crm one 2.0
Web crm one 2.0
 

En vedette

PresentacióN Curso Internet
PresentacióN Curso InternetPresentacióN Curso Internet
PresentacióN Curso Internetguestd64abb
 
FairShare_Morningstar_022607
FairShare_Morningstar_022607FairShare_Morningstar_022607
FairShare_Morningstar_022607webuploader
 
Michael_Hulme_Banff_Social_Networking
Michael_Hulme_Banff_Social_NetworkingMichael_Hulme_Banff_Social_Networking
Michael_Hulme_Banff_Social_Networkingwebuploader
 
LiveseyMotleyPresentation
LiveseyMotleyPresentationLiveseyMotleyPresentation
LiveseyMotleyPresentationwebuploader
 
cyberSecurity_Milliron
cyberSecurity_MillironcyberSecurity_Milliron
cyberSecurity_Millironwebuploader
 

En vedette (7)

PresentacióN Curso Internet
PresentacióN Curso InternetPresentacióN Curso Internet
PresentacióN Curso Internet
 
FairShare_Morningstar_022607
FairShare_Morningstar_022607FairShare_Morningstar_022607
FairShare_Morningstar_022607
 
Michael_Hulme_Banff_Social_Networking
Michael_Hulme_Banff_Social_NetworkingMichael_Hulme_Banff_Social_Networking
Michael_Hulme_Banff_Social_Networking
 
PJO-3B
PJO-3BPJO-3B
PJO-3B
 
LiveseyMotleyPresentation
LiveseyMotleyPresentationLiveseyMotleyPresentation
LiveseyMotleyPresentation
 
socialpref
socialprefsocialpref
socialpref
 
cyberSecurity_Milliron
cyberSecurity_MillironcyberSecurity_Milliron
cyberSecurity_Milliron
 

Similaire à Elements

The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User ExperienceBen van de Sande
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User ExperienceMichael Grillhösl
 
Elements
ElementsElements
Elementskaa kaa
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web DesignDan Dixon
 
In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...Peter Merholz
 
STI, MetaRational #2
STI, MetaRational #2STI, MetaRational #2
STI, MetaRational #2João Ramos
 
UX in Italia: idee e futuro
UX in Italia: idee e futuroUX in Italia: idee e futuro
UX in Italia: idee e futuroAlberto Mucignat
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introductionTaewon Eom
 
Elementos da experiência do usuário
Elementos da experiência do usuárioElementos da experiência do usuário
Elementos da experiência do usuárioJonathan Prateat
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User ExperienceJeremy Johnson
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentAnies Syahieda
 
what is interaction design
what is interaction designwhat is interaction design
what is interaction designAynne Valencia
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experienceNick Finck
 
User Experience (UX) Design Process
User Experience (UX) Design ProcessUser Experience (UX) Design Process
User Experience (UX) Design ProcessJonathan Lupo
 
User Experience Design [UXD]
User Experience Design [UXD]User Experience Design [UXD]
User Experience Design [UXD]Divya Bhatia
 

Similaire à Elements (20)

The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Elements
ElementsElements
Elements
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Elements
ElementsElements
Elements
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...
 
Wk08 Best Practice
Wk08 Best PracticeWk08 Best Practice
Wk08 Best Practice
 
STI, MetaRational #2
STI, MetaRational #2STI, MetaRational #2
STI, MetaRational #2
 
UX in Italia: idee e futuro
UX in Italia: idee e futuroUX in Italia: idee e futuro
UX in Italia: idee e futuro
 
Lean UX
Lean UXLean UX
Lean UX
 
User Research 1 : UX introduction
User Research 1 : UX introductionUser Research 1 : UX introduction
User Research 1 : UX introduction
 
Elementos da experiência do usuário
Elementos da experiência do usuárioElementos da experiência do usuário
Elementos da experiência do usuário
 
Introducing User Experience Design
Introducing User Experience Design Introducing User Experience Design
Introducing User Experience Design
 
Elements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James GarrettElements of User Experience by Jesse James Garrett
Elements of User Experience by Jesse James Garrett
 
Putting the "User" back in User Experience
Putting the "User" back in User ExperiencePutting the "User" back in User Experience
Putting the "User" back in User Experience
 
Scct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopmentScct2013 topic5-introto applicationdevelopment
Scct2013 topic5-introto applicationdevelopment
 
what is interaction design
what is interaction designwhat is interaction design
what is interaction design
 
How content strategy fits into the user experience
How content strategy fits into the user experienceHow content strategy fits into the user experience
How content strategy fits into the user experience
 
User Experience (UX) Design Process
User Experience (UX) Design ProcessUser Experience (UX) Design Process
User Experience (UX) Design Process
 
User Experience Design [UXD]
User Experience Design [UXD]User Experience Design [UXD]
User Experience Design [UXD]
 

Dernier

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfhans926745
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 

Dernier (20)

Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

Elements

  • 1. Jesse James Garrett The Elements of User Experience 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 quot;lookquot; in quot;look-and-feelquot;) 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 time Information Architecture: structural design application flows to facilitate user tasks, Design Architecture of the information space to facilitate defining how the user interacts with intuitive access to content site functionality Functional Specifications: quot;feature setquot;: Content Requirements: definition of Functional Content 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 for the site; identified through user research, for the site; identified through user research, User Needs ethno/techno/psychographics, etc. ethno/techno/psychographics, etc. Site Objectives: business, creative, or other Site Objectives: business, creative, or other Site Objectives 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/