User Interface Design CIS 322 firstname.lastname@example.org http://homepages.gold.ac.uk/spiegel/index.htm Office hours: Tuesday 1-2pm Thursday 12-1pm Room 14 25 St James Lectures: 27 hours in total Revision next term Exam at the end of this academic year Overview : First Lectures:
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Office hours: Tuesday 1-2pm
25 St James
27 hours in total
Revision next term
Exam at the end of this academic year
Introduction. What is User Interface Design and Human Computer Interaction.
Human Aspects and Characteristics of Interaction.
Middle of term:
Later during term:
Tools and techniques.
End of term:
Evaluation of user interface design.
Also at end of term:
Practical session where you have a chance to think in small groups how to design good user interfaces for particular purposes.
Jasna Kulji‘s User Interface Design
CIS322 Course Booklet.
Preece, Rogers, Sharp, Benyon, Holland
& Carey (1994). Human Computer Interaction. Wokingham: Addison-Wesley.
Many electronic devices are interactive systems, where users and the device interact through a User Interface (often through a Graphical User Interface).
Examples: Both hardware and software for Desktop computers, Laptops, PDA‘s (=Personal Digital Assistants, handheld devices), Mobile Phones, DVD Players, MP3 Players, Electronic Wearables etc.
For these devices to be accepted by the user, they must be effective and particularly well designed.
User interface design is particularly important for wireless devices and these devices will become even more important in the future.
Human Computer Interface (HCI)
Human Computer Interaction (also HCI)
Human Systems Interface (HSI)
Computer Human Interaction (CHI)
No agreed definition!
I will rely on the meanings adapted in Jasna Kuljis‘ User Interface Design booklet.
In this booklet, the meaning of Human Computer Interaction is broader and the meaning of User Interface Design is more specific.
User Interface Design: explicit design of the interface, by incorporating both software and hardware issues.
However, some authors also consider User Interface Design within the overall system design framework, including social and organisational factors as well as evaluation of the system.
This is what Jasna Kuljis refers to as Human Computer Interaction.
Human Computer Interaction:
1. Analysis of what people need
2. Design of devices (at first: design of prototypes)
3. Evaluation whether users find them effective
4. Implementation and improvement of devices
To improve the safety, utility, effectiveness, efficiency and usability of systems that include computers or related electronic devices.
The degree to which specific users can achieve specific goals within an environment (Booth, 1989).
Shackel (1991) suggests 4 usability criteria:
Shackel (1991) proposed to measure these criteria quantitatively. The criteria may be interrelated, i.e. better effectiveness can correlate with better learnability.
Quantitative measurements tell about extent of usability, but do NOT tell how to improve the usability of a system (Booth, 1989).
Qualitative information tells designers how to improve system.
General Interface Usability Principles for
Graphical User Interfaces (Molich & Nielsen,
Simple dialogue in user‘s language
Minimise memory load
Clearly marked exits
Good error messages
Prevent Errors in the first place
The General Interface Usability Principles (Molich & Nielsen, 1990) support the four identified usability dimensions by Shackel (1991): Effectiveness, Learnability, Flexibility and Positive User Attitude.
Adjusting design to specific needs of the users
Different age groups of users
Study of user behaviour, user abilities to interact with programs and devices etc.
Anything in the product that complicates completing the task:
Poor Design or Layout
Inappropriate Feedback (too little or too much)
Poor Terminology (unclear words or abbreviations)
Problems with Modality (e.g. when switching modes)
Inconsequential Redundancies (e.g. repetitions)
No Match with User Tasks (expectations unfulfilled)
User has no trust in the system
(we will talk about this in greater detail at the end of the term)
For now: combining technical and design knowledge with knowledge about human interests and capabilities and knowledge about social, organisational and physical aspects of users‘ environment (e.g. work, spare time etc.).
Visual Arts, Design and Media Studies
Social and Organisational Psychology
Sociology and Linguistics
Ergonomics and Human Factors