2. UX 102
• Why does User Experience Design exist?
• Information Architecture: it's a big deal
• What is a wireframe and how do I get my
client to understand it?
• Interaction design and how it's different
from visual design
• Usability is good manners
• How does UX work?
Agenda
9. Interface
People who visit websites
Interface
Text
Images
Feeds
Videos
Stuff
Games
We See It Differently
Programming
Data
Hosting
People who make websites
10. Interface
People who visit websites
Interface
Text
Images
Feeds
Videos
Stuff
Games
We See It Differently
MAGIC
Programming
Data
Hosting
People who make websites
11. Interface
How it should go
Text
Images
Feeds
Videos
Stuff
Games
Interface
Text
Images
Feeds
Videos
Stuff
Games
Building Websites
Programming
Data
Hosting
How it usually goes
Programming
Data
Hosting
12. Interface
How it should go
Text
Images
Feeds
Videos
Stuff
Games
Interface
Text
Images
Feeds
Videos
Stuff
Games
Building Websites
Programming
Data
Hosting
How it usually goes
Programming
Data
Hosting
13. Interface
How it should go
Text
Images
Feeds
Videos
Stuff
Games
Interface
Text
Images
Feeds
Videos
Stuff
Games
Building Websites
Programming
Data
Hosting
How it usually goes
Programming
Data
Hosting
50. • critical functional decisions aren’t made
• scope creep
What happens when you skip UX:
51. • critical functional decisions aren’t made
• scope creep
• endless design revisions
What happens when you skip UX:
52. • critical functional decisions aren’t made
• scope creep
• endless design revisions
• which take longer in photoshop
What happens when you skip UX:
53. • critical functional decisions aren’t made
• scope creep
• endless design revisions
• which take longer in photoshop
• endless development revisions
What happens when you skip UX:
54. • critical functional decisions aren’t made
• scope creep
• endless design revisions
• which take longer in photoshop
• endless development revisions
• obliterated budgets
What happens when you skip UX:
55. • critical functional decisions aren’t made
• scope creep
• endless design revisions
• which take longer in photoshop
• endless development revisions
• obliterated budgets
• ux ends up fixing things anyway
What happens when you skip UX:
56. • critical functional decisions aren’t made
• scope creep
• endless design revisions
• which take longer in photoshop
• endless development revisions
• obliterated budgets
• ux ends up fixing things anyway
• clients get mad
What happens when you skip UX:
57. it’s our job to educate our clients.
Wireframes can be hard to understand
88. Usability Testing
• always done post-design
• measures task completion
• should be observed, repeatable
• other kinds of user research
may be done pre-design
124. Throughout the process, UX Design:
• gets involved as early as possible
• represents the user
125. Throughout the process, UX Design:
• gets involved as early as possible
• represents the user
• incorporates user needs with business needs
126. Throughout the process, UX Design:
• gets involved as early as possible
• represents the user
• incorporates user needs with business needs
• asks questions you may never think of
127. Throughout the process, UX Design:
• gets involved as early as possible
• represents the user
• incorporates user needs with business needs
• asks questions you may never think of
• thinks holistically
128. Throughout the process, UX Design:
• gets involved as early as possible
• represents the user
• incorporates user needs with business needs
• asks questions you may never think of
• thinks holistically
• zooms in and out (strategic and tactical)
130. Make nice memories with your UX Designer
• allow early access to the client to clarify
needs
131. Make nice memories with your UX Designer
• allow early access to the client to clarify
needs
• avoid playing “telephone”
132. Make nice memories with your UX Designer
• allow early access to the client to clarify
needs
• avoid playing “telephone”
• we always present our own work
133. Make nice memories with your UX Designer
• allow early access to the client to clarify
needs
• avoid playing “telephone”
• we always present our own work
• use us to identify opportunities for new work