Some describe it as making things enjoyable and easy to use. Others describe it as all of the elements that impact one’s perception of a product or system. From information architecture, to user research, to user testing, this presentation is about what UX is and why it should be an integral part of every website or application project.

1. how i stopped worrying and
learned to love my audience
AN INTRO
TO UX *
*user experience

2. a bit about me:
• User Experience Strategist @ IDEA
• Based in Houston, TX
• Over 10 years working on the web
• Worked with such brands as HP,
WM, Reliant Energy, HBO, Mattel,
Sony Pictures, Conoco Phillips,
American Greetings, etc.
• I’ve been an animator, designer,
developer

3. What is UX (User Experience)?

4. What is UX (User Experience)?
UX Defined
“User Experience (abbreviated: UX) is the quality
of experience a person has when interacting with a
specific design.This can range from a specific artifact,
such as a cup, toy or website, up to larger, integrated
experiences such as a museum or an airport.”
-User Experience Network (www.uxnet.org)

5. What is UX (User Experience)?
Target ClearRX

6. What is UX (User Experience)?
UX encompasses:
• Accessibility
• Information Architecture
• Information Design
• Interaction Design
• User Research
• Usability
• User Interface Design
• ...to name a few.

7. What is UX (User Experience)?
Heuristics

8. What is UX (User Experience)?
UX is not something that is
implemented, but rather a
philosophy that is adopted through
every step of a project’s lifecycle.

9. It’s All About Users

10. It’s All About Users
Tec
ls
oa
Strategy Function
h
G
nic
ss
al G
ne
si
Sweet
oa
Bu
ls
Spot
Customer Goals
Conversation

11. Identify Problems Before Defining Solutions

12. Identify Problems Before Defining Solutions
“Design, by very definition, is the act of solving
problems. In order for anything to be designed well, we
must first identify the problems we are trying to solve
and the goals we are trying to reach.”
-Jeff Croft
Web Designer, Blue Flavor

13. Identify Problems Before Defining Solutions

14. Identify Problems Before Defining Solutions

15. UX First Steps: Information Architecture

16. UX First Steps: Information Architecture

17. UX First Steps: Information Architecture
Site Map

18. UX First Steps: Information Architecture

19. UX First Steps: Information Architecture
User Flow
A
B

20. UX First Steps: Information Architecture
User Flow
A
B B
B B
B

21. UX First Steps: Information Architecture

22. UX First Steps: Information Architecture
Benefits of Site Maps and User Flows:
• Helps determine project scope
• Helps point out trouble areas or components that
need to be better thought out
• Establishes the user or process as a prominent
aspect of the planning stage
• Enables the modeling of high-level relationships
between major user interface elements bringing to
light fundamental usability questions.

23. UX First Steps: Information Architecture
Wireframes = Blueprints

24. UX First Steps: Information Architecture
WM Resi-Perm Site: Recurring Services Select Page Wireframe
Chat
Branding
Shopp ng Cart Recurring services
1.0
starts with the baseline
Curbside service. As
Recurring Services the order progresses,
1.0
the appropriate service
Yard &
type is highlighted.
Curbside Recycling Food
Waste Yearly price is
1.1
1.2 presented for
1.1 comparison to upsell the
Monthly Yearly Your Order
Select / Service / Price / Price yearly 'subscription'
model.
Service Selected $0.00
Service Title $0.00 $0.00
Service Description Service Selected $0.00 Order tally area keeps a
1.2
running total of current
Service Selected $0.00 order and, where
Service Title $0.00 $0.00 applicable, a yearly
Service Description Total $0.00
service total is
15% Discount for presented with a cta to
Service Title $0.00 $0.00 switch to yearly service
Yearly Service
Service Description
User can opt to
$0.00 1.3
Service Title $0.00 $0.00 checkout immediately or
Service Description continue through the
Switch to Yearly Service recurring services
process
1.3
User can, at any time
Checkout Continue 1.4
during the process,
switch over to one-time
go to one-time services >
1.4 services.
FAQ | Sitemap | Privacy Statement | Legal Notice

25. UX First Steps: Information Architecture
Benefits of Wireframes:
• Helps determine project scope
• Helps point out trouble areas or components that
need to be better thought out
• The first visualization of the User Interface and
major interactive components
• Serves as a blueprint for both designers and
developers
• Gives the client something they can relate to early
in the project lifecycle

26. UX In Action: Usability Testing

27. UX In Action: Usability Testing

28. UX In Action: Usability Testing
Many kinds of Usability Testing
Face-to-Face Remote
Paper
Card Sort
Prototype

29. UX In Action: Usability Testing
Metrics of success (or failure)

30. UX In Action: Usability Testing
Benefits of Usability Testing:
• Provides user feedback early in the development process
• Promotes rapid iterative development
• Multiple versions of layout and functionality can be tested
against each other with little impact on the project cycle
• Provides actionable data that can inform decision making
• Facilitates communication between the development team
and customers
• Encourages creativity in the development process

31. The ROI of UX

32. The ROI of UX
A positive user experience equals brand
enhancement. A negative one leads to
brand diminishment

33. The ROI of UX
Identifying the links
Business User Behavior Value Financial
Problem Behavior Metric Metric Metric

34. The ROI of UX
Identifying the links
Web Metrics- the foundation for
Business
Problem understanding user behavior
User
Behavior
Behavior
Metric
Value
Metric
Financial
Metric

35. The ROI of UX
Identifying the links
Web Metrics- the foundation for
Business
Problem understanding user behavior
User
Behavior Indicators of user behavior- User Testing
Behavior
Metric
Value
Metric
Financial
Metric

36. The ROI of UX
Identifying the links
Web Metrics- the foundation for
Business
Problem understanding user behavior
User
Behavior Indicators of user behavior- User Testing
Behavior
Metric
Quantify the value of a
Value specific user behavior
Metric
Financial
Metric

37. The ROI of UX
Identifying the links
Web Metrics- the foundation for
Business
Problem understanding user behavior
User
$
Behavior Indicators of user behavior- User Testing
Behavior
Metric
Quantify the value of a
specific user behavior
$$
Value
Metric
Financial
Metric

38. Should I even bother with UX?

39. Should I even bother with UX?
As firms grow more savvy at
executing online strategies, it is a
question worth answering — the
future of your Web site, and of
your company, may depend on it.

40. thank you.

41. How I stopped worrying and learned to
love my audience: An intro to UX
Michael Dunn, September 9th, 2009
http://www.slideshare.net/thFOOL
http://www.ideaii.com
michael.dunn@idea.com