This document discusses the elements of user experience (UX) design. It explains that UX focuses on understanding users and their needs. The key elements of UX design are identified as strategy, scope, structure, skeleton, and surface. Strategy involves understanding user needs and objectives. Scope defines functional requirements and content. Structure determines interaction design and information architecture. Skeleton comprises interface and navigation design. Surface involves visual design elements. The goal of UX design is to create a positive experience that meets both user and business goals.

1. THE ANATOMY OF USER
EXPERIENCE
THE ART OF MAKING GOOD: QA & UX (1)

3. ➤ What user experience (UX) is
➤ The elements of user
experience:
strategy
scope
structure
skeleton
surface
I WILL TALK ABOUT:

4. The quality of experience a
person has when interacting
with a specific design.
(interaction-design.org)
WHAT USER EXPERIENCE IS
UX is not about good
industrial design, multi-
touch, or fancy interfaces. It’s
about transcending the
material. It is about creating
an experience through a
device.
(Marc Hassenzahl)
UX focuses on having a
deep understanding of users,
what they need, what they
value, their abilities, and also
their limitations.
(usability.gov)
user experience = the sum of
a series of interactions
(fatdux.com)
UX

5. “UX simply refers to the way a product
behaves and is used in the real world.
A positive UX is one in which the goals
of both the user and the organizations
that created the product are met.
-Jeese James Garrett

6. valuable
desirable
accesible
crediblefindable
usable
useful
a. User Experience honeycomb

7. WHY SHOULD WE CARE ABOUT UX?
➤ for increasing the user’s experience
and for a better product.
➤ the users who will use the product
have:
good experiences;
neutral experiences;
bad experiences.
➤ what the users want:
“my device, my way” (Joe Natoli);
needs to be met;
questions to be answered;
to be treated with respect.
What are the specs of
this Nikon camera?
I want to acces the
website from my tablet,
too.
I need to buy a camera.

8. THE ELEMENTS OF USER EXPERIENCE
➤ Strategy: is where it all begins. What do we want to get out of the
site? What do our users want?
➤ Scope: transforms strategy into requirements. What features will
the site need to include?
➤ Structure: gives shape to scope. How will the pieces of the site fit
together and behave?
➤ Skeleton: makes structure concrete: what components will enable
people to use this site?
➤ Surface: brings everything together visually: what will the
fininshed product look like?

9. STRATEGY
➤ Is about the user needs and
product objectives.
➤ Product objectives
equilibrium between
product objectives: not too
specific, not too general;
brand indentity: not just
visual, but also the
impression about the
organization;
success metrics - concrete
indicators (e.g. launch of
redesigned Website).

10. ➤ User needs
we aren’t designing for ourselves;
we are designing for other people user segmentation: more
pshycographic, than demographic ;
usability and user research;
persona.

11. b. Persona example

12. SCOPE
➤ Is about the functional
specifications and content
requirements.
➤ Functional specifications
describe the feature set of the
product - what are we creating?
➤ Content requirements detail
what information is required to
provide value to users. For
example: images, audio, video,
dynamic, real time data.
➤ Requirements need to be
prioritized.
• ————
• ————
• ————
• ————
• ————
• ————
• ————
• ————
• ————
• ————
• ————
• ————

13. STRUCTURE
➤ Is about interaction design and
information architecture.
➤ Interaction design (IxD): structured
experience of patterns and
sequences that present
appropriate options to users.
➤ IxD’s principles: consistent,
predictible, feedback, learnable
and visible.
➤ Information architecture (IA)
define the volume of content,
along with how it’s arranged and
organized - on each screen as
well as across the entire product.

14. SKELETON
➤ Is about interface design and
navigation design.
➤ Interface design determines
how to best arrange and
present visual elements for
the user to interact with.
➤ Navigation design provides
onscreen elements that
allow the user to move
through task and
information in an intuitive
way.

15. SURFACE
➤ Is about virtual design.
➤ Virtual design uses colors,
images, typography and effects;
each speciality chosen to:
support and reinforce the meaning
of the content being presented;
guide to user where applicable
through data, tasks and
information;
reduce cognitive load and enable
recognition and intuitive learning;
be culturally/socially appropriate
(to the type of audience).

16. QUESTIONS?

17. BIOGRAPHY & RESOURCES
➤ “User experience design fundamentals” course taught by Joe Natoli
➤ “The elements of user experience” by Jesse James Garrett
➤ interaction-design.org
➤ http://www.slimbooks.com
➤ https://www.linkedin.com/pulse/usability-versus-user-experience-hannes-
robier
➤ http://asystems.as/products-assessments/abstract-reasoning-test
➤ http://fakecrow.com
➤ http://www.sapuxdome.com/tag/sap-ux-strategy/
➤ https://dribbble.com/shots
➤ http://popista.com/mobile-app-navigation-design/early-main-navigation-
design/30738
➤ http://haroldweaver.co