28-03-2011, 11:36 AM
[attachment=11144]
Human-Computer Interaction
Confusions related to course interface
n Orientation phase
n Buttons unexplained
n User can easily be stuck on lower levels (discussion threads etc.)
Human-Computer Interaction
Human
– the end-user
– the others in the organisation
Computer
– hardware
– software
Interaction
– user “tells” the computer what (s)he wants
– computer communicates results
n Practical implication of HCI
n Design,
Implementation and Evaluation of user interfaces
n Importance of HCI
n Productivity
– individual (e.g. installations, word processing)
– organisational (changing job content, satisfaction, working environment, power and influence)
n Safety (e.g. nuclear plants, flight control)
A model of HCI
n Disciplines, contributing to HCI
n Computer science
n Cognitive psychology
n Social & organisational psychology
n Ergonomics
n Artificial intelligence
n Linguistics
n Philosophy, sociology, anhtropology
n Factors in HCI
n Discuss...
… what HCI factors should be considered while designing the Web-based courses?
HCI design models
n Waterfall model
n The star life cycle model
n Rapid prototyping
n The waterfall model
n The star life cycle
Rapid prototyping
n From instructional design to HCI design
n Task analysis, functional analysis
n Conceptual design, based on selected instructional strategies and tactics
n Physical design guidelines
n Sketch…
… a flowchart, depicting the instructional strategies and tactics you have selected for you prototype lesson.
User Interface design guidelines
E.g. UI design guide from IBM Web site:
http://ibmibm/hci/guidelines/design/
n Principles: simplicity, support, familiarity, obviousness, encouragement, satisfaction, accessibility, safety, versatility, personalisation, affinity
n Web style guidelines: specify a reason for the site, define your audience, etc.
n Site-specific conventions: provide search & help on the left side of every page on this site
HCI resources on the Web
n IBM HCI design guide at http://ibmibm/hci/guidelines/design/
n Sun’s Web style guide: sunstyleguide
n Designing killer Web sites killersites.com
n Jakob Nielsen’s AlertBox at http://useit.com
n Graphical design and visualisation, visual literacy
n Terry Winograd, Donald Norman
Human-Computer Interaction
Confusions related to course interface
n Orientation phase
n Buttons unexplained
n User can easily be stuck on lower levels (discussion threads etc.)
Human-Computer Interaction
Human
– the end-user
– the others in the organisation
Computer
– hardware
– software
Interaction
– user “tells” the computer what (s)he wants
– computer communicates results
n Practical implication of HCI
n Design,
Implementation and Evaluation of user interfaces
n Importance of HCI
n Productivity
– individual (e.g. installations, word processing)
– organisational (changing job content, satisfaction, working environment, power and influence)
n Safety (e.g. nuclear plants, flight control)
A model of HCI
n Disciplines, contributing to HCI
n Computer science
n Cognitive psychology
n Social & organisational psychology
n Ergonomics
n Artificial intelligence
n Linguistics
n Philosophy, sociology, anhtropology
n Factors in HCI
n Discuss...
… what HCI factors should be considered while designing the Web-based courses?
HCI design models
n Waterfall model
n The star life cycle model
n Rapid prototyping
n The waterfall model
n The star life cycle
Rapid prototyping
n From instructional design to HCI design
n Task analysis, functional analysis
n Conceptual design, based on selected instructional strategies and tactics
n Physical design guidelines
n Sketch…
… a flowchart, depicting the instructional strategies and tactics you have selected for you prototype lesson.
User Interface design guidelines
E.g. UI design guide from IBM Web site:
http://ibmibm/hci/guidelines/design/
n Principles: simplicity, support, familiarity, obviousness, encouragement, satisfaction, accessibility, safety, versatility, personalisation, affinity
n Web style guidelines: specify a reason for the site, define your audience, etc.
n Site-specific conventions: provide search & help on the left side of every page on this site
HCI resources on the Web
n IBM HCI design guide at http://ibmibm/hci/guidelines/design/
n Sun’s Web style guide: sunstyleguide
n Designing killer Web sites killersites.com
n Jakob Nielsen’s AlertBox at http://useit.com
n Graphical design and visualisation, visual literacy
n Terry Winograd, Donald Norman
