Post on 27-Jan-2015
description
joe natoli | givegoodux.com
what is UX(user experience)?a primer for integrating UX best practices
1
Tuesday, June 12, 2012
joe natoli | givegoodux.com
burning questionswhat is UX?
what can UX do for us?
what processes ensure good UX?
what does a UX team do?
can UX be agile?
2
Tuesday, June 12, 2012
joe natoli | givegoodux.com
3
what is UX?
Tuesday, June 12, 2012
joe natoli | givegoodux.com
4what is UX?
“User experience simply refers to the way a product behaves and is used in the real world. A positive user experience is one in which the goals of both the user and the organization that created the product are met.
Usability is one attribute of a successful user experience, but usability alone does not make an experience positive for the user.”Jesse James Garrett Author of The Elements of User Experience
Tuesday, June 12, 2012
givegoodux.com
5
business goals
+ customer goals
+ user interface
+ back end process
= user experience
it’s the sum of a simple equation.
Tuesday, June 12, 2012
givegoodux.com
6
it’s the combined result of multiple efforts and processes.
visual design
applicationarchitecture
system design
businessanalysis
interactiondesign
Informationarchitecture
user experience
Tuesday, June 12, 2012
givegoodux.com
7
there are 5 elements of user experience.
concrete
abstractJesse James Garrett The Elements of User Experience
Tuesday, June 12, 2012
givegoodux.com
8
there are 5 elements of user experience.
concrete
abstractJesse James Garrett The Elements of User Experience
Tuesday, June 12, 2012
joe natoli | givegoodux.com
9
what can UX do for us?
Tuesday, June 12, 2012
joe natoli | givegoodux.com
10what can UX do for us?
➡ uncover user needs and business goals – and areas of overlap
➡ ensure products meet or exceed user expectations, increasing adoption, use and loyalty – and reducing support
➡ determine feasibility of high quality products that can be created and implemented
Tuesday, June 12, 2012
givegoodux.com
11
UX teams bring multiple disciplines to bear
➡ user researchers
➡ interaction designers
➡ visual designers
➡ information architects
➡ front-end developers
➡ writers
➡ user testing moderators
Tuesday, June 12, 2012
joe natoli | givegoodux.com
12
what processesensure good UX?
Tuesday, June 12, 2012
joe natoli | givegoodux.com
13what processes ensure good UX?
whatʼs worth doing?
focus
what are we
creating?
definition
what value does it
provide?
value
how do we deliver it?
scope
resource: adaptivepath.com
Tuesday, June 12, 2012
givegoodux.com
14
what’s worth doing?
viability | feasibility
imp
ort
ance
UX efforts must address
these
UX efforts should
accommodatethese
Unwise use of time to address
these
resource: adaptivepath.comTuesday, June 12, 2012
givegoodux.com
15
what are we creating?
resource: adaptivepath.com
Client
Project Manager
Team Lead
Tuesday, June 12, 2012
givegoodux.com
16
what value does it provide?
resource: adaptivepath.com
Who is the target audience?
What experiences are compelling to them?
How is the offering different from competitors and substitutes?
Tuesday, June 12, 2012
givegoodux.com
17
how do we deliver it?
resource: adaptivepath.com
TOO SMALL
TOO BIG
Unrealistic delivery expectations
Trouble creating a timely release
(e.g. Vista vs. Mac OS X)
Battling “can’t we also have _____ ?”
Nervous designers + developers
Unclear path to the
full vision
Unremarkable,
unimpressive, watered-
down releases
Symptoms we haven’t clarified scope
Tuesday, June 12, 2012
joe natoli | givegoodux.com
18
what does a UX team do?
Tuesday, June 12, 2012
joe natoli | givegoodux.com
19what does a UX team do?
➡ analyze business objectives, behavior and thinking of the users, and the competition.
➡ design information architecture, wireframes and detailed visual design treatments until the product takes form.
➡ implement rapidly, constantly refining prototypes in response to client reviews and feedback, internal analysis and user testing.
Tuesday, June 12, 2012
givegoodux.com
20
UX team deliverables
➡ personas
➡ qualitative user research and reports
➡ concept maps
➡ competitive analysis
➡ scorecards
analysis
Tuesday, June 12, 2012
givegoodux.com
21
UX team deliverables
➡ functional specs
➡ use cases + taskflows
➡ UI specs + guidelines
➡ storyboards
➡ IA maps
informationarchitecture
Tuesday, June 12, 2012
givegoodux.com
22
UX team deliverables
➡ concept maps
➡ flat wireframes
➡ paper prototypes
➡ click-through HTML prototypes
prototypes
Tuesday, June 12, 2012
givegoodux.com
23
UX team deliverables
➡ polished visual design and screen layout
➡ icons and graphic components (assets)
➡ CSS/XHTML templates
design
Tuesday, June 12, 2012
givegoodux.com
24
UX team deliverables
➡ content
➡ help/user guides
➡ videos, flash demos, training materials
➡ localization
technicaldeliverables
Tuesday, June 12, 2012
joe natoli | givegoodux.com
25
can UX be agile?
Tuesday, June 12, 2012
joe natoli | givegoodux.com
26can UX be agile?
➡ user research and testing can be utilized to prioritize features in the product backlog
➡ UX designers iteratively refine designs to achieve better usability
➡ when UX is integrated in the planning phases of a project (post-win) – and early into the agile process – release schedules and budgets are not impacted
Tuesday, June 12, 2012
givegoodux.com
27
UX can be agile ➡ high-level design
➡ UX requirements
➡ detailed design and spec
early stage planning
Tuesday, June 12, 2012
givegoodux.com
28
UX can be agile
➡ no surprises!
➡ designer iterates and team reviews as development progresses
➡ backlog contains UX design features
embed a designer
Tuesday, June 12, 2012
givegoodux.com
29
UX can be agile
➡ designers are one iteration ahead of developers
➡ hand off detailed designs or CSS/XHTML prototypes for developers to follow
➡ front-end development is part of UX team
UX & dev follow same schedule
Tuesday, June 12, 2012
joe natoli | givegoodux.com
30how it’s done
Tuesday, June 12, 2012
joe natoli | givegoodux.com
31how it’s done
Tuesday, June 12, 2012
joe natoli | givegoodux.com
what is UX(user experience)?a primer for integrating UX best practices
32
Tuesday, June 12, 2012