The document provides an introduction to user experience (UX), defining its components such as research, information architecture, user interface, and usability. It outlines when to involve UX in agency workflows, emphasizing continuous engagement, and details various techniques and artifacts involved in each phase of the UX process. The document also highlights the importance of testing and iterative refinement to enhance user experience.

1. An Introduction to UXand when to engage in an agency workflow

2. The grandfather of all UX diagrams:
1. The Elements of User Experience: User-Centered Design for the Web, Jessie James Garret, 2000
An Introduction to User Experience

3. If you ask five different
UX Designers to explain
user experience,
you would get
five different
answers.
2. http://fule918.wordpress.com/2011/10/19/usability-user-experience/
An Introduction to User Experience

4. There are numerous
overlapping disciplines
and concentrations in
User Experience…
3. http://www.studioaum.in/service_ux.html
An Introduction to User Experience

5. 4. http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html
…which can be as
varied and
complex as your
needs.
But thankfully, this is
just an introduction.
An Introduction to User Experience

6. So what is UX?
An Introduction to User Experience

7. UX ≠ UI
Research +
Information Architecture (IA) +
User Interface (UI) +
Usability +
Testing =
User Experience (UX)
An Introduction to User Experience

8. Research
Identifying client goals and user needs
to develop a strategy that balances the
two.
Techniques
• Interviews, surveys, and questionnaires
• Trend reports, white papers, and statistics
• Peer to peer networking and resources
Artifacts
• Digital Project Brief (DPB)
• Scope of Work (SOW)
• Business Requirements Document (BRD)
An Introduction to User Experience

9. Information Architecture
The organization of information into an
understandable, intuitive structure that
allows for simplified task completion.
Techniques
• Card sorting
• White boarding
Artifacts
• Site Maps
• Wire Frames
• User Flows
An Introduction to User Experience

10. User Interface
The layer through which an individual
interacts with a system or product.
UI Design specifically deals with the visual
look and feel of the product product.
Hallmarks
• Branding
• Aesthetics
• Imagery
• Emotion
An Introduction to User Experience

11. Usability
“The extent to which a product can be used
by specified users to achieve specified goals
with effectiveness, efficiency, and
satisfaction in a specified context of use.”5
Hallmarks
• Intuitive Navigation
• Locational awareness
• Clear Information Hierarchy
• Typography
An Introduction to User Experience
5. International standards for HCI and usability, ISO 9241-11: Guidance on Usability (1998)

12. Testing
The ability to quantify results, validate
assumptions, and identify problems
through the analysis of user data.
The information and insight gained from
testing will help guide the iterative
refinement of solutions.
Techniques
• Analytics
• A/B Testing
• Focus Groups
An Introduction to User Experience

13. Research
Agency Workflow*
UserDevArtCopyAEClient
Testing
UX =
UsabilityUIIA
When to Engage UX?
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

14. UserDevArtCopyAEClient
UX works with AE to conduct RESEARCH
UX =
TestingUsabilityUIIAResearch
Agency Workflow*
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

15. Agency Workflow*
UserDevArtCopyAEClient
Results are used to develop content strategy
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

16. Agency Workflow*
UserDevArtCopyAEClient
UX works with Copy to produce IA
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

17. Agency Workflow*
UserDevArtCopyAEClient
UX creates wireframes for Art
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

18. Agency Workflow*
UserDevArtCopyAEClient
Art produces the UI
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

19. Agency Workflow*
UserDevArtCopyAEClient
UX uses UI to create FRD for Dev
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

20. Agency Workflow*
UserDevArtCopyAEClient
UX works with Dev to ensure USABILITY
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

21. Agency Workflow*
UserDevArtCopyAEClient
Usability allows Users to complete tasks
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

22. Agency Workflow*
UserDevArtCopyAEClient
Testing is used to determine areas of improvement
UX =
TestingUsabilityUIIAResearch
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
An Introduction to User Experience

23. Agency Workflow*
UserDevArtCopyAEClient
UX =
*Diagram is representative of directional responsibility and does not represent client approvals, editorial review, legal review, or development cycles.
TestingUsabilityUIIAResearch
When to Engage UX? Always.
An Introduction to User Experience

24. An Introduction to User Experience
Quick Questionnaire:
What’s the difference between UI and UX?
Who helps UX produce the IA?
What is the FRD, and what is it used for?
When should you engage UX?