Human-Computer Interaction: An Overview

Master on Software Engineering :: Human-Computer Interaction

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

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


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

/usr/games/fortune


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



Human

a person who tries to accomplish a goal



Computer

runs applications (software)



Computer

runs applications (software)

locally versus remotely



first game developed on PDP (1960s)


Interaction

“dialogue” between humans and computers



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



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

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



Types of user interfaces:

conventional (classical) UI – e.g., desktop



Graficon (Douglas Engelbart, 1963)



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


Bryce (Kai Krause, 1997)



Web interface



WorldWideWeb280slides (2010)
system (Tim Berners-Lee, ~1990)
www.w3.org/History/1989/proposal.html



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


280slides (2010)



mobile user interface




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



unconventional UI




unconventional UI

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


Stefan Negru, 2009Sabin-Corneliu Buraga – www.purl.org/net/busaco
Dr.


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




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




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

the application per se




useful




usable




used



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



finding an Sabin-Corneliu Buraga – www.purl.org/net/busacouser, etc.
Dr. entity: information, object,


(self)learning/instruction


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



social interactions – at a real and/or virtual level


creating an artifact:
(micro)blog note, picture, article, source-code,...


entertainment – individual vs. community


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



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

James Jesse Garrett, 2003



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



experience = expectationuser is satisfied



experience > expectationuser is delighted



experience < expectationuser is dissatisfied



Dr. Sabin-Corneliu Buraga
http://garrettdimon.com/pages/improving_interface_design – www.purl.org/net/busaco


The necessity of organizing the information
desired by the users



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



We can adopt different techniques regarding
data visualization



We can adopt different techniques regarding
data visualization

visual design

visual representation
infographics



www.veen.com/nextgen.pdf Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco


understand

Microsoft, 2008
evaluate study

build design



What are the
most important
aspects regarding
the UI design?



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

Sharp, Rogers & Preece, 2007



Related domains (Dan Saffer, 2006)


some issues



“Digital products are rude.”

Alan Cooper et al., 2007



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



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

stupidity?



Users must think as computers
…even they don’t want to learn the “Boolean” language



Usually, applications do not help people



Why digital products are so “nasty”?


Ignoring reality aka the target public
(the common user)

we tend exclusively to develop software for the “elite”



???



Conflicts of interests:

developers
versus
business



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




too many
amateurs?




typical example:
Web
development



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

example:
an operating system vs. an airship



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



interac-
tion
design

research regarding interaction design (Yvonne Rogers, 2007)


What we want to create (develop)?



How about the premises?



What are the final goals?



We’ll really obtain what we hope?



If yes, how?



How about the intrinsic difficulties?



Can we (re)use an existing solution?



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

user-centered interface design



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

Jenifer Tidwell, 2006



How the software will be used?



Who will use the developed application?



How often software will be used?



How long the user will interact
to the application?



How about the easiness of using
a given application?



Software will be portable?



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



Important aspect:
understanding the problem to be solved



Important aspect:
understanding the problem to be solved

in order to create the desired design (application)



Aspects:

UI type(s): desktop, Web, mobile,…
user expected behavior
functionalities
user categories: children, special users, etc.
…



con-
users tent

context



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



We must consider:

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



The need of a conceptual model

describes how the system is perceived by its users




software (implementation) model

user (mental) model

environment model




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

Johnson & Henderson, 2002



Important issue:

user model versus program model




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



How about the interface usability?



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

Jakob Nielsen

www.useit.com/alertbox/20030825.html



Learnability

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


Master on Software EngineeringinHuman-Computerof
user interaction :: the context Interaction
the social game computing



Efficiency

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



Memorability

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



Errors

the number of potential errors must be minimal
the user mistakes must be easily
detected/corrected


Satisfaction

the user likes to use the application/service?



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

Jenifer Tidwell



“Attractive things work better.”

Donald Norman



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

Jef Raskin



Keep the Simple Simple
…the most engaging interface of a game?



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



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



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

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

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

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


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

Human-Computer Interaction: An Overview

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Human-Computer Interaction: An Overview (20)

More from Sabin Buraga (20)

Recently uploaded (20)

Human-Computer Interaction: An Overview