HCI 2014 (1 of 10): Overview
-
Upload
sabin-buraga -
Category
Design
-
view
104 -
download
0
description
Transcript of HCI 2014 (1 of 10): Overview
![Page 1: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/1.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Human-Computer Interactionan overview
![Page 2: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/2.jpg)
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
![Page 3: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/3.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
How about the means of interactionbetween user(s) and software?
![Page 4: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/4.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Human
a person who tries to accomplish a goal
![Page 5: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/5.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacophoto sources: wikimedia.org
![Page 6: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/6.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Computer
runs applications (software)
![Page 7: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/7.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Computer
runs applications (software)
locally versus remotely
![Page 8: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/8.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
first game developed on PDP (1960s)
![Page 9: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/9.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 10: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/10.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 11: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/11.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 12: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/12.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 13: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/13.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 14: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/14.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Interaction
“dialogue” between humans and computers
![Page 15: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/15.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 16: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/16.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
The interaction between user(s) and application(s)is achieved via an interface – user interface
![Page 17: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/17.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
The interaction between user(s) and application(s)is achieved via an interface – user interface
API (Application Programming Interface)versus
UI (User Interface)
![Page 18: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/18.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
conventional (classical) UI – e.g., desktop
![Page 19: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/19.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Graficon (Douglas Engelbart, 1963)
![Page 20: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/20.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
conventional (classical) UI – e.g., desktop
WIMP (Window Icon Menu Pointer) paradigminteraction via keyboard & mouse + additional devices
graphical representations (bitmap vs. vectors)support provided by the OS kernel vs. a desktop system
multi-tasking
![Page 21: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/21.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
human-computer interaction
Bryce (Kai Krause, 1997)
![Page 22: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/22.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
Web interface
![Page 23: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/23.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
human-computer interaction
280slides (2010)WorldWideWeb system (Tim Berners-Lee, ~1990)www.w3.org/History/1989/proposal.html
![Page 24: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/24.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
Web interface
browser – limited controls provided by (X)HTMLhypertext/hypermedia
RIA (Rich Internet Applications)(a)synchronous interaction
based on open standardsavailability – world-wide audience
![Page 25: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/25.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacowireframe.cc (2014)
![Page 26: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/26.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
mobile user interface
![Page 27: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/27.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
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,context awareness services,
different business modelsapp stores
![Page 28: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/28.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
challenge:interaction design in the context of multi-device UI
responsive design
see also www.punchcut.com/perspectives
![Page 29: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/29.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
natural UI
![Page 30: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/30.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Types of user interfaces:
natural UI
new interaction paradigms + new expectations,haptic, gesture, locomotion, auditory & voice, tangible UI,
augmented and virtual reality,physical computing, ambient intelligence (AmI),
emotion & persuasion,…
![Page 31: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/31.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Richard Harper et al. (Eds.), Being Human, Microsoft Research, 2008
![Page 32: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/32.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 33: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/33.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
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
![Page 34: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/34.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 35: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/35.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User – desktop, Web, mobile,… – interface
perceived by the user not only as a visual partof a certain software application
![Page 36: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/36.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
User – desktop, Web, mobile,… – interface
from the point of view of an user,it represents the entire system
the application per se
![Page 37: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/37.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UI quality attributes(Jakob Nielsen, 2012)
utility
provides the features users need
![Page 38: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/38.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UI quality attributes(Jakob Nielsen, 2012)
usability
how easy & pleasant the features are to be used
![Page 39: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/39.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UI quality attributes(Jakob Nielsen, 2012)
useful
usability + utility
![Page 40: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/40.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Everyone who uses a (software) toolis conducted by a motivation
![Page 41: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/41.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacofinding an entity: information, object, user, etc.
![Page 42: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/42.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco(self)learning/instruction
![Page 43: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/43.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
performing a process – e.g., a (business) transaction
![Page 44: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/44.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacosocial interactions – at a real and/or virtual level
![Page 45: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/45.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
creating an artifact:(micro)blog note, picture, article, source-code,...
![Page 46: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/46.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacoentertainment – individual vs. community
![Page 47: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/47.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
Defining the perception of a product/servicefrom the point of view of person(s) who use it
and the apparent pleasure/satisfaction
![Page 48: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/48.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Context
http://garrettdimon.com/pages/improving_interface_design
![Page 49: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/49.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
“Every product that is used by someone has a user experience: newspapers, ketchup bottles,
reclining armchairs, cardigan sweaters.”
James Jesse Garrett, 2003
![Page 50: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/50.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
Cannot design a user experience,only design for a user experience
![Page 51: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/51.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
experience = expectationuser is satisfied
![Page 52: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/52.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
![Page 53: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/53.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
experience > expectationuser is delighted
![Page 54: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/54.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 55: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/55.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX – User Experience
experience < expectationuser is dissatisfied
![Page 56: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/56.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
www.buigallery.com
![Page 57: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/57.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
UX and interaction between users and mobile devices
see also http://smallsurfaces.com/
case study
![Page 58: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/58.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Punerea problemei
![Page 59: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/59.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interactiune web
![Page 60: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/60.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Main categories of interactions (at mobile level)Application Centric
Activity CentricTimeline Centric
Context (Location) CentricProcess/Task Centric
Emotion CentricPeople/Identity Centric
Rahul Sen, 2010: http://tinyurl.com/23586xg
![Page 61: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/61.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
IA – Information Architecture
The necessity of organizing the information desired by the users
![Page 62: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/62.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
IA – Information Architecture
The solutions of presenting the contentregard the IA – Information Architecture
![Page 63: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/63.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 64: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/64.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 65: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/65.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
IA – Information Architecture
We can adopt different techniques regardingdata visualization
![Page 66: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/66.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacowww.veen.com/nextgen.pdf
from raw data to knowledge
![Page 67: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/67.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacowww.veen.com/nextgen.pdf
from raw data to knowledge
![Page 68: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/68.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacowww.veen.com/nextgen.pdf
from raw data to knowledge
![Page 69: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/69.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
IA – Information Architecture
We can adopt different techniques regardingdata visualization
visual design
visual representationinfographics
![Page 70: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/70.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 71: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/71.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Aspects concerning design
The Evolution of the Webevolutionofweb.appspot.com
see also www.informationisbeautiful.net
![Page 72: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/72.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
HCI: process
understand
study
designbuild
evaluate
Microsoft, 2008
![Page 73: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/73.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
What are the most important aspects regarding the UI design?
![Page 74: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/74.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
“Designing interactive products to supportthe way people communicate and interact
in their everyday and working lives.”
Sharp, Rogers & Preece, 2007
![Page 75: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/75.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interactiune web
related domains (Dan Saffer, 2006)
![Page 76: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/76.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: issues
“Digital products are rude.”
Alan Cooper et al., 2007
![Page 77: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/77.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: issues
The user is in charge with the application (developer) mistakes
stupidity?
![Page 78: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/78.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: issues
Users must think as computers…they don’t want to learn the “Boolean” language
![Page 79: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/79.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: issues
Usually, applications do not help people
![Page 80: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/80.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Why digital products are so “nasty”?
![Page 81: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/81.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Ignoring reality aka the target public(the common user)
we tend exclusively to develop software for the “elite”
see http://developerexperience.org/
![Page 82: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/82.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Conflicts of interests:
developersversus
business
![Page 83: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/83.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The lack of a coherent process regardingthe developing of the common software
![Page 84: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/84.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The lack of a coherent process regardingthe developing of the common software
too many amateurs?
![Page 85: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/85.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The lack of a coherent process regardingthe developing of the common software
typical example: Web development
![Page 86: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/86.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busacoAlan Cooper et al., 2007
![Page 87: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/87.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The complexity of software applications is greater than the one of the tangible products
“If your UI even vaguely resembles an airplane cockpit, you’re doing it wrong.” – John Gruber
![Page 88: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/88.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The process of interaction design is an inter-disciplinary one (Rogers, 2007)
![Page 89: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/89.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
research regarding interaction design (Yvonne Rogers, 2007)
interac-tion
design
![Page 90: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/90.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
What we want to create (develop)?
![Page 91: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/91.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
How about the premises?
![Page 92: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/92.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
What are the final goals?
![Page 93: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/93.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
We’ll really obtain what we hope?
![Page 94: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/94.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
If yes, how?
![Page 95: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/95.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
How about the intrinsic difficulties?
![Page 96: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/96.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions
Can we (re)use an existing solution?
![Page 97: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/97.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The design process must be performedwith respect to the user requirements/goals
user-centered interface design
![Page 98: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/98.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Users (clients) typically speak to youin terms of desired features and solutions,
not of needs and problems.
Jenifer Tidwell, 2006
![Page 99: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/99.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
How the software will be used?
![Page 100: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/100.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
Who will use the developed application?
![Page 101: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/101.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
How often software will be used?
![Page 102: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/102.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
How long the user will interactto the application?
![Page 103: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/103.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
How about the easiness of usinga given application?
![Page 104: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/104.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
Software will be portable?
![Page 105: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/105.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design: questions (II)
How about the internationalization, localization, accessibility of the application?
![Page 106: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/106.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Important aspect:understanding the problem to be solved
![Page 107: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/107.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Important aspect:understanding the problem to be solved
in order to create the desired design (application)
![Page 108: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/108.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Aspects:
UI type(s): desktop, Web, mobile, TV screen,…user expected behavior
functionalitiesuser categories: children, teens, special users, etc.
…
![Page 109: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/109.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
context
con-tentusers
![Page 110: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/110.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Study: how a phone call differs regardingthe means used to be performed?
using a classical phone unitversus
via a mobile device: an old and/or last generation phoneversus
using a VoIP software – e.g., FaceTime, Skype
![Page 111: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/111.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
We must consider:
(the categories of) involved usersperformed activities
the context of using a specific devicethe environment
![Page 112: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/112.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The need of a conceptual model
describes how the system is perceived by its users
![Page 113: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/113.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The need of a conceptual model
software (implementation) model
user (mental) model
environment model
![Page 114: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/114.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
The need of a conceptual model
“A high level description ofhow a system is organized and it functions.”
Johnson & Henderson, 2002
![Page 115: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/115.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Important issue:
user model versus program model
Alan Cooper et al., 2007
![Page 116: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/116.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
interaction design
Example: the spreadsheet conceptual model
analogy with concrete tables used by accountantseasy to understandsimple interaction
real-time computing of formulasfacilities for further extensions – e.g., URLs as cell values
![Page 117: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/117.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
How about the interface usability?
![Page 118: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/118.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
Usability refers to the “proper” waythe users can exploit the functionality
of a given system
Jakob Nielsen
www.useit.com/alertbox/20030825.html
![Page 119: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/119.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
Learnability
how easily a person can learn to use a system(its interface)
![Page 120: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/120.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 121: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/121.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
Efficiency
after user learnt the interface,how can (s)he optimally use it?
![Page 122: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/122.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
![Page 123: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/123.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
Memorability
it is easy for the users to rememberthe interaction with the system?
![Page 124: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/124.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
![Page 125: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/125.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
Errors
the number of potential errors must be minimal
the user mistakes must be easilydetected/corrected
![Page 126: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/126.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
![Page 127: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/127.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
Satisfaction
the user likes to use the application/service?
![Page 128: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/128.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
usability
![Page 129: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/129.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
system accepta-
bility
social accepta-
bility
practical accepta-
bility
useful-ness
utility usability
easy to learn
efficient to use
easy to remem-
ber
few errors
sub-jectivelypleasant
costcompa-tibility
relia-bility
etc.
Jako
bN
ielsen
![Page 130: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/130.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
“The applications that are easy to use are designed to be familiar.”
Jenifer Tidwell
![Page 131: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/131.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco“Attractive things work better.” – Donald Norman
![Page 132: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/132.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
remember
Keep the Simple Simple
“No matter how complex the overall system,there is no excuse for not keeping
simple tasks simple.”
Jef Raskin
![Page 133: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/133.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
Keep the Simple Simple…the most engaging interface of a game?
![Page 134: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/134.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
remember
A user-interface is considered to be goodif the application is behaving conform to
the expectations of its users
![Page 135: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/135.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
remember
A user-interface is considered to be goodif the application is behaving conform to
the expectations of its users
“The successful games companies are the onesthat recognize that their business is entertainment,
not software.”Andrew Rollings & Dave Morris, 2004
![Page 136: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/136.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
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
HCI Bibliographyhttp://hcibib.org/
The Encyclopedia of Human-Computer Interactionhttp://www.interaction-design.org/books/hci.html
essential resources
![Page 137: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/137.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
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
![Page 138: HCI 2014 (1 of 10): Overview](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c715be4a79599a708b4622/html5/thumbnails/138.jpg)
Master on Software Engineering :: Human-Computer Interaction
Dr. Sabin-Corneliu Buraga – www.purl.org/net/busaco
next lecture: the human factor