What is Interaction? Communication User  System

Slides:



Advertisements
Similar presentations
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Advertisements

Human Computer Interface
Imran Hussain University of Management and Technology (UMT)
The Interaction notion of interaction interaction frameworks
1http://img.cs.man.ac.uk/stevens Ergonomics CS2352 Lecture 8 Robert Stevens
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
User Interface Design Notes p7 T120B pavasario sem.
The Interaction IACT 403 IACT 931 CSCI 324 Human Computer Interface
Copyright © 2005, Pearson Education, Inc. Chapter 8 Command and Natural Languages.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Dialog Design Command languages, direct manipulation, and WIMP.
3461A COSC 3461 User Interfaces Instructor (Section A): Maurice Masliah
CMPUT 301: Lecture 14 The Interaction Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses.
Human-Computer Interaction
Understanding Experience in Interactive Systems
Chapter 3 the interaction.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
IT3 Human Computer Interface [HCI] Human Computer Interfaces Factors that should be considered when designing a Computer Interface.
11.10 Human Computer Interface www. ICT-Teacher.com.
AS Level ICT Selection and use of appropriate software: Interfaces.
Material from Authors of Human Computer Interaction Alan Dix, et al
Storyboard What do we mean by the term “Storyboarding”? Storyboarding is a powerful and simple technique for capturing ideas about the form and appearance.
IAS2223: Human Computer Interaction
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
1 chapter 3 the interaction. 2 The Interaction interaction models –translations between user and system ergonomics –physical characteristics of interaction.
CompSci 345 Interaction 1 The Interaction Interaction models Ergonomics Interaction styles Dix chapter 3.
Human – Computer Interaction
Chapter 2 the interaction. The Interaction interaction models –translations between user and system ergonomics –physical characteristics of interaction.
Interaction modalities Command languages, direct manipulation, and WIMP.
CISB213 Human Computer Interaction Understanding Interaction 1.
Interaction modalities Command languages, direct manipulation, and WIMP.
Conceptual Design Dr. Dania Bilal IS588 Spring 2008.
Software Interfaces. Learning Objectives Describe the characteristics of different types of user interfaces. Discuss the types of user interfaces which.
Human Computer Interaction Lecture 07 The Interaction.
Interaction Styles Common interaction styles command line interface menus natural language question/answer and query dialogue form-fills.
ERGONOMICS physical aspects of interfaces industrial interfaces.
Allows the user and the computer to communicate with each other.
Human Computer Interaction Lecture 21 User Support
Chapter 6 : User interface design
Computer Fundamentals
Human Computer Interaction (HCI)
5.2 Microsoft Excel.
Computer Literacy BASICS
The Interaction Notion of interaction interaction frameworks
Human Computer Interaction Lecture 07 The Interaction
Created by Stacey Wilson
University of technology Department of Materials Engineering
Chapter 2 Hix & Hartson Guidelines.
11.10 Human Computer Interface
Physical aspects of interfaces Industrial interfaces
Microsoft Excel A Spreadsheet Program.
CHAPTER 2 Computer Software.
dialogue … computer and user distinct styles of interaction
Chapter 6: Interfaces and interactions
Exploring the Basics of Windows XP
User Interfaces The human computer interface is what allows the user to communicate/Interact with the computer and is often called simply the user interface.
5.2 Microsoft Excel.
Week: 06 Human-Computer Interaction
Copyright Catherine M. Burns
Name: Muhammad tanveer VU-ID: MC
COMP444 Human Computer Interaction Understanding Interaction
Dialog Design 1 Command languages and WIMP
Human/Computer Interface
Human and Computer Interaction (H.C.I.) &Communication Skills
Human and Computer Interaction (H.C.I.) &Communication Skills
An Introduction to the Windows Operating System
Presentation transcript:

Human Computer Interaction Lecture 06 The Interaction Ergonomics Interaction Styles

What is Interaction? Communication User  System Interaction is a kind of action that occurs as two or more objects have an effect upon one another.

Physical aspects of interfaces Ergonomics Physical aspects of interfaces

Ergonomics Study of the physical characteristics of interaction Also known as human factors – but this can also be used to mean much of HCI! Ergonomics good at defining standards and guidelines for constraining the way we design certain aspects of systems

Ergonomics - examples Arrangement of controls and displays Important because disastrous results can appear if rules not followed Example: using ‘y’ and ‘u’ as shortcut keys for two opposite tasks Possible organizations of controls Functional Reflecting related functionality Sequential Reflecting order of use Frequency Reflecting frequency of use

Ergonomics - examples Ergonomics is also concerned with the work environment Where will the system be used? Who will use it? Will the user be sitting, standing or moving about? Consider all above issues in your design Seating should be provided back support

Ergonomics - examples health issues physical position Users should be able to reach all controls and see all displays environmental conditions (temperature, humidity) Low or high temperature affect performance Lighting Lighting should be arranged to avoid glare and reflection Noise No noise is not expected, but little Time Time should be controlled (considers harms of CRT, as discussed)

Ergonomics - examples Use of colour Awareness of colour-blindness Use distinct colours Don’t use colour as the only clue Follow colour conventions E.g. red, green and blue Consider cultural differences

dialogue … computer and user distinct styles of interaction Interaction Styles dialogue … computer and user distinct styles of interaction

Common interaction styles Command line interface Menus Natural language Question/answer and query dialogue Form-fills and spreadsheets WIMP Point and click Three–dimensional interfaces

Command line interface Way of expressing instructions to the computer directly function keys, single characters, short abbreviations, whole words, or a combination suitable for repetitive tasks better for expert users than novices offers direct access to system functionality command names/abbreviations should be meaningful! Typical example: the Unix system

Menus Set of options displayed on the screen Options visible less recall - easier to use rely on recognition so names should be meaningful Selection by: numbers, letters, arrow keys, mouse combination (e.g. mouse plus accelerators) Often options hierarchically grouped sensible grouping is needed Restricted form of full WIMP system

Natural language Familiar to user speech recognition or typed natural language Problems vague Ambiguous hard to do well! Solutions try to understand a subset i.e. constraints on vocabulary pick on key words

Query Interfaces Question/answer interfaces Query languages (e.g. SQL) user led through interaction via series of questions suitable for beginner users but restricted functionality often used in information systems Query languages (e.g. SQL) used to retrieve information from database requires understanding of database structure and language syntax, hence requires some expertise

Form-fills Primarily for data entry or data retrieval Design screen like paper form. Data put in relevant place Requires good design correction facilities

Spreadsheets first spreadsheet VISICALC, followed by Lotus 1-2-3 MS Excel most common today sophisticated variation of form-filling. grid of cells contain a value or a formula formula can involve values of other cells e.g. sum of all cells in this column user can enter and alter data, spreadsheet maintains consistency

WIMP Interface Windows Icons Menus Pointers … or windows, icons, mice, and pull-down menus! Default style for majority of interactive computer systems, especially PCs and desktop machines

Point and click interfaces Used in .. multimedia web browsers and hypertext Just click something! icons, text links or location on map Minimal typing

Three dimensional interfaces Virtual reality ‘Ordinary’ window systems highlighting visual affordance indiscriminate use just confusing! 3D workspaces use for extra virtual space light give depth distance effects flat buttons … click me!