Good application final-nopics

62
What makes an application a “good” application ? How is software experienced by end- users ? Derk Smit / Christian Campo EclipseCon Europe 2011

description

http://www.eclipsecon.org/sessions/what-makes-application-good-application

Transcript of Good application final-nopics

Page 1: Good application final-nopics

What makes an application a “good” application ?How is software experienced by end-users ?Derk Smit / Christian Campo

EclipseCon Europe 2011

Page 2: Good application final-nopics

• Derk Smit• Christian Campo

How is software experienced by end-users ?• What is Usability ?• Flow ?• “Gestalt” Laws ?

Who are we ?

Page 3: Good application final-nopics

Software Quality

Page 4: Good application final-nopics

Definition of Usability

"The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and

satisfaction in a specified context of use."

Source: ISO 9241-11

Usability, a definition

Page 5: Good application final-nopics

Definition of Usability

"The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and

satisfaction in a specified context of use."

Source: ISO 9241-11

Usability

Page 6: Good application final-nopics

Product, User, Goal, and Context of Use

"The extent to which a product can be used by specified users to achieve specified goals… …in a specified context of use."

Usability

Context of Use

Source: Productergonomie, H. Dirken

I have Goals

Page 7: Good application final-nopics

Usability: the user

Context of Use

Input

Output Input

Output

Source: Productergonomie, H. Dirken

User

PRODUCT

Input

•Sight, Hearing, Taste, Smell, Touch, Balance & Acceleration, Temperature

Output

•Motor skills, Speech

Throughput

•Decision (processing), Memory (storing)

Page 8: Good application final-nopics

Input

•Keyboard/Keypad, Mouse, Joystick, Microphone, Touch Screen

Output

•Monitor, Internal speak, Vibration

Usability: the product

Context of Use

Input

Output Input

Output

Source: Productergonomie, H. Dirken

ProductThroughput

•Decision (processing), Memory (storing)

USER

Page 9: Good application final-nopics

Context of UseContext of Use

•Use environment (Environmental-, Social- Technological context

•E.g. Temperature, Noise, Pressure, Lighting Conditions, Other products (e.g. safety glasses, gloves), Social Context

Usability: context of use

Context of Use

Input

Output Input

Output

Source: Productergonomie, H. Dirken

USER PRODUCT

Page 10: Good application final-nopics

Operation/Manipulation

Interaction

Usability: interaction

Context of Use

Source: Productergonomie, H. Dirken

Information

Page 11: Good application final-nopics

"The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and

satisfaction in a specified context of use."

Usability

Context of Use

Source: Productergonomie, H. Dirken

I have Goals

Page 12: Good application final-nopics

Product, User, Goal, and Context of Use

"The extent to which a product can be used by specified users to achieve specified goals… …in a specified context of use."

Design decisions ?

Context of Use

Input

Output Input

OutputProduct

?

Source: Productergonomie, H. Dirken

USER

Page 13: Good application final-nopics

Design decisions: the user

• Required domain knowledge knowledge (what does the user need to know to accomplish their job?)

User•What goals does the user have?• Vocabulary of the domain• How existing products are used• Abilities and impairments?•How do the goals of my software relate to other goals of the user’s job?• Experience level?

Page 14: Good application final-nopics

Context of Use• What are characteristics of the context (e.g. heat, noise)• Artifacts in the context

Design decision: context of use

• Context of how the product fits into their lives/workflow

Factory floor Public space Library Crowded office space

Page 15: Good application final-nopics

• To make a more usable design, you need to know:› Who are your users ?› What are their skills ?› What are their goals ?› In which context is your product used ?

• The information on user, context, goals will help you make realistic design decisions

• How to get this information ?

› USABILITY RESEARCH & TESTING!

What does this all mean ?

Page 16: Good application final-nopics

Definition of Usability

"The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and

satisfaction in a specified context of use."

Source: ISO 9241-11

Usability

Page 17: Good application final-nopics

• Effectiveness› Definition: Successful in producing an intended result

Usability: effectiveness

› Measuring Effectiveness› Percentage of task

completed› Ratio of success to

failure

› Number of features or commands used

Source: http://www.usabilitymetrics.com/usability-metrics.html

Sports car Bicycle

Page 18: Good application final-nopics

• Efficiency› Definition: Achieving maximum productivity with minimum wasted

effort or expense

Usability: efficiency

› Measuring Efficiency› Time to complete the

task› Time to learn› Time spent on error

› Percentage or number of errors

Source: http://www.usabilitymetrics.com/usability-metrics.html

Sports car 1-Liter car

Page 19: Good application final-nopics

• Satisfaction› Definition: Fulfillment in one’s expectations, needs, or pleasure

derived from this

Usability: satisfaction

› Measuring Satisfaction› Rating scale for

satisfaction with functions and features

› Rating scale for usefulness of the product or service

› Number of times user expresses frustration or anger

Source: http://www.usabilitymetrics.com/usability-metrics.html

Page 20: Good application final-nopics

• Satisfaction› Fulfillment in one’s expectations, needs, or pleasure derived from

this

Keep users happy by allowing for flow

Usability: satisfactionExperience

Page 21: Good application final-nopics

• Flow is the mental state of operation in which a person in an activity is fully immersed in a feeling of energized focus, full involvement, and success in the process of the activity

How to allow for flow ? (Some principles)

• The user must have a clear goal• Task should be doable/workable• (Inter)actions should have immediate feedback

In Software ? (Some principles)

•Direct, don’t discuss•Keep tools close at hand•Provide modeless feedback

What is flow ? Experience

Sources: About Face 2.0, Cooper, Reiman, The Psychology of Optimal Experience; Csikszentmihalyi

Page 22: Good application final-nopics

Flow ?

Page 23: Good application final-nopics

Allowing for flow search

Page 24: Good application final-nopics

Allowing for flow search

Page 25: Good application final-nopics

Allowing for flow search

Page 26: Good application final-nopics

Allowing for flow search

Page 27: Good application final-nopics

Allowing for flow search

Page 28: Good application final-nopics

Allowing for flow save

Page 29: Good application final-nopics

Allowing for flow save

Page 30: Good application final-nopics

Allowing for flow save

Demo textedit

Page 31: Good application final-nopics

Allowing for flow

Page 32: Good application final-nopics

Allowing for flow

Page 33: Good application final-nopics

Allowing for flow

Page 34: Good application final-nopics

Allowing for flow

Page 35: Good application final-nopics

•Flow != Workflow› Flow links Workflows› Flow allows uninterrupted Work› Think ahead for your user ???

Allowing for flow

Page 36: Good application final-nopics

• Efficiency› Achieving maximum productivity with minimum wasted effort or expense

To make a product more efficient one can reduce TIME and WORK

Usability: efficiency

Source: About Face 2.0, Cooper, Reimann

Page 37: Good application final-nopics

Reducing perceptual work ?

• (Some) Dimensions of visual coding

› Position

› Color

› Texture

› Form

› Size

Source: Productergonomie, H. Dirken

Traffic light

Page 38: Good application final-nopics

Reducing perceptual work ?

Proximity•Elements that are close together tend to be perceived as a group (belonging together)

Similarity•Elements with similar properties (e.g. shape, color) tend to be perceived as groups

Page 39: Good application final-nopics

Reducing perceptual work

Page 40: Good application final-nopics

Reducing perceptual work

Page 41: Good application final-nopics

Reducing perceptual work

Page 42: Good application final-nopics

Reducing perceptual work

Page 43: Good application final-nopics

Reducing perceptual work

Page 44: Good application final-nopics

Reducing perceptual work

Page 45: Good application final-nopics

Reducing perceptual work

Label Textfield

10 px

next Label

30 px

Label always at the beginning of a new line

1.

2.

Page 46: Good application final-nopics

Reducing perceptual work

I meant in an intelligent way :-)

Page 47: Good application final-nopics

Reducing perceptual work

Page 48: Good application final-nopics

Reducing perceptual work

Page 49: Good application final-nopics

Reducing perceptual work

YES ! this isthe same as the oneabove

Page 50: Good application final-nopics

Reducing perceptual work

Page 51: Good application final-nopics

Reducing perceptual work

• mandatory• static• easy to

overlook

Page 52: Good application final-nopics

Reducing perceptual work

no longermandatory

Page 53: Good application final-nopics

Reducing perceptual work

Page 54: Good application final-nopics

Reducing perceptual work

• errormarker

Page 55: Good application final-nopics

Reducing perceptual workX Invalid character in birthday.

X

Page 56: Good application final-nopics

Reducing perceptual workX Invalid character in birthday.

X

X

Page 57: Good application final-nopics

Reducing perceptual workX Invalid format for taxnumber, no `-`allowed.

X

X

Page 58: Good application final-nopics

Reducing perceptual work

ambiguousmeaning ofdisabled

Page 59: Good application final-nopics

Reducing perceptual work

better ?

what about the label ?

Page 60: Good application final-nopics

Definition of Usability

"The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and

satisfaction in a specified context of use.”

Recap

Source: ISO 9241-11

Flow“Gestalt” Laws

Mind thisDo not interrupt this

Page 61: Good application final-nopics

The question is ?

What is the context of use ?

Who are my users ?

What are their goals ?

How can I make their work more efficient ?

How can I make their work more satisfying ?

How can I make their work effective ?

How do users experience YOUR software ?

Page 62: Good application final-nopics

• About Face 2.0: The Essentials of Interaction Design; Cooper, Alan; Reihmann, Robert• Flow: The Psychology of Optimal Experience; Csikszentmihalyi, Mihaly• http://www.usabilitymetrics.com/• Productergonomie; Dirken, Hans• ISO 9241-11

References