A deck for the South Florida UX Meet-up on common UX Deliverables

1. User Experience Artifacts
Lauren Schaefer
South Florida UX Meetup | #SOFLUX
SPONSORED BY

2. Design is a process
Each step results in different types of artifacts

3. What is an Artifact
Noun
Any object made by
human beings, especially
with a view to
subsequent use.

4. Artifact
- vs -
Deliverable

5. Why do we
create them?

6. “A document
captures an idea”
-Dan Brown Author of
Communicating Design”

8. Fidelity
Low-Fidelity
● Unpolished
● Flexible
● Early in process
● Little commitment
● Low effort
● Empowers collaboration
● Encourages change
High-Fidelity
● Polished
● Digital
● Late in process
● Highly shared
● High effort
● Finished state
● Communicates decisions

9. Empathize

10. Experience Map
PURPOSE:
Visualize the end-to-
end experience of
general users related to
a common goal
AUDIENCE:
Team
https://blinkux.com/images/uploads/zapmap.png?r=1412267948

11. Persona
PURPOSE:
An archetype of a set of
users with similar
attitudes, goals, and
motivations
AUDIENCE:
Team
https://dribbble.com/shots/3338369-Universe-User-Personaswhat

12. Empathy Map
PURPOSE:
Create a shared
understanding of the
user/personas mindset
AUDIENCE:
Team
https://www.nngroup.com/articles/ux-mapping-cheat-sheet/

13. User/Customer
Journey/Map
PURPOSE:
Visualize the journey of
a specific customer or
persona for a specific
product or service.
AUDIENCE:
Team
https://www.fjordnet.com/workdetail/mapping-out-the-future-for-an-iconic-museum/

14. Service Blueprint
PURPOSE:
Provide an
understanding of how
the company fits into
the User Journey
AUDIENCE:
Business

15. Concept Model
PURPOSE:
The mental models of
concepts related to the
application/website
AUDIENCE:
Team
http://garyjanderson.com/

16. Ideate

17. Sketch
PURPOSE:
Quickly communicate
and validate ideas and
concepts
AUDIENCE:
Team
https://www.flickr.com/photos/rohdesign/3307874546/in/photostream/lightbox/

18. Storyboard
PURPOSE:
A visual story that
illustrates the desired
experience from the
users perspective
AUDIENCE:
Business
http://www.fabiangarzon.com/mobile_deals_2010.html

19. Mood Board
PURPOSE:
Collage of images,
content, and color that
inspires or elicits a
particular emotional
response
AUDIENCE:
Team
https://dribbble.com/shots/2701481-Hotel-Management-Company-Website-Mood-Board/attachments/545758

20. Refine

21. Flow Chart
PURPOSE:
Represent a sequence
of work the system
must support.
AUDIENCE:
Team

22. Sitemap
PURPOSE:
Show the organization
and hierarchy of a
website or application
AUDIENCE:
Team
https://dribbble.com/shots/1660727-Sitemap

23. User Flow
/Wireflow
PURPOSE:
The paths a particular
user/persona would
follow through a
website/app
AUDIENCE:
Team
https://dribbble.com/shots/2218658-Userflow

24. Wireframe
PURPOSE:
A skeleton of the user
interface that defines
the hierarchy, structure
and key elements in
each view
AUDIENCE:
Team
https://dribbble.com/shots/2459238-Event-Management-Dashboard-Wireframe-1

25. Mockup
PURPOSE:
The final interface
design including
graphical elements,
color, and imagery
AUDIENCE:
Team, Business

26. Prototype
PURPOSE:
A simulation or
interactive mockup of
the final product
AUDIENCE:
User, Team

27. Redlines
PURPOSE:
Layout specifications
AUDIENCE:
Development
http://ui-patterns.vmware.com/2014/web-app/filters-table

28. Interaction
Specifications
PURPOSE:
Detail the way the
system should respond
to different inputs
AUDIENCE:
Development
https://i.pinimg.com/originals/20/0a/2b/200a2b70d5051986cadfd2de2418ef6d.jpg

29. UX
Specifications
PURPOSE:
A collection of relevant
project documents for
handoff
AUDIENCE:
Business
https://www.uxmatters.com/mt/archives/2018/01/cascading-ux-specifications.php

30. Discussion