Beruflich Dokumente
Kultur Dokumente
Chapter content
Definition and background of HCI User Interface Concept User Interface Generation Background of GUI Philosophy of GUI
Definition of HCI
Human-computer interaction is a discipline concerned with the design , evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.
ACM SIGCHI Curricula for Human-Computer Interaction
Background of HCI
From a computer science perspective, the focus is on interaction and specifically on interaction between one or more humans and one or more computational machines. Human-computer interaction is concerned with: the joint performance of tasks by humans and machines; the structure of communication between human and machine; human capabilities to use machines (including the learn ability of interfaces); algorithms and programming of the interface itself;
General
Engineering
HCI
Design
Science
General
Computer Science
human factors
Ergonomics
industrial engineering
operating systems
cognitive psychology
computer graphics
HCI
It may also address what a product is not, what it can't do, and how it is not intended to be used.
Conceptual design is done from the user's point of view. ALWAYS THINK FROM THE USER SIDE!!!
Conceptual design
There are two ways of creating conceptual designs: implicitly and explicitly. Implicit conceptual design happens when everyone believes there is an understanding of and agreement on the concepts underlying a design but no one writes them down or discusses them openly. Explicit conceptual design involves adopting the user's point of view and defining in a systematic way the concepts users will need to learn to use the product effectively.
Cited from: http://www.interfaceconcepts.com/concept.htm
metaphor)
5.KEEP CONSISTENT! 6.Scalability and flexibility 7.The user must feel comfortable: you need a
Background of GUI
Graphical User Interface (GUI) pronounced GOO-EE. Different application with consistent set of intuitive user-interface components, GUI allows user to spend less time trying to remember which keystroke sequences perform what function and spend more time using the program effectively.
EXAMPLE : Mozilla Firefox The design parts can be grouped and itemized by functions.
Find out more on this issue on Internet. Share your findings with your classmates
Philosophy of GUI
Consistent
Powerful
Helpful
Userfriendly
Robust
Clarity
Efficiency
Forgiveness
Compatibility
Directness
Predictabil ity
Trade-offs
Comprehensibili ty
Control
Recovery
Transparency
Configurability
Consistency
Responsiveness
Simplicity
Visual elements
Functions Metaphors Words and text
4. Comprehensibility
A system should be easily understood and learned. A user should know the following: What to do What to look at When to do it Where to do it Why to do it How to do it The flow of actions, responses, visual preparations and information should be in a sensible order that is easy to recollect and place in context.
16. Simplicity
Provide as simple an interface as possible
Provide defaults Minimize screen alignment points. Make common actions simple at the expense of uncommon actions being made harder. Provide uniformity and consistency Ways to provide simplicity:
1. Present common and necessary functions first. 2. Prominently feature important functions, 3. Hide more sophisticated and less frequently used functions
Workings and reminders of workings inside the computer should be invisible to the user.
18. Trade-offs
Final design will be based on a series of trade-offs balancing often-conflicting design principles Peoples requirements always take precedence over technical requirements
Further readings:
http://en.wikipedia.org/wiki/HumanComputer_Interaction http://sigchi.org/cdg/cdg2.html http://www.interfaceconcepts.com/concept.htm http://www.deitel.com/books/vcppnethtp1/vcpphtp1_12 .pdf http://www.isii.com/ http://en.wikibooks.org/wiki/GUI_Design_Principles