Vous êtes sur la page 1sur 131

Master on Software Engineering :: Human-Computer Interaction



Human-Computer Interaction  Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Human-Computer Interaction  Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

“Design, v.: What you regret not doing later on.

/usr/games/fortune

v.: What you regret not doing later on. ” /usr/games/fortune Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
v.: What you regret not doing later on. ” /usr/games/fortune Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

How about the means of interaction between user(s) and software?

How about the means of interaction between user(s) and software? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
How about the means of interaction between user(s) and software? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Human a person who tries to accomplish a goal

Human

a person who tries to accomplish a goal

Interaction Human a person who tries to accomplish a goal Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Computer runs applications (software) Dr. Sabin-Corneliu

Computer

runs applications (software)

:: Human-Computer Interaction Computer runs applications (software) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Computer runs applications (software) locally versus

Computer

runs applications (software)

locally versus remotely

Computer runs applications (software) locally versus remotely Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

first game developed on PDP (1960s) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
first game developed on PDP (1960s)
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
:: Human-Computer Interaction first game developed on PDP (1960s) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Interaction “dialogue” between humans and computers Dr.

Interaction

“dialogue” between humans and computers

Interaction Interaction “dialogue” between humans and computers Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The interaction between user(s) and application(s) is

The interaction between user(s) and application(s) is achieved via an interface – user interface

and application(s) is achieved via an interface – user interface Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

API (Application Programming Interface) versus UI (User Interface)
API (Application Programming Interface)
versus
UI (User Interface)

The interaction between user(s) and application(s) is achieved via an interface – user interface

and application(s) is achieved via an interface – user interface Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: conventional (classical) UI –

Types of user interfaces:

conventional (classical) UI e.g., desktop

of user interfaces: conventional (classical) UI – e.g. , desktop Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Graficon (Douglas Engelbart, 1963) Dr. Sabin-Corneliu

Graficon (Douglas Engelbart, 1963)

:: Human-Computer Interaction Graficon (Douglas Engelbart, 1963) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: conventional (classical) UI –

Types of user interfaces:

conventional (classical) UI e.g., desktop

WIMP (Window Icon Menu Pointer) paradigm, interaction via keyboard & mouse + additional devices, graphical representations (bitmap vs. vectorial), support provided by the OS kernel vs. a desktop system, multi-tasking

provided by the OS kernel vs. a desktop system, multi-tasking Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Bryce (Kai Krause, 1997) Dr. Sabin-Corneliu Buraga –

Bryce (Kai Krause, 1997)

Engineering :: Human-Computer Interaction Bryce (Kai Krause, 1997) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: Web interface Dr. Sabin-Corneliu

Types of user interfaces:

Web interface

Human-Computer Interaction Types of user interfaces: Web interface Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction WorldWideWeb280slidessystem (Tim(2010)Berners-Lee, ~1990)
Master on Software Engineering :: Human-Computer Interaction WorldWideWeb280slidessystem (Tim(2010)Berners-Lee, ~1990)

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: Web interface browser – limited

Types of user interfaces:

Web interface

browser – limited controls provided by (X)HTML, hypertext/hypermedia, RIA (Rich Internet Applications), (a)synchronous interaction, availability – world-wide audience, standards

interaction, availability – world-wide audience, standards Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction 280slides (2010) Dr. Sabin-Corneliu Buraga –

280slides (2010)

Engineering :: Human-Computer Interaction 280slides (2010) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: mobile user interface Dr.

Types of user interfaces:

mobile user interface

Interaction Types of user interfaces: mobile user interface Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: mobile user interface limited

Types of user interfaces:

mobile user interface

limited resources/features:

resolution, memory, I/O, power etc., one task vs. multi-tasking, off-line vs. on-line, task-oriented software

vs. multi-tasking, off-line vs. on-line, task-oriented software Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: unconventional UI Dr.

Types of user interfaces:

unconventional UI

Interaction Types of user interfaces: unconventional UI Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Types of user interfaces: unconventional UI new interaction

Types of user interfaces:

unconventional UI

new interaction paradigms + new expectations, haptic, gesture, locomotion, auditory & voice, tangible UI, augmented and virtual reality, physical computing, ambient intelligence (AmI)

and virtual reality, physical computing, ambient intelligence (AmI) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Stefan Negru, 2009 Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction User – desktop, Web, mobile,… – interface part of

User – desktop, Web, mobile,… – interface

part of a program/application – at the desktop, Web, mobile device,… level – which permits users to expose their intentions (goals) with respect to the actual software and to interpret the results of certain actions performed by the machine

to interpret the results of certain actions performed by the machine Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction User – desktop, Web, mobile,… – interface perceived by

User – desktop, Web, mobile,… – interface

perceived by the user not only as a visual part of a certain software application

the user not only as a visual part of a certain software application Dr. Sabin-Corneliu Buraga

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction User – desktop, Web, mobile,… – interface from the

User – desktop, Web, mobile,… – interface

from the point of view of an user, it represents the entire system

the application per se

of an user, it represents the entire system the application per se Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction User – desktop, Web, mobile,… – interface useful Dr.

User – desktop, Web, mobile,… – interface

useful

Interaction User – desktop, Web, mobile,… – interface useful Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction User – desktop, Web, mobile,… – interface usable Dr.

User – desktop, Web, mobile,… – interface

usable

Interaction User – desktop, Web, mobile,… – interface usable Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction User – desktop, Web, mobile,… – interface used Dr.

User – desktop, Web, mobile,… – interface

used

Interaction User – desktop, Web, mobile,… – interface used Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Everyone who uses a (software) tool is conducted by

Everyone who uses a (software) tool is conducted by a motivation

Everyone who uses a (software) tool is conducted by a motivation Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction
Master on Software Engineering :: Human-Computer Interaction

finding an entity: information, object, user, etc.

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction (self)learning/instruction Dr. Sabin-Corneliu Buraga –

(self)learning/instruction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
:: Human-Computer Interaction (self)learning/instruction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction performing a process – e.g. , a (business) transaction

performing a process – e.g., a (business) transaction

performing a process – e.g. , a (business) transaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction social interactions – at a real and/or virtual level

social interactions – at a real and/or virtual level

Interaction social interactions – at a real and/or virtual level Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction creating an artifact: (micro)blog note, picture, article,

creating an artifact:

(micro)blog note, picture, article, source-code,

an artifact: (micro)blog note, picture, article, source-code, Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction entertainment – individual vs. community Dr.
Master on Software Engineering :: Human-Computer Interaction entertainment – individual vs. community Dr.

Master on Software Engineering :: Human-Computer Interaction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Define the perception of a product/service from the point

Define the perception of a product/service from the point of view of person(s) who use it and the apparent pleasure/satisfaction

view of person(s) who use it and the apparent pleasure/satisfaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction “Every product that is used by someone has a

“Every product that is used by someone has a user experience: newspapers, ketchup bottles, reclining armchairs, cardigan sweaters.”

James Jesse Garrett, 2003

reclining armchairs, cardigan sweaters.” James Jesse Garrett, 2003 Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Cannot design a user experience, only design for a

Cannot design a user experience, only design for a user experience

Cannot design a user experience, only design for a user experience Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction experience = expectation  user is satisfied Dr.

experience = expectationuser is satisfied

Interaction experience = expectation  user is satisfied Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction experience > expectation  user is delighted Dr.

experience > expectationuser is delighted

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Interaction experience > expectation  user is delighted Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction experience < expectation  user is dissatisfied Dr.

experience < expectationuser is dissatisfied

Interaction experience < expectation  user is dissatisfied Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction http://garrettdimon.com/pages/improving_interface_designDr.
Master on Software Engineering :: Human-Computer Interaction http://garrettdimon.com/pages/improving_interface_designDr.

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The necessity of organizing the information desired by the

The necessity of organizing the information desired by the users

The necessity of organizing the information desired by the users Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The solutions of presenting the content regard the IA

The solutions of presenting the content regard the IA – Information Architecture

presenting the content regard the IA – Information Architecture Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction We can adopt different techniques regarding data

We can adopt different techniques regarding data visualization

We can adopt different techniques regarding data visualization Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction We can adopt different techniques regarding data

We can adopt different techniques regarding data visualization

visual design

visual representation infographics

data visualization visual design visual representation infographics Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction www.veen.com/nextgen.pdf Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Microsoft, 2008

Master on Software Engineering :: Human-Computer Interaction

understand
understand
evaluate
evaluate
study
study
build design Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
build
design
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Human-Computer Interaction understand evaluate study build design Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

What are the most important aspects regarding the UI design?
What are the
most important
aspects regarding
the UI design?
What are the most important aspects regarding the UI design? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction “Designing interactive products to support the way people

“Designing interactive products to support the way people communicate and interact in their everyday and working lives.”

Sharp, Rogers & Preece, 2007

everyday and working lives.” Sharp, Rogers & Preece, 2007 Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Related domains (Dan Saffer, 2006)

Master on Software Engineering :: Human-Computer Interaction

2006) Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
2006) Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

some issues

on Software Engineering :: Human-Computer Interaction some issues Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction “ Digital products are rude. ” Alan Cooper et

Digital products are rude.

Alan Cooper et al., 2007

“ Digital products are rude. ” Alan Cooper et al. , 2007 Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The user is in charge with the application (developer)

The user is in charge with the application (developer) mistakes

The user is in charge with the application (developer) mistakes Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The user is in charge with the application (developer)

The user is in charge with the application (developer) mistakes

stupidity?
stupidity?
is in charge with the application (developer) mistakes stupidity? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Users must think as computers …even they don’t want

Users must think as computers

…even they don’t want to learn the “Boolean” language

…even they don’t want to learn the “Boolean” language Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
…even they don’t want to learn the “Boolean” language Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Usually, applications do not help people Dr. Sabin-Corneliu

Usually, applications do not help people

Human-Computer Interaction Usually, applications do not help people Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Human-Computer Interaction Usually, applications do not help people Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Usually, applications do not help people Dr. Sabin-Corneliu

Usually, applications do not help people

Human-Computer Interaction Usually, applications do not help people Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Why digital products are so “nasty”? Dr. Sabin-Corneliu
Why digital products are so “nasty”?
Why digital products are so “nasty”?
Human-Computer Interaction Why digital products are so “nasty”? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Ignoring reality aka the target public (the common user)

Ignoring reality aka the target public (the common user)

we tend exclusively to develop software for the “elite”

user) we tend exclusively to develop software for the “elite” Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

???
???
Master on Software Engineering :: Human-Computer Interaction ??? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Conflicts of interests: developers versus business Dr.

Conflicts of interests:

developers

versus

business

Interaction Conflicts of interests: developers versus business Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The lack of a coherent process regarding the developing

The lack of a coherent process regarding the developing of the common software

a coherent process regarding the developing of the common software Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

too many amateurs?
too many
amateurs?

The lack of a coherent process regarding the developing of the common software

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
a coherent process regarding the developing of the common software Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

typical example: Web development
typical example:
Web
development

The lack of a coherent process regarding the developing of the common software

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
a coherent process regarding the developing of the common software Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Alan Cooper et al., 2007

Master on Software Engineering :: Human-Computer Interaction

, 2007 Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
, 2007 Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The complexity of software applications is greater than the

The complexity of software applications is greater than the one of the tangible products

example:

an operating system vs. an airship

the tangible products example: an operating system vs. an airship Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The process of interaction design is an inter-disciplinary

The process of interaction design is an inter-disciplinary one (Rogers, 2007)

Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
of interaction design is an inter-disciplinary one (Rogers, 2007) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

interac- tion design
interac-
tion
design

research regarding interaction design (Yvonne Rogers, 2007)

design research regarding interaction design (Yvonne Rogers, 2007) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction What we want to create (develop)? Dr. Sabin-Corneliu Buraga

What we want to create (develop)?

:: Human-Computer Interaction What we want to create (develop)? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How about the premises? Dr. Sabin-Corneliu Buraga –

How about the premises?

Engineering :: Human-Computer Interaction How about the premises? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction What are the final goals? Dr. Sabin-Corneliu Buraga –

What are the final goals?

Engineering :: Human-Computer Interaction What are the final goals? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction We’ll really obtain what we hope? Dr. Sabin-Corneliu

We’ll really obtain what we hope?

:: Human-Computer Interaction We’ll really obtain what we hope? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction If yes, how? Dr. Sabin-Corneliu Buraga –

If yes, how?

on Software Engineering :: Human-Computer Interaction If yes, how? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How about the intrinsic difficulties? Dr. Sabin-Corneliu

How about the intrinsic difficulties?

:: Human-Computer Interaction How about the intrinsic difficulties? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Can we (re)use an existing solution? Dr. Sabin-Corneliu

Can we (re)use an existing solution?

:: Human-Computer Interaction Can we (re)use an existing solution? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The design process must be performed with respect to

The design process must be performed with respect to the user requirements/goals

user-centered interface design

to the user requirements/goals user-centered interface design Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Users (clients) typically speak to you in terms of

Users (clients) typically speak to you in terms of desired features and solutions, not of needs and problems.

Jenifer Tidwell, 2006

and solutions, not of needs and problems. Jenifer Tidwell, 2006 Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How the software will be used? Dr. Sabin-Corneliu Buraga

How the software will be used?

:: Human-Computer Interaction How the software will be used? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Who will use the developed application? Dr. Sabin-Corneliu

Who will use the developed application?

Human-Computer Interaction Who will use the developed application? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How often software will be used? Dr. Sabin-Corneliu Buraga

How often software will be used?

:: Human-Computer Interaction How often software will be used? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How long the user will interact to the application?

How long the user will interact to the application?

Interaction How long the user will interact to the application? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How about the easiness of using a given application?

How about the easiness of using a given application?

Interaction How about the easiness of using a given application? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Software will be portable? Dr. Sabin-Corneliu Buraga –

Software will be portable?

:: Human-Computer Interaction Software will be portable? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction How about the internationalization, localization,

How about the internationalization, localization, accessibility of the application?

localization, accessibility of the application? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Important aspect: understanding the problem to be solved Dr.

Important aspect:

understanding the problem to be solved

Interaction Important aspect: understanding the problem to be solved Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Important aspect: understanding the problem to be solved in

Important aspect:

understanding the problem to be solved

in order to create the desired design (application)

to be solved in order to create the desired design (application) Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Aspects: UI type(s): desktop, Web, mobile,… user expected

Aspects:

UI type(s): desktop, Web, mobile,… user expected behavior functionalities

user categories: children, special users, etc.

functionalities user categories: children, special users, etc. … Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

con- users tent context
con-
users
tent
context
:: Human-Computer Interaction con- users tent context Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Study: how a phone call differs regarding the means

Study: how a phone call differs regarding the means used to be performed?

using a classical phone unit versus via a mobile device: an old and/or last generation phone versus using a VoIP software – e.g., Skype

generation phone versus using a VoIP software – e.g. , Skype Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction We must consider: (the categories of) involved users

We must consider:

(the categories of) involved users performed activities the context of using a specific device the environment

activities the context of using a specific device the environment Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The need of a conceptual model describes how the

The need of a conceptual model

describes how the system is perceived by its users

conceptual model describes how the system is perceived by its users Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The need of a conceptual model software (implementation)

The need of a conceptual model

software (implementation) model

user (mental) model

environment model

(implementation) model user (mental) model environment model Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction The need of a conceptual model “A high level

The need of a conceptual model

“A high level description of how a system is organized and it functions.”

Johnson & Henderson, 2002

is organized and it functions.” Johnson & Henderson, 2002 Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Important issue: user model versus program model Alan

Important issue:

user model versus program model

Alan Cooper et al., 2007

issue: user model versus program model Alan Cooper et al. , 2007 Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Example: the spreadsheet conceptual model analogy with

Example: the spreadsheet conceptual model

analogy with concrete tables used by accountants easy to understand simple interaction real-time computing of formulas facilities for further extensions – e.g., URLs as cell values

facilities for further extensions – e.g. , URLs as cell values Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

How about the interface usability?
How about the interface usability?
:: Human-Computer Interaction How about the interface usability? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Usability refers to the “proper” way the users can

Usability refers to the “proper” way the users can exploit the functionality of a given system

Jakob Nielsen

www.useit.com/alertbox/20030825.html

of a given system Jakob Nielsen www.useit.com/alertbox/20030825.html Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Learnability how easily a person can learn to use

Learnability

how easily a person can learn to use a system (its interface)

how easily a person can learn to use a system (its interface) Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

user interaction in the context of

the social game computing

user interaction in the context of the social game computing Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
user interaction in the context of the social game computing Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Efficiency after user learnt the interface, how can (s)he

Efficiency

after user learnt the interface, how can (s)he optimally use it?

after user learnt the interface, how can (s)he optimally use it? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Memorability it is easy for the users to remember

Memorability

it is easy for the users to remember the interaction with the system?

is easy for the users to remember the interaction with the system? Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Errors the number of potential errors must be minimal

Errors

the number of potential errors must be minimal

the user mistakes must be easily detected/corrected

must be minimal the user mistakes must be easily detected/corrected Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Satisfaction the user likes to use the application/service?

Satisfaction

the user likes to use the application/service?

Satisfaction the user likes to use the application/service? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction “The applications that are easy to use are designed

“The applications that are easy to use are designed to be familiar.”

Jenifer Tidwell

are easy to use are designed to be familiar .” Jenifer Tidwell Dr. Sabin-Corneliu Buraga –

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction “Attractive things work better.” Donald Norman Dr.

“Attractive things work better.”

Donald Norman

Interaction “Attractive things work better.” Donald Norman Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Keep the Simple Simple “No matter how complex the

Keep the Simple Simple

“No matter how complex the overall system, there is no excuse for not keeping simple tasks simple.”

Jef Raskin

is no excuse for not keeping simple tasks simple.” Jef Raskin Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Keep the Simple Simple …the most engaging interface of a game?
Keep the Simple Simple
…the most engaging interface of a game?
Keep the Simple Simple …the most engaging interface of a game? Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction A user-interface is considered to be good if the

A user-interface is considered to be good if the application is behaving conform to the expectations of its users

the application is behaving conform to the expectations of its users Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction A user-interface is considered to be good if the

A user-interface is considered to be good if the application is behaving conform to the expectations of its users

“The successful games companies are the ones that recognize that their business is entertainment, not software.” Andrew Rollings & Dave Morris, 2004

, not software.” Andrew Rollings & Dave Morris, 2004 Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction A. Cooper, R. Reimann, D. Cronin, About Face (3

A. Cooper, R. Reimann, D. Cronin, About Face (3 rd Edition), Addison-Wesley, 2007

J. Raskin, The Humane Interface, Addison-Wesley, 2000

A. Sears, J. Jacko (Eds.), The Human-Computer Interaction Handbook (2 nd Edition), Taylor & Francis Group, 2008

J. Tidwell, Designing Interfaces, O’Reilly, 2005

Group, 2008 J. Tidwell, Designing Interfaces , O’Reilly, 2005 Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

interaction, agent, IA, cognetics, markup, art, visual design, KISS, control, user testing, idiom, latency, mode, icon, GUI, Fitt’s Law, event, human factors, infographics, RAD, metaphor, accessibility, privacy, skin, affordance, prompt, menu, pointer, risk, augmented reality, UX, animation, web, game, graceful degradation, query, tag, prototyping, ID, evaluation, task, design patterns, gesture, tabs, color, ergonomics, feedback, CLI, script, look & feel, AI, navigation, role, multimodal, audio, RAD, typography, window, voice, mouse, demographics, help, l10n, shortcut, direct manipulation, efficiency, paradigm, usability, CADUI, experiment, VR, eye candy, 3D, effect, WYSIWYG, semiotics, i18n, RIA, style, tooltip, iterative, keyboard, pervasive, learnability, hypertext, anticipation, handheld, memory, social, natural language, methodology, ubiquitous computing, persona, dialogue, user, screen, wireframe, PUI, zoom, psychology, recommender system, brand, flow, storyboard, architecture, model, responsiveness, satisfaction, touch, undo, metrics, video, semantic

, satisfaction , touch, undo , metrics, video , semantic Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco

Master on Software Engineering :: Human-Computer Interaction

Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Master on Software Engineering :: Human-Computer Interaction Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco