what is ux? a primer for integrating user experience best practices

joe natoli | givegoodux.com

what is UX(user experience)?a primer for integrating UX best practices

1

Tuesday, June 12, 2012


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



3

what is UX?



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


givegoodux.com

5

business goals

+ customer goals

+ user interface

+ back end process

= user experience

it’s the sum of a simple equation.


givegoodux.com

6

it’s the combined result of multiple efforts and processes.

visual design

applicationarchitecture

system design

businessanalysis

interactiondesign

Informationarchitecture

user experience


givegoodux.com

7

there are 5 elements of user experience.

concrete

abstractJesse James Garrett The Elements of User Experience


givegoodux.com

8

there are 5 elements of user experience.

concrete

abstractJesse James Garrett The Elements of User Experience



9

what can UX do for us?



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


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



12

what processesensure good UX?



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


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?


Client

Project Manager

Team Lead


givegoodux.com

16

what value does it provide?


Who is the target audience?

What experiences are compelling to them?

How is the offering different from competitors and substitutes?


givegoodux.com

17

how do we deliver it?


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



18

what does a UX team do?



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.


givegoodux.com

20

UX team deliverables

➡ personas

➡ qualitative user research and reports

➡ concept maps

➡ competitive analysis

➡ scorecards

analysis


givegoodux.com

21


➡ functional specs

➡ use cases + taskflows

➡ UI specs + guidelines

➡ storyboards

➡ IA maps

informationarchitecture


givegoodux.com

22


➡ concept maps

➡ flat wireframes

➡ paper prototypes

➡ click-through HTML prototypes

prototypes


givegoodux.com

23


➡ polished visual design and screen layout

➡ icons and graphic components (assets)

➡ CSS/XHTML templates

design


givegoodux.com

24


➡ content

➡ help/user guides

➡ videos, flash demos, training materials

➡ localization

technicaldeliverables



25

can UX be agile?



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


givegoodux.com

27

UX can be agile ➡ high-level design

➡ UX requirements

➡ detailed design and spec

early stage planning


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


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



30how it’s done



31how it’s done



what is UX(user experience)?a primer for integrating UX best practices

32


what is ux? a primer for integrating user experience best practices

Technology

ux user experience

user experience5 givegoodux

architecture6 givegoodux

scorecards givegoodux

localization givegoodux

releases givegoodux

impacted joe natoli

good ux