design for www ux intro
DESCRIPTION
TRANSCRIPT
UXD
Sunday, February 10, 13
UXD
what UXD isn’t
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD is not user interface design.
Sunday, February 10, 13
UXDUXD is not user interface design.
“Interface is a component of user experience, but there's much more.”
Peter Merholz Founding Partner & President, Adaptive Path
Sunday, February 10, 13
UXDUXD is not user interface design.
Sunday, February 10, 13
UXDUXD is not user interface design.
“It isn't about cosmetics, pixel- pushing and button placement. It's holistic and it's everyone's concern, not just the realm of ‘artistic’ types.”
Christian Crumlish Curator, Yahoo! Design Pattern Library
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD isn’t a step in a process.
Sunday, February 10, 13
UXDUXD isn’t a step in a process.
“User experience design isn't a checkbox. You don't do it and then move on. It needs to be integrated into everything you do.”
Liz Danzico Chairperson, School of Visual Arts
Sunday, February 10, 13
UXDUXD isn’t a step in a process.
Sunday, February 10, 13
UXDUXD isn’t a step in a process.
“Most expect UXD to be a discrete activity...it must be an ongoing effort, continually learning about users, responding to behaviors, evolving the product or service.”
Dan Brown Co-Founder and Principal, Eight Shapes
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD isn’t about technology.
Sunday, February 10, 13
UXDUXD isn’t about technology.
“UXD is not limited to the confines of the computer. It doesn't even need a screen. UXD is any interaction with any product, any artifact, any system.”
Bill DeRouchey Director of Interaction Design, Ziba Design
Sunday, February 10, 13
UXDUXD isn’t about technology.
Sunday, February 10, 13
UXDUXD isn’t about technology.
“It's about how we live. It's about everything we do; it surrounds us.”
Mario Borque Manager of IA & Content, Trapeze Group
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD isn’t just about usability.
Sunday, February 10, 13
UXDUXD isn’t just about usability.
“People often think that UXD is a way to make products that suck into products that don't suck by dedicating resources to the product's design.”
Chris Fahey Founding Partner & Principal, Behavior
Sunday, February 10, 13
UXDUXD isn’t just about usability.
Sunday, February 10, 13
UXDUXD isn’t just about usability.
“Usability’s focus on efficiency and effectiveness blurs other important factors in UX, which include learn- ability and visceral and behavioral emotional responses to the products and services we use.”
David Malouf Professor, Interaction Design, Savannah College
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD isn’t just about users.
Sunday, February 10, 13
UXDUXD isn’t just about users.
“There are a set of business objectives that are needing to be met—and we’re designing to that, as well. We just can’t always do what is best for the users.”
Russ Unger Experience Design Strategist
Sunday, February 10, 13
UXDUXD isn’t just about users.
Sunday, February 10, 13
UXDUXD isn’t just about users.
“As user experience designers we have to find the sweet spot between the user’s needs and the business goals, and ensure that the design is on brand.”
Whitney Hess User Experience Designer
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
what UXD is
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDformal definition
Sunday, February 10, 13
UXDformal definition
“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.
Sunday, February 10, 13
UXDformal definition
“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.”
Sunday, February 10, 13
UXDformal definition
“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
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
UXD is the sum of a simple equation.
Sunday, February 10, 13
UXD
business goalsUXD is the sum of a simple equation.
Sunday, February 10, 13
UXD
business goals+ customer goals
UXD is the sum of a simple equation.
Sunday, February 10, 13
UXD
business goals+ customer goals+ user interface
UXD is the sum of a simple equation.
Sunday, February 10, 13
UXD
business goals+ customer goals+ user interface+ back end process
UXD is the sum of a simple equation.
Sunday, February 10, 13
UXD
business goals+ customer goals+ user interface+ back end process
UXD is the sum of a simple equation.
Sunday, February 10, 13
UXD
business goals+ customer goals+ user interface+ back end process
UXD is the sum of a simple equation. = user experience
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
businessanalysis
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
applicationarchitecture
businessanalysis
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
applicationarchitecture
system design
businessanalysis
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
applicationarchitecture
system design
businessanalysis
Informationarchitecture
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
applicationarchitecture
system design
businessanalysis
interactiondesign
Informationarchitecture
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
visual design
applicationarchitecture
system design
businessanalysis
interactiondesign
Informationarchitecture
Sunday, February 10, 13
UXD
it’s the combined result of multiple efforts and processes.
visual design
applicationarchitecture
system design
businessanalysis
interactiondesign
Informationarchitecture
user experience
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
➡ interaction design
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
➡ interaction design
➡ visual design
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
➡ interaction design
➡ visual design
➡ information architecture
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
➡ interaction design
➡ visual design
➡ information architecture
➡ front-end development
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
➡ interaction design
➡ visual design
➡ information architecture
➡ front-end development
➡ writing
Sunday, February 10, 13
UXD
it’s the combined result of multiple disciplines.
➡ user research
➡ interaction design
➡ visual design
➡ information architecture
➡ front-end development
➡ writing
➡ user testing
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD means strategic advantage
prospective agent
Commissions: How Much?
When?
How do I get contracted?
What products can I sell?
What are FG Life's ratings?
What are FG Life's current Ànancials?
What's FG Life's history?
Bonus
!st Year Comp
Frequency
Find an IMO
Process
Requirements
How long?
Lifestyle Cat.
Life
Annuity
A.M. Best
Moody's
Fitch Ratings
AUM
Sales volume
Total value
How long in biz?
Domestic?
Ownership?
How easy is it to do business with FG Life?
Chat now?
Service Center
Who to Contact
Who will I be working with at FG Life?
Sales & Distrib.
Mgmt. Team
Board
How to Contact
FG Life Elite
FG Life Choice
Index Universal Life
(IUL)
Immed. Safeguard
Immed. Income
Immediate Annuity
(IA)
Guarantee Plus
Guarantee Platinum
Deferred Annuity
(DA)
Accelerated
Escalator
Safety Series
Prosperity Series
Guarantee Series
Choice Series
Health
Age
Gender
High-Risk
What incentives
does FG Life offer?
PAIR Program
Incentive Conf.
Training
How to qualify
Bonus credits
4XDOLÀcation period
/LIH�4XDOLÀcation
$QQXLW\�4XDOLÀcation
Vesting Period
Fund Investment Options
Choice Series
%HQHÀts
Roadshows Product Training
CE Training
Suitability Training
Sales Training
Training Resources
Competitor comparison
Competitor comparison
Competitor comparison
Send me information
Downloadcontract
kit
Make me an appealing
offer
Get me an IMO
AUDIENCE PURPOSE CONTEXT CONVINCE CONVINCE CONVERT
DECIDE DECIDE DECIDE > TRUST DECIDE > TRUST TRUST CONVERT
Sunday, February 10, 13
UXDUXD means strategic advantageUXD explores feasible solutions to design problems
prospective agent
Commissions: How Much?
When?
How do I get contracted?
What products can I sell?
What are FG Life's ratings?
What are FG Life's current Ànancials?
What's FG Life's history?
Bonus
!st Year Comp
Frequency
Find an IMO
Process
Requirements
How long?
Lifestyle Cat.
Life
Annuity
A.M. Best
Moody's
Fitch Ratings
AUM
Sales volume
Total value
How long in biz?
Domestic?
Ownership?
How easy is it to do business with FG Life?
Chat now?
Service Center
Who to Contact
Who will I be working with at FG Life?
Sales & Distrib.
Mgmt. Team
Board
How to Contact
FG Life Elite
FG Life Choice
Index Universal Life
(IUL)
Immed. Safeguard
Immed. Income
Immediate Annuity
(IA)
Guarantee Plus
Guarantee Platinum
Deferred Annuity
(DA)
Accelerated
Escalator
Safety Series
Prosperity Series
Guarantee Series
Choice Series
Health
Age
Gender
High-Risk
What incentives
does FG Life offer?
PAIR Program
Incentive Conf.
Training
How to qualify
Bonus credits
4XDOLÀcation period
/LIH�4XDOLÀcation
$QQXLW\�4XDOLÀcation
Vesting Period
Fund Investment Options
Choice Series
%HQHÀts
Roadshows Product Training
CE Training
Suitability Training
Sales Training
Training Resources
Competitor comparison
Competitor comparison
Competitor comparison
Send me information
Downloadcontract
kit
Make me an appealing
offer
Get me an IMO
AUDIENCE PURPOSE CONTEXT CONVINCE CONVINCE CONVERT
DECIDE DECIDE DECIDE > TRUST DECIDE > TRUST TRUST CONVERT
Sunday, February 10, 13
UXDUXD means strategic advantageUXD explores feasible solutions to design problemsit uncovers user needs and business goals – and areas where the two overlap.
prospective agent
Commissions: How Much?
When?
How do I get contracted?
What products can I sell?
What are FG Life's ratings?
What are FG Life's current Ànancials?
What's FG Life's history?
Bonus
!st Year Comp
Frequency
Find an IMO
Process
Requirements
How long?
Lifestyle Cat.
Life
Annuity
A.M. Best
Moody's
Fitch Ratings
AUM
Sales volume
Total value
How long in biz?
Domestic?
Ownership?
How easy is it to do business with FG Life?
Chat now?
Service Center
Who to Contact
Who will I be working with at FG Life?
Sales & Distrib.
Mgmt. Team
Board
How to Contact
FG Life Elite
FG Life Choice
Index Universal Life
(IUL)
Immed. Safeguard
Immed. Income
Immediate Annuity
(IA)
Guarantee Plus
Guarantee Platinum
Deferred Annuity
(DA)
Accelerated
Escalator
Safety Series
Prosperity Series
Guarantee Series
Choice Series
Health
Age
Gender
High-Risk
What incentives
does FG Life offer?
PAIR Program
Incentive Conf.
Training
How to qualify
Bonus credits
4XDOLÀcation period
/LIH�4XDOLÀcation
$QQXLW\�4XDOLÀcation
Vesting Period
Fund Investment Options
Choice Series
%HQHÀts
Roadshows Product Training
CE Training
Suitability Training
Sales Training
Training Resources
Competitor comparison
Competitor comparison
Competitor comparison
Send me information
Downloadcontract
kit
Make me an appealing
offer
Get me an IMO
AUDIENCE PURPOSE CONTEXT CONVINCE CONVINCE CONVERT
DECIDE DECIDE DECIDE > TRUST DECIDE > TRUST TRUST CONVERT
Sunday, February 10, 13
UXDUXD means strategic advantageUXD explores feasible solutions to design problemsit uncovers user needs and business goals – and areas where the two overlap.
it ensures products meet or exceed user expectations, increasing adoption, use and loyalty – and reducing support.
prospective agent
Commissions: How Much?
When?
How do I get contracted?
What products can I sell?
What are FG Life's ratings?
What are FG Life's current Ànancials?
What's FG Life's history?
Bonus
!st Year Comp
Frequency
Find an IMO
Process
Requirements
How long?
Lifestyle Cat.
Life
Annuity
A.M. Best
Moody's
Fitch Ratings
AUM
Sales volume
Total value
How long in biz?
Domestic?
Ownership?
How easy is it to do business with FG Life?
Chat now?
Service Center
Who to Contact
Who will I be working with at FG Life?
Sales & Distrib.
Mgmt. Team
Board
How to Contact
FG Life Elite
FG Life Choice
Index Universal Life
(IUL)
Immed. Safeguard
Immed. Income
Immediate Annuity
(IA)
Guarantee Plus
Guarantee Platinum
Deferred Annuity
(DA)
Accelerated
Escalator
Safety Series
Prosperity Series
Guarantee Series
Choice Series
Health
Age
Gender
High-Risk
What incentives
does FG Life offer?
PAIR Program
Incentive Conf.
Training
How to qualify
Bonus credits
4XDOLÀcation period
/LIH�4XDOLÀcation
$QQXLW\�4XDOLÀcation
Vesting Period
Fund Investment Options
Choice Series
%HQHÀts
Roadshows Product Training
CE Training
Suitability Training
Sales Training
Training Resources
Competitor comparison
Competitor comparison
Competitor comparison
Send me information
Downloadcontract
kit
Make me an appealing
offer
Get me an IMO
AUDIENCE PURPOSE CONTEXT CONVINCE CONVINCE CONVERT
DECIDE DECIDE DECIDE > TRUST DECIDE > TRUST TRUST CONVERT
Sunday, February 10, 13
UXDUXD means strategic advantageUXD explores feasible solutions to design problemsit uncovers user needs and business goals – and areas where the two overlap.
it ensures products meet or exceed user expectations, increasing adoption, use and loyalty – and reducing support.
it determines the feasibility of high quality products that can be created and implemented.
prospective agent
Commissions: How Much?
When?
How do I get contracted?
What products can I sell?
What are FG Life's ratings?
What are FG Life's current Ànancials?
What's FG Life's history?
Bonus
!st Year Comp
Frequency
Find an IMO
Process
Requirements
How long?
Lifestyle Cat.
Life
Annuity
A.M. Best
Moody's
Fitch Ratings
AUM
Sales volume
Total value
How long in biz?
Domestic?
Ownership?
How easy is it to do business with FG Life?
Chat now?
Service Center
Who to Contact
Who will I be working with at FG Life?
Sales & Distrib.
Mgmt. Team
Board
How to Contact
FG Life Elite
FG Life Choice
Index Universal Life
(IUL)
Immed. Safeguard
Immed. Income
Immediate Annuity
(IA)
Guarantee Plus
Guarantee Platinum
Deferred Annuity
(DA)
Accelerated
Escalator
Safety Series
Prosperity Series
Guarantee Series
Choice Series
Health
Age
Gender
High-Risk
What incentives
does FG Life offer?
PAIR Program
Incentive Conf.
Training
How to qualify
Bonus credits
4XDOLÀcation period
/LIH�4XDOLÀcation
$QQXLW\�4XDOLÀcation
Vesting Period
Fund Investment Options
Choice Series
%HQHÀts
Roadshows Product Training
CE Training
Suitability Training
Sales Training
Training Resources
Competitor comparison
Competitor comparison
Competitor comparison
Send me information
Downloadcontract
kit
Make me an appealing
offer
Get me an IMO
AUDIENCE PURPOSE CONTEXT CONVINCE CONVINCE CONVERT
DECIDE DECIDE DECIDE > TRUST DECIDE > TRUST TRUST CONVERT
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD ensures people use things
Sunday, February 10, 13
UXDUXD ensures people use thingsbecause we use things when
Sunday, February 10, 13
UXDUXD ensures people use thingsbecause we use things whenwe can easily figure out how to accomplish our task
Sunday, February 10, 13
UXDUXD ensures people use thingsbecause we use things whenwe can easily figure out how to accomplish our task
The steps involved in accomplishing the task – no matter how complex – seem simple.
Sunday, February 10, 13
UXDUXD ensures people use thingsbecause we use things whenwe can easily figure out how to accomplish our task
The steps involved in accomplishing the task – no matter how complex – seem simple.
Our sense of effort and cognitive load are minimized.
Sunday, February 10, 13
UXDUXD ensures people use thingsbecause we use things whenwe can easily figure out how to accomplish our task
The steps involved in accomplishing the task – no matter how complex – seem simple.
Our sense of effort and cognitive load are minimized.
Immediate, clear feedback is provided for each interaction.
Sunday, February 10, 13
UXDUXD ensures people use thingsbecause we use things whenwe can easily figure out how to accomplish our task
The steps involved in accomplishing the task – no matter how complex – seem simple.
Our sense of effort and cognitive load are minimized.
Immediate, clear feedback is provided for each interaction.
Our potential for errors is minimized – and when we do make a mistake we can recover quickly and easily.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD is a balancing act
Sunday, February 10, 13
UXDUXD is a balancing act
I N N O V A T I O N
Sunday, February 10, 13
UXDUXD is a balancing act
D E S I R A B I L I T Y
I N N O V A T I O N
Sunday, February 10, 13
UXDUXD is a balancing act
D E S I R A B I L I T Y
F E A S I B I L I T Y
I N N O V A T I O N
Sunday, February 10, 13
UXDUXD is a balancing act
D E S I R A B I L I T Y
F E A S I B I L I T Y V I A B I L I T Y
I N N O V A T I O N
Sunday, February 10, 13
UXDUXD is a balancing act
D E S I R A B I L I T Y
F E A S I B I L I T Y V I A B I L I T Y
I N N O V A T I O N
innovative (successful) products must balance competing needs.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDtypical UXD activities
Sunday, February 10, 13
UXDtypical UXD activitiesanalysis
Sunday, February 10, 13
UXDtypical UXD activitiesanalysisbusiness objectives, behavior and thinking of the users, and the competition’s approach.
Sunday, February 10, 13
UXDtypical UXD activitiesanalysisbusiness objectives, behavior and thinking of the users, and the competition’s approach.
design
Sunday, February 10, 13
UXDtypical UXD activitiesanalysisbusiness objectives, behavior and thinking of the users, and the competition’s approach.
designinformation architecture, wireframes and detailed visual design treatments until the product takes form.
Sunday, February 10, 13
UXDtypical UXD activitiesanalysisbusiness objectives, behavior and thinking of the users, and the competition’s approach.
designinformation architecture, wireframes and detailed visual design treatments until the product takes form.
implementation
Sunday, February 10, 13
UXDtypical UXD activitiesanalysisbusiness objectives, behavior and thinking of the users, and the competition’s approach.
designinformation architecture, wireframes and detailed visual design treatments until the product takes form.
implementationrapid, constant refinement of prototypes in response to client reviews and feedback, internal analysis and user testing.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)IA concept maps
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)IA concept maps
use cases
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)IA concept maps
use cases
task flows
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)IA concept maps
use cases
task flows
storyboards
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)IA concept maps
use cases
task flows
storyboards
functional specifications
Sunday, February 10, 13
UXDtypical UXD deliverablesinformation architecture (IA)IA concept maps
use cases
task flows
storyboards
functional specifications
site maps
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverablesprototypes
Sunday, February 10, 13
UXDtypical UXD deliverablesprototypesconcept maps
Sunday, February 10, 13
UXDtypical UXD deliverablesprototypesconcept maps
paper prototypes
Sunday, February 10, 13
UXDtypical UXD deliverablesprototypesconcept maps
paper prototypes
flat wireframes
Sunday, February 10, 13
UXDtypical UXD deliverablesprototypesconcept maps
paper prototypes
flat wireframes
click-through HTML prototypes
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverablesdesign
Sunday, February 10, 13
UXDtypical UXD deliverablesdesignpolished visual design and screen layouts
Sunday, February 10, 13
UXDtypical UXD deliverablesdesignpolished visual design and screen layouts
icons and graphic components (assets)
Sunday, February 10, 13
UXDtypical UXD deliverablesdesignpolished visual design and screen layouts
icons and graphic components (assets)
CSS/HTML templates
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverables
Sunday, February 10, 13
UXDtypical UXD deliverablestechnical documentation
Sunday, February 10, 13
UXDtypical UXD deliverablestechnical documentationstyle guide containing developer reference and functional UX guidelines
Sunday, February 10, 13
UXDtypical UXD deliverablestechnical documentationstyle guide containing developer reference and functional UX guidelines
help content and/or user guides
Sunday, February 10, 13
UXDtypical UXD deliverablestechnical documentationstyle guide containing developer reference and functional UX guidelines
help content and/or user guides
videos, demos and training materials
Sunday, February 10, 13
UXDtypical UXD deliverablestechnical documentationstyle guide containing developer reference and functional UX guidelines
help content and/or user guides
videos, demos and training materials
localization versioning
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDtechnology changes. people don’t.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDdon’t make me work (or think)
Sunday, February 10, 13
UXDdon’t make me work (or think)I’ll do the least amount of work possible to get a task done.
Sunday, February 10, 13
UXDdon’t make me work (or think)I’ll do the least amount of work possible to get a task done.
show me a little information; I’ll look for more if I want it.
Sunday, February 10, 13
UXDdon’t make me work (or think)I’ll do the least amount of work possible to get a task done.
show me a little information; I’ll look for more if I want it.
Don’t tell me, show me an example.
Sunday, February 10, 13
UXDdon’t make me work (or think)I’ll do the least amount of work possible to get a task done.
show me a little information; I’ll look for more if I want it.
Don’t tell me, show me an example.
If you want me to click something, make sure it looks like it is clickable.
Sunday, February 10, 13
UXDdon’t make me work (or think)I’ll do the least amount of work possible to get a task done.
show me a little information; I’ll look for more if I want it.
Don’t tell me, show me an example.
If you want me to click something, make sure it looks like it is clickable.
Just give me the stuff I really need; forget all the bells and whistles.
Sunday, February 10, 13
UXDdon’t make me work (or think)I’ll do the least amount of work possible to get a task done.
show me a little information; I’ll look for more if I want it.
Don’t tell me, show me an example.
If you want me to click something, make sure it looks like it is clickable.
Just give me the stuff I really need; forget all the bells and whistles.
Provide defaults that make the system do more so I can do less.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDI have limitations
Sunday, February 10, 13
UXDI have limitationsI can only look at so much stuff on a screen without losing interest.
Sunday, February 10, 13
UXDI have limitationsI can only look at so much stuff on a screen without losing interest.
I don’t read; I scan.
Sunday, February 10, 13
UXDI have limitationsI can only look at so much stuff on a screen without losing interest.
I don’t read; I scan.
All I really want is what I need right now.
Sunday, February 10, 13
UXDI have limitationsI can only look at so much stuff on a screen without losing interest.
I don’t read; I scan.
All I really want is what I need right now.
I can't multi-task. Research proves it.
Sunday, February 10, 13
UXDI have limitationsI can only look at so much stuff on a screen without losing interest.
I don’t read; I scan.
All I really want is what I need right now.
I can't multi-task. Research proves it.
I may ask for things that actually aren't best for me, so I need some guidance.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDI make mistakes
Sunday, February 10, 13
UXDI make mistakesPlease do what you can to try and prevent them.
Sunday, February 10, 13
UXDI make mistakesPlease do what you can to try and prevent them.
If I can really screw up with a wrong choice, make me confirm the action.
Sunday, February 10, 13
UXDI make mistakesPlease do what you can to try and prevent them.
If I can really screw up with a wrong choice, make me confirm the action.
Make it easy to "undo." Everything.
Sunday, February 10, 13
UXDI make mistakesPlease do what you can to try and prevent them.
If I can really screw up with a wrong choice, make me confirm the action.
Make it easy to "undo." Everything.
If something does go wrong, tell me what happened and what to do about it – in language I can understand.
Sunday, February 10, 13
UXDI make mistakesPlease do what you can to try and prevent them.
If I can really screw up with a wrong choice, make me confirm the action.
Make it easy to "undo." Everything.
If something does go wrong, tell me what happened and what to do about it – in language I can understand.
If I make and error and you can fix it, then do so and show me what you did.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDmy memory is complicated
Sunday, February 10, 13
UXDmy memory is complicatedI reconstruct memories, which means they’re always changing.
Sunday, February 10, 13
UXDmy memory is complicatedI reconstruct memories, which means they’re always changing.
You’re better off observing me in action than taking my word for it.
Sunday, February 10, 13
UXDmy memory is complicatedI reconstruct memories, which means they’re always changing.
You’re better off observing me in action than taking my word for it.
My memory is fragile; it degrades quickly and is subject to lots of errors.
Sunday, February 10, 13
UXDmy memory is complicatedI reconstruct memories, which means they’re always changing.
You’re better off observing me in action than taking my word for it.
My memory is fragile; it degrades quickly and is subject to lots of errors.
Don't make me remember things from one task to another or one page to another.
Sunday, February 10, 13
UXDmy memory is complicatedI reconstruct memories, which means they’re always changing.
You’re better off observing me in action than taking my word for it.
My memory is fragile; it degrades quickly and is subject to lots of errors.
Don't make me remember things from one task to another or one page to another.
I can only remember about 3-4 things at a time.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDI like to be social
Sunday, February 10, 13
UXDI like to be socialI’ll always try to use technology to be social. That’s been true for thousands of years.
Sunday, February 10, 13
UXDI like to be socialI’ll always try to use technology to be social. That’s been true for thousands of years.
I’m almost always looking to other people for guidance on what to do, especially if I’m uncertain.
Sunday, February 10, 13
UXDI like to be socialI’ll always try to use technology to be social. That’s been true for thousands of years.
I’m almost always looking to other people for guidance on what to do, especially if I’m uncertain.
If you do me a favor, I’ll feel indebted to do you one back.
Sunday, February 10, 13
UXDI like to be socialI’ll always try to use technology to be social. That’s been true for thousands of years.
I’m almost always looking to other people for guidance on what to do, especially if I’m uncertain.
If you do me a favor, I’ll feel indebted to do you one back.
When I watch someone do something, the same parts in my brain light up as though I were doing it myself.
Sunday, February 10, 13
UXDI like to be socialI’ll always try to use technology to be social. That’s been true for thousands of years.
I’m almost always looking to other people for guidance on what to do, especially if I’m uncertain.
If you do me a favor, I’ll feel indebted to do you one back.
When I watch someone do something, the same parts in my brain light up as though I were doing it myself.
Laughter works the same way.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDI crave information
Sunday, February 10, 13
UXDI crave informationThe dopamine in my brain makes me seek information.
Sunday, February 10, 13
UXDI crave informationThe dopamine in my brain makes me seek information.
I often want more information than I can actually process.
Sunday, February 10, 13
UXDI crave informationThe dopamine in my brain makes me seek information.
I often want more information than I can actually process.
Having more information makes me feel like I have more choices.
Sunday, February 10, 13
UXDI crave informationThe dopamine in my brain makes me seek information.
I often want more information than I can actually process.
Having more information makes me feel like I have more choices.
Having more choices makes me feel in control.
Sunday, February 10, 13
UXDI crave informationThe dopamine in my brain makes me seek information.
I often want more information than I can actually process.
Having more information makes me feel like I have more choices.
Having more choices makes me feel in control.
Feeling in control makes me feel I’ll survive better.
Sunday, February 10, 13
UXDI crave informationThe dopamine in my brain makes me seek information.
I often want more information than I can actually process.
Having more information makes me feel like I have more choices.
Having more choices makes me feel in control.
Feeling in control makes me feel I’ll survive better.
I need feedback. When the system is doing something, I need to know what’s going on.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDI create mental models
Sunday, February 10, 13
UXDI create mental modelsI have specific ideas and expectations about the way things are supposed to work.
Sunday, February 10, 13
UXDI create mental modelsI have specific ideas and expectations about the way things are supposed to work.
Those expectations come from my experiences with other things.
Sunday, February 10, 13
UXDI create mental modelsI have specific ideas and expectations about the way things are supposed to work.
Those expectations come from my experiences with other things.
The mental model I have about a particular task can make it easy or hard to use your site or app.
Sunday, February 10, 13
UXDI create mental modelsI have specific ideas and expectations about the way things are supposed to work.
Those expectations come from my experiences with other things.
The mental model I have about a particular task can make it easy or hard to use your site or app.
Metaphors help me "get" what you want me to do. For example, "this is just like reading a book."
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDI need visual systems
Sunday, February 10, 13
UXDI need visual systemsIf there are too many things on the screen, I can't find anything.
Sunday, February 10, 13
UXDI need visual systemsIf there are too many things on the screen, I can't find anything.
If I see things that are close together, I’ll think they’re related.
Sunday, February 10, 13
UXDI need visual systemsIf there are too many things on the screen, I can't find anything.
If I see things that are close together, I’ll think they’re related.
Things that are the same color seem related to me.
Sunday, February 10, 13
UXDI need visual systemsIf there are too many things on the screen, I can't find anything.
If I see things that are close together, I’ll think they’re related.
Things that are the same color seem related to me.
Those eye tracking studies are cool, but just because I’m looking at something straight on doesn't mean I’m paying attention to it.
Sunday, February 10, 13
UXDI need visual systemsIf there are too many things on the screen, I can't find anything.
If I see things that are close together, I’ll think they’re related.
Things that are the same color seem related to me.
Those eye tracking studies are cool, but just because I’m looking at something straight on doesn't mean I’m paying attention to it.
The hardest colors to look at together are red and blue. Never use red text on a blue background or vice versa.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
why should we care about UXD?
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDbecause your creations are used by people.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and people have experiences.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and people have experiences.
some good, some bad.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and people have experiences.
some good, some bad.
but the bad ones stick with you.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and people have experiences.
some good, some bad.
but the bad ones stick with you.
so you avoid repeating them at all costs.
Sunday, February 10, 13
UXDbecause your creations are used by people.
Sunday, February 10, 13
UXDbecause your creations are used by people.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and like most of us, you probably tell other people just how bad the bad ones were.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and like most of us, you probably tell other people just how bad the bad ones were.
and so they avoid those things too.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and like most of us, you probably tell other people just how bad the bad ones were.
and so they avoid those things too.
you don’t want anything you make to be that bad experience.
Sunday, February 10, 13
UXDbecause your creations are used by people.
and like most of us, you probably tell other people just how bad the bad ones were.
and so they avoid those things too.
you don’t want anything you make to be that bad experience.
and you don’t want to be the one we’re all complaining about.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDimagine this guy as an online experience.
Sunday, February 10, 13
UXDimagine this guy as an online experience.
he blocks your progress.
Sunday, February 10, 13
UXDimagine this guy as an online experience.
he blocks your progress.
he makes offensive comments.
Sunday, February 10, 13
UXDimagine this guy as an online experience.
he blocks your progress.
he makes offensive comments.
he shows you things you aren’t interested in.
Sunday, February 10, 13
UXDimagine this guy as an online experience.
he blocks your progress.
he makes offensive comments.
he shows you things you aren’t interested in.
he refuses to give you clear, honest answers.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
nobody wants this guy.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
what we do want is a better, more fulfilling, more valuable experience.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
we want ourneeds to be met.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
we want our questions to be answered.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
we want to be treated with respect.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDsounds familiar, doesn’t it?
Sunday, February 10, 13
UXDsounds familiar, doesn’t it?
a little like the “old rules” of customer service, maybe?
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDexpectations are formed visually
Sunday, February 10, 13
UXDexpectations are formed visually
When we see an object, we make a series of instant assumptions about it – in seconds. What it does, how well and what the cost of use is, either in time or money.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDcross-channel expectations are higher
Sunday, February 10, 13
UXDcross-channel expectations are higher
A recent Harris Interactive study showed the majority of users chose good experience design over brand loyalty – and will abandon a mobile app if it’s too difficult to use.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDmy device, my way
Sunday, February 10, 13
UXDmy device, my way
the methods and devices we use to access information change depending on context and preference – and good UXD makes the experience consistent across all of them.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDtask completion isn’t the same as success
Sunday, February 10, 13
UXDtask completion isn’t the same as success
A person may be able to get the desired result with your site or app – but unless it’s easy, they won’t be back to use it a second time.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDgood UXD makes things enjoyable
Sunday, February 10, 13
UXDgood UXD makes things enjoyable
Sure, the sensible economy car will get you from point A to point B, but wouldn’t the super-engineered convertible be a lot more fun?
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXD
the elements of user experience
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthe five planes of UX
Sunday, February 10, 13
UXD
S T R A T E G Y
the five planes of UX
Sunday, February 10, 13
UXD
S T R A T E G Y
the five planes of UX
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S C O P E
S T R A T E G Y
the five planes of UX
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S C O P E
S T R A T E G Y
the five planes of UX
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S T R U C T U R E
S C O P E
S T R A T E G Y
the five planes of UX
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S T R U C T U R E
S C O P E
S T R A T E G Y
the five planes of UX
the number of places you can go, organized contextually
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the five planes of UX
the number of places you can go, organized contextually
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the five planes of UX
the optimized organization and arrangement of onscreen elements
the number of places you can go, organized contextually
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the five planes of UX
the optimized organization and arrangement of onscreen elements
the number of places you can go, organized contextually
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the five planes of UX
web pages or app screens; images, text, things you can click
the optimized organization and arrangement of onscreen elements
the number of places you can go, organized contextually
features and functions contained within the site, system or app
the site, system or app’s reason for being, to the creator and to users
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experienceT A S K S
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experienceT A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
navigationdesign
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
interactiondesign
navigationdesign
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
interactiondesign
navigationdesign
informationarchitecture
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
interactiondesign
functionalspecification
navigationdesign
informationarchitecture
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
interactiondesign
functionalspecification
navigationdesign
informationarchitecture
contentrequirements
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
the elements of user experience
visual design
interfacedesign
interactiondesign
functionalspecification
navigationdesign
informationarchitecture
contentrequirements
user needsbusiness objectives
T A S K S I N F O
Sunday, February 10, 13
UXD
S U R F A C E
S K E L E T O N
S T R U C T U R E
S C O P E
S T R A T E G Y
concrete
abstract
the elements of user experience
visual design
interfacedesign
interactiondesign
functionalspecification
navigationdesign
informationarchitecture
contentrequirements
user needsbusiness objectives
T A S K S I N F O
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthe strategy plane
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needsbusiness objectives
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needsbusiness objectives
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needs come from the people who will use the product.
user needsbusiness objectives
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needs come from the people who will use the product.
what do they want from us?
user needsbusiness objectives
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needs come from the people who will use the product.
what do they want from us?
how does that fit in with their other goals?
user needsbusiness objectives
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needs come from the people who will use the product.
what do they want from us?
how does that fit in with their other goals?
business objectives define success, and typically mean making money, saving money or both.
user needsbusiness objectives
Sunday, February 10, 13
UXD
S T R A T E G Y
the strategy plane
user needs come from the people who will use the product.
what do they want from us?
how does that fit in with their other goals?
business objectives define success, and typically mean making money, saving money or both.
how will we know if we have succeeded?
user needsbusiness objectives
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthe scope plane
Sunday, February 10, 13
UXD
S C O P E
the scope plane
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
contentrequirements
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
contentrequirements
how the customer explained it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
how the designer designed it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
how the designer designed it
how the engineer & developer built it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
how the designer designed it
how the engineer & developer built it
how the customer really wanted it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
strategy becomes scope when user needs and business objectives are translated into requirements for content & functionality
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
how the designer designed it
how the engineer & developer built it
how the customer really wanted it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
strategy becomes scope when user needs and business objectives are translated into requirements for content & functionality
functional specifications describe the feature set of the product – what are we creating?
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
how the designer designed it
how the engineer & developer built it
how the customer really wanted it
Sunday, February 10, 13
UXD
S C O P E
the scope plane
strategy becomes scope when user needs and business objectives are translated into requirements for content & functionality
functional specifications describe the feature set of the product – what are we creating?
content requirements detail what information is required to provide value to users – images? audio? video? dynamic real-time data?
functionalspecification
contentrequirements
how the customer explained it
how the project manager heard it
how the designer designed it
how the engineer & developer built it
how the customer really wanted it
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthe structure plane
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
interactiondesign
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
interactiondesign
informationarchitecture
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
interactiondesign
informationarchitecture
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
scope is given structure when we define how the system responds to the user’s actions.
interactiondesign
informationarchitecture
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
scope is given structure when we define how the system responds to the user’s actions.
interaction design creates a structured experience of patterns and sequences that present appropriate options to users.
interactiondesign
informationarchitecture
Sunday, February 10, 13
UXD
S T R U C T U R E
the structure plane
scope is given structure when we define how the system responds to the user’s actions.
interaction design creates a structured experience of patterns and sequences that present appropriate options to users.
information architecture defines the volume of content, along with how it’s arranged and organized – on each screen as well as across the entire product.
interactiondesign
informationarchitecture
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthe skeleton plane
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
interfacedesign
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
interfacedesign
navigationdesign
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
interfacedesign
navigationdesign
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
structure informs the skeleton of the system – specifically, what it may look like and how users move through tasks and information.
interfacedesign
navigationdesign
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
structure informs the skeleton of the system – specifically, what it may look like and how users move through tasks and information.
interface design determines how to best arrange and present visual elements for the user to interact with.
interfacedesign
navigationdesign
Sunday, February 10, 13
UXD
S K E L E T O N
the skeleton plane
structure informs the skeleton of the system – specifically, what it may look like and how users move through tasks and information.
interface design determines how to best arrange and present visual elements for the user to interact with.
navigation design provides onscreen elements that allow the user to move through tasks and information in an intuitive way.
interfacedesign
navigationdesign
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthe surface plane
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design uses colors, images, typography and effects, each specifically chosen to:
visual design
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design uses colors, images, typography and effects, each specifically chosen to:
a) support and reinforce the meaning of the content being presented
visual design
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design uses colors, images, typography and effects, each specifically chosen to:
a) support and reinforce the meaning of the content being presented
b) guide the user where applicable through data, tasks or information
visual design
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design uses colors, images, typography and effects, each specifically chosen to:
a) support and reinforce the meaning of the content being presented
b) guide the user where applicable through data, tasks or information
c) reduce cognitive load and enable recognition and intuitive learning
visual design
Sunday, February 10, 13
UXD
S U R F A C E
the surface plane
visual design uses colors, images, typography and effects, each specifically chosen to:
a) support and reinforce the meaning of the content being presented
b) guide the user where applicable through data, tasks or information
c) reduce cognitive load and enable recognition and intuitive learning
d) be culturally/socially appropriate
visual design
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDthese planes are interdependent
Sunday, February 10, 13
UXDthese planes are interdependent
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
Sunday, February 10, 13
UXDthese planes are interdependent
S K E L E T O N
S T R U C T U R E
choices made on each plane affect the choices available on other planes.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDUXD elements must be flexible
Sunday, February 10, 13
UXDUXD elements must be flexible
Sunday, February 10, 13
UXDUXD elements must be flexibleef
fort
Sunday, February 10, 13
UXDUXD elements must be flexibleef
fort
time
Sunday, February 10, 13
UXDUXD elements must be flexible
ST
RA
TE
GY
SC
OP
E
ST
RU
CT
UR
E
SK
EL
ET
ON
SU
RF
AC
E
effo
rt
time
Sunday, February 10, 13
UXDUXD elements must be flexible
requiring work on each plane to finish before work on the next can start results in a frustrating user experience.
ST
RA
TE
GY
SC
OP
E
ST
RU
CT
UR
E
SK
EL
ET
ON
SU
RF
AC
E
effo
rt
time
Sunday, February 10, 13
UXDef
fort
time
UXD elements must be flexible
Sunday, February 10, 13
UXDef
fort
time
ST
RA
TE
GY
SC
OP
E
ST
RU
CT
UR
E
SK
EL
ET
ON
SU
RF
AC
E
UXD elements must be flexible
Sunday, February 10, 13
UXDef
fort
time
ST
RA
TE
GY
SC
OP
E
ST
RU
CT
UR
E
SK
EL
ET
ON
SU
RF
AC
E
UXD elements must be flexible
Sunday, February 10, 13
UXD
a better approach is to have work on each plane finish while work on the next plane is in progress – so users don’t wait.
effo
rt
time
ST
RA
TE
GY
SC
OP
E
ST
RU
CT
UR
E
SK
EL
ET
ON
SU
RF
AC
E
UXD elements must be flexible
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDadditional factors
Sunday, February 10, 13
UXDadditional factors
Sunday, February 10, 13
UXDadditional factorsit’s not always that clear cut
Sunday, February 10, 13
UXDadditional factorsit’s not always that clear cutit can be difficult to tell which element is responsible for a UX problem.
Sunday, February 10, 13
UXDadditional factorsit’s not always that clear cutit can be difficult to tell which element is responsible for a UX problem.
‣ is the visual design inappropriate?
Sunday, February 10, 13
UXDadditional factorsit’s not always that clear cutit can be difficult to tell which element is responsible for a UX problem.
‣ is the visual design inappropriate?
‣ is the underlying navigation the problem?
Sunday, February 10, 13
UXDadditional factorsit’s not always that clear cutit can be difficult to tell which element is responsible for a UX problem.
‣ is the visual design inappropriate?
‣ is the underlying navigation the problem?
‣ is the browser interpreting the code incorrectly?
Sunday, February 10, 13
UXDadditional factorsit’s not always that clear cutit can be difficult to tell which element is responsible for a UX problem.
‣ is the visual design inappropriate?
‣ is the underlying navigation the problem?
‣ is the browser interpreting the code incorrectly?
sometimes it’s more than one thing, and sometimes it’s multiple things combined.
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDadditional factors
Sunday, February 10, 13
UXDadditional factors
Sunday, February 10, 13
UXDadditional factorscontent is still king
Sunday, February 10, 13
UXDadditional factorscontent is still kingit’s why users come to a site or open an app
Sunday, February 10, 13
UXDadditional factorscontent is still kingit’s why users come to a site or open an app
is what the user wants available?
Sunday, February 10, 13
UXDadditional factorscontent is still kingit’s why users come to a site or open an app
is what the user wants available?
is the variety appropriate?
Sunday, February 10, 13
UXDadditional factorscontent is still kingit’s why users come to a site or open an app
is what the user wants available?
is the variety appropriate?
is the content relevant to the reason they’re here?
Sunday, February 10, 13
UXDadditional factorscontent is still kingit’s why users come to a site or open an app
is what the user wants available?
is the variety appropriate?
is the content relevant to the reason they’re here?
do we have ways to catalog, track and present the content when, where and how the user wants it?
Sunday, February 10, 13
UXDadditional factors
Sunday, February 10, 13
UXD
design
additional factors
Sunday, February 10, 13
UXD
dev
design
additional factors
Sunday, February 10, 13
UXD
dev
design
additional factors
ux
Sunday, February 10, 13
UXD
dev
design
additional factorsappropriate technology
ux
Sunday, February 10, 13
UXD
dev
design
additional factorsappropriate technologythe right platform is critical in experience delivery
ux
Sunday, February 10, 13
UXD
dev
design
additional factorsappropriate technologythe right platform is critical in experience delivery
technology enables UXD to extend across multiple OS, browsers, devices and form factors
ux
Sunday, February 10, 13
UXD
dev
design
additional factorsappropriate technologythe right platform is critical in experience delivery
technology enables UXD to extend across multiple OS, browsers, devices and form factors
technology can’t be seen as an add-on or a nice to have – it needs to be inherent in how we design
ux
Sunday, February 10, 13
UXD
dev
design
additional factorsappropriate technologythe right platform is critical in experience delivery
technology enables UXD to extend across multiple OS, browsers, devices and form factors
technology can’t be seen as an add-on or a nice to have – it needs to be inherent in how we design
touchscreen interaction, for example, has changed the way we navigate digital information
ux
Sunday, February 10, 13
UXD
Sunday, February 10, 13
UXDassignment(s)1. Choose a product or service – real
or made up – for your semester web site project.
2. Read pages 1-52 of The Design of Everyday Things by Donald A. Norman. Find an example of an interface that offers the user a clear invitation to do something and makes that engagement a compelling and engaging experience. You will share your example with the class next week.
Sunday, February 10, 13