2.
User Experience Design
DEF: a subset of the field of experience
design that pertains to the creation of the
architecture and interaction models that
impact a user's perception of a device or
system. The scope of the field is directed
at affecting "all aspects of the user’s
interaction with the product: how it is
perceived, learned, and used
...like any other machine - they're either a benefit or a hazard. If
they're a benefit, it's not my problem.
Don Norman
3.
User Experience
DEF: the perception left after a series of
interactions.
“Design is the art of gradually applying constraints until only one
solution remains”
Eric Reiss
Unknown
4.
Two Hotels
UX is about perception and product confidence
www.flickr.com/photos/10634319@N00/3206552644
6.
Usable UX
“Usability is something we do in UAT, right?”
Client
www.flickr.com/photos/51035583134@N01/1647545
www.flickr.com/photos/52971398@N00/2193315363
9.
Wish List - Agile UX
DESIGN
USER
TEST
USER
TEST
USER
TEST
DESIGN
DEV
DEV
Stakeholders
Customers
RESEARCH
BUSINESS
INFORMATION
CUSTOMER
Interation
Zero
BUILD
BRAINSTORM
19. Client
Remove the Users?
“Maybe we’re better off without the Users”
www.flickr.com/photos/32145599@N08/3046354228
Client
20.
Business + User Focus
Centralised Business and User based Approach
www.flickr.com/photos/20998477@N00/2794222271
21.
UX Architecture is not a
Methodology
“I don’t care about User Experience I just want to sell products”
Client
www.flickr.com/photos/41894176272@N01/206274128
22.
UX Tool Kit
Over 50 tools, techniques and methods to ensure the best UX
www.flickr.com/photos/41894148532@N01/2517652
23.
Should it Stay or Should it Go
Remember every project is different
“it Depends”
www.flickr.com/photos/32742419@N04/3114975462
24.
Business Research
• Stakeholder Interviews
• Business Requirements
• Competitor Review
• Expert Review
• Peer Review
• Web Analytics Review
www.flickr.com/photos/35423169@N00/50088733
30. Web Analytics Review
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Greatly dependent on the depth of the statistics available, Often
poor on small projects. Pay Special attention to the Search Analyics. Experienced
analysis can bring out worthwhile user pathways
www.flickr.com/photos/56261168@N00/109637850
n/a
33. Card Sorting
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Good tool for information or functional categorisation. Don’t
over use. Don’t over analyse, users can get it wrong. Can use Affinity Diagram as well
for general logical grouping.
www.flickr.com/photos/98147822@N00/253175852
www.flickr.com/photos/38869431@N00/3703735824
34.
Customer/User Research
• User Priming
• User Interviews
• Field Studies
• User Surveys
• Focus Groups
• Personas
• User Stories
• Task Analysis
• Mental Models
www.flickr.com/photos/50138555@N00/580711370 www.flickr.com/photos/22023529@N00/341543757
www.flickr.com/photos/28260247@N07/3366216596 www.flickr.com/photos/77309394@N00/105439262
35. User Priming
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Some users will “cheat”, expect this, but you will notice it, people
find this easier to do than a diary. Helps start an interview. Drawing the experience
www.flickr.com/photos/49106033@N00/459905744 www.flickr.com/photos/37484601@N00/3513672579 www.flickr.com/photos/35955268@N00/474693912
36. User Interviews
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : A very small pool is okay 4-5 people. Interviews don’t have to be
long, just open ended. Forget transcripts, you will not have the time to do them.
Record if you must, just you will not review it.
www.flickr.com/photos/12792444@N04/3235027708
40. Personas
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Making fake people, good generalist behavioural patterns in
personas. Maybe a Persona Pattern Library is in order. Sketched personas better than
detailed ones. Adhoc Personas should be considered.
www.flickr.com/photos/33947185@N00/3681279223
http://www.flickr.com/photos/20561948@N00/117335513
n/a
42. Task Analysis
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Summary tool for listing task patterns, functionality, information
processes and refining them. KIS. Will feed into story boarding, flow diagrams and
prototyping. Can use GOMS on this too.
www.flickr.com/photos/80122196@N00/4499404 www.flickr.com/photos/83565115@N00/3274919185 www.flickr.com/photos/81098106@N00/2757285670
n/a
44.
Brainstorming
• Critical to all project
types
• Bridge from Research
to Design
• Generate New Ideas
from Research
• Pattern Matching
• Time to see the
Patterns
www.flickr.com/photos/37996578526@N01/3513906216
46. User Testing
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Do it anywhere, coffee shop, lunchroom, remotely. Avoid the lab.
Small pools are allowed. Should be used to confirm and discover all the time in UX.
At least consider A/B testing.
www.flickr.com/photos/13316988@N00/3231977570
www.flickr.com/photos/25642587@N00/2724175411
48. Story Boarding
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Can be traditional, photoboard, stick figures, movieboard, flash
based screen prototypes. Lots tool available. Remember to keep it sketchy, produce at
a fast and furious rate. Also consider Task and Story Boards as Swinlanes.
www.flickr.com/photos/37074888@N00/4037629205
www.flickr.com/photos/70321513@N00/3975307520
n/a
49. Flow Charting
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Work well with Use Cases. Task, functionality and screen flow
can all be mapped. Helps bridge designers and developers. Combine wireframes and
flowcharts to get wireflows.
www.flickr.com/photos/38869431@N00/1121226671 www.flickr.com/photos/49503215066@N01/268374764
n/a
51. Wireframes
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Need to be quick, not detailed masterpieces. Document the basics
and move on. Do we really need them if rapid prototyping is used. Use Pattern
Libraries.
www.flickr.com/photos/32729422@N00/2181557066 www.flickr.com/photos/84392129@N00/3626834995 www.flickr.com/photos/33472412@N00/3307873748
n/a
53. Prototyping
Required:
Time:
Cost:
Reliability:
Influence:
Small Projects:
Small Guy Parable : Use paper, pens, bottle tops, whiteboards to interactive generators
from Axure to Screenflow. Document with photos or screenshots, KIS. Use Pattern
Libraries. Give the site a human personality.
www.flickr.com/photos/13316988@N00/2208732061 www.flickr.com/photos/68453525@N00/3605778917
n/a
54.
UX Elements of Rapture
Stakeholder Interviews
Business Requirements
Content Audit
User Interviews
Navigational Design
Brainstorming
User Testing
Task Analysis
Mood Boards
Graphical Mockups
Prototypes
55.
Waterfall vs Whirlpool
Regardless of Waterfall or Agile projects, UX can be used in both
www.flickr.com/photos/44493439@N00/537285629
www.flickr.com/photos/61775176@N00/89030908
56.
UX is Hard
Client wants a cheap option - don’t go with the Gut!
www.flickr.com/photos/35723943@N00/165144643
59.
Time to Get Ideas!
“The only thing more expensive than writing software is writing bad
software”
Alan Cooper
www.flickr.com/photos/41534655@N00/243010900
60.
Selling UX
Reality check - UX can be seen as expensive window dressing
www.flickr.com/photos/24995774@N06/2358339193
61.
No Jargon!
Just like IT cut the techo-babble, so we have too.
www.flickr.com/photos/79446887@N00/2844238907
62.
Speak Business
Talk like an Accountant, Marketeer, Human Resources, CEO
www.flickr.com/photos/14718994@N03/2279273026
63.
CEO’s Love Design
Clients like to be involved, it’s more interest than Accounts
www.flickr.com/photos/34281632@N03/3646744137