This document is a presentation on user experience (UX) design for developers. It discusses what UX is, who is responsible for it, the UX process, benefits of UX, evaluating UX success, and resources for UX and design patterns. UX is described as dynamic, innovative, subjective, focused on simplicity and context, and aiming for an invisible user experience. The entire product team is involved in UX across the product lifecycle. Developers are distinguished from UX developers by their additional focus on interactions, intuitiveness, and user goals.
Computer 10: Lesson 10 - Online Crimes and Hazards
UX for Developers - ZehnerGroup
1. UXpresented
by
FOR
DEVELOPERS
ZEHNERGROUP
ZG UX
FOR
DEVELOPERS
2. ZEHNERGROUP
Through strategy, design, and technology innovation ZehnerGroup builds startups and
transforms established organizations.
presen:ng
Ma/hew
Zehner Barre/
Morse Weston
James
Founder
&
CEO IA
&
Product
Developer Crea:ve
Director
ZG UX
FOR
DEVELOPERS
3. TOPICS
WE
WILL
COVER
what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
4. USER
EXPERIENCE
User
experience
provides
a
plaOorm
to
achieve
the
interests
of
all
stakeholders:
Making
products
easy
to
use,
valuable,
and
effecWve
for
users
Market Business
UX
Design Development
ZG UX
FOR
DEVELOPERS
5. what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
6. UX
is...
dynamic
“If I asked my customers what they wanted, they would have asked for a faster horse.” - Henry Ford
ZG UX
FOR
DEVELOPERS
7. UX
is...
innovaWon
“Innovation distinguishes between a leader and a follower.” - Steve Jobs
ZG UX
FOR
DEVELOPERS
9. UX
is...
simplicity
“Confusion and clutter are the failure of design, not the attributes of information” - Edward Tufte
ZG UX
FOR
DEVELOPERS
10. UX
is...
context
“People’s behavior makes sense if you think about it in terms of their goals, needs, and motives”
- Thomas Mann
ZG UX
FOR
DEVELOPERS
11. UX
is...
invisible
“Ease of use may be invisible, but its absence sure isn’t” - IBM
ZG UX
FOR
DEVELOPERS
12. what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
13. UX
IN
THE
PRODUCT
LIFECYCLE
The
enWre
product
team
is
involved
in
creaWng
the
framework
that
generates
“The
User
Experience”.
InteracHon
Front-‐end
Design Development
InformaHon
The
User
Architecture
Content Technology Product Experience
Strategy Backend
Visual
Design Development
ZG UX
FOR
DEVELOPERS
14. DEVELOPER
vs
UX
DEVELOPER
Is
a
UX
developer
simply
a
“good
developer”?
FuncHonal FuncHonal Process
Specs Specs
Developer vs InteracHons
UX
Developer
Flow
IntuiHve User
Goals
“If we want users to like our software we should design it to behave like a likeable person:
respectful, generous, and helpful.” - Alan Cooper
ZG UX
FOR
DEVELOPERS
15. what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
16. the
UX
process
early
involvement
“Like all forms of design, visual design is about problem solving, not about personal preference or
unsupported opinion.” - Bob Baxley
ZG UX
FOR
DEVELOPERS
17. the
UX
process
prototyping
“The only thing more expensive than writing software is writing bad software” - Alan Cooper
ZG UX
FOR
DEVELOPERS
19. what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
20. what
are
the
benefits?
communicaWon
ZG UX
FOR
DEVELOPERS
21. what
are
the
benefits?
product
understanding
ZG UX
FOR
DEVELOPERS
22. what
are
the
benefits?
accountability
ZG UX
FOR
DEVELOPERS
23. what
are
the
benefits?
usability
ZG UX
FOR
DEVELOPERS
24. what
are
the
benefits?
wow
“Perfection is achieved, not when there is nothing more to add, but when there is nothing left
to take away” - Antoine De Saint-Exupery
ZG UX
FOR
DEVELOPERS
25. what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
26. EVALUATING
SUCCESSFUL
UX
CRITERIA USER
EXPERIENCE Y/N
UTILITY Are
the
funcWons
useful
and
fit
my
purpose?
USABILITY Is
it
easy
and
efficient
to
get
things
done?
AESTHETICS Is
it
visually
a/racWve
and
feel
good?
IDENTIFICATION Can
I
idenWfy
with
the
product?
STIMULATION Do
I
get
a
“wow”
experience?
VALUE What
is
the
value
and
importance
for
me?
ZG UX
FOR
DEVELOPERS
27. what
is
UX? who’s
job
is
it?
the
UX
process what
are
the
benefits?
how
do
i
evaluate
success?
resources
ZG UX
FOR
DEVELOPERS
28. UX
&
DESIGN
PATTERN
RESOURCES
dribbble.com
-‐
Dribbble
is
show
and
tell
for
designers.
ZG UX
FOR
DEVELOPERS
29. UX
&
DESIGN
PATTERN
RESOURCES
paRerntap.com
-‐
PaBern
Tap
aims
to
be
the
best
resource
for
examples
of
specific
design
and
user
experience
paBerns
on
the
web.
ZG UX
FOR
DEVELOPERS
30. UX
&
DESIGN
PATTERN
RESOURCES
developer.yahoo.com/ypa/erns
-‐
This
library
shares
user
interface
paBerns
with
the
web
design
and
development
community.
ZG UX
FOR
DEVELOPERS
31. TESTING
AND
ITERATING
-‐
silverbackapp.com
silverbackapp.com
-‐
Guerrilla
usability
tes:ng
soHware
for
designers
and
developers
“We do not see things as they are. We see things as we are.” - From the Talmud
ZG UX
FOR
DEVELOPERS
32. TESTING
AND
ITERATING
-‐
usertesHng.com
usertesHng.com
-‐
The
fastest,
cheapest
way
to
find
out
why
users
leave
your
website
+
Video
of
a
visitor
speaking
+
WriBen
summary
ZG UX
FOR
DEVELOPERS
33. TESTING
AND
ITERATING
-‐
usabilityhub.com
usabilityhub.com
-‐
UsabilityHub
provides
a
set
of
online
usability
tools
to
help
you
test
the
effec:veness
of
your
designs
and
concepts.
ZG UX
FOR
DEVELOPERS
User experience is dynamic, because it changes over time as circumstances change.\nInstead of simply an interaction between human and computer there is now an additional interaction with a users social community\n
Not to make something different... to make something simpler or more valuable to the user\n
Experience is subjective to the user .. Therefore the experience belongs to the user\nWe can however design great frameworks to empower great experiences\nFlipboard makes the experience of reading social feeds simpler, faster and better.\n\n
Users will use something that is simple and allows them to quickly achieve their goals\n
how does what we create fit into the lives of the people we create it for?\nUnderstand the users you are designing for so you can better prioritize information\nHow does this feature answer a need of the user?\nGet end user and stakeholder input in the beginning to eliminate guess work\n
\n
\n
All parties are involved in UX\n
All parties are involved in UX\n
\n
Get involved early\nWorkshops\nStakeholder interviews / results\nShare technology / capabilities with team\n\n
Quick to create and painless\nReusable Technologies / HTML\nDynamic prototypes create context\nFeature level rather than product level\nInspires questions and discussion through interaction\n\n
Quick to create and painless\nReusable Technologies / HTML\nDynamic prototypes create context\nFeature level rather than product level\nInspires questions and discussion through interaction\n\n
\n
Get involved early\nComponent of Agile iterative development\nDynamic prototypes create context\nAllows prototyping on a feature level rather than a product level\nAble to be user-tested and iterated on\nInspires questions and discussions through interaction\nQuick to create and painless\nReusable technologies (HTML/JS/etc)\n
best CEOs int he world understand where the broom is\n
confident about the product you developed - not just building something you were handed by design team\n\n
confident about the product you developed - not just building something you were handed by design team\n\n
confident about the product you developed - not just building something you were handed by design team\n\n