Are You Smarter Than a 5th Grader?

Human Computer Interaction – 1
Dr. Mohammed Alabdulkareem
Kareem@ksu.edu.sa

  * Why HCI?
  * Human Information Processing.
  * Technology Supporting User Interface.
  * Window system design.
  * Screen Layout and Design.
  * Dialog Styles.
  * Evaluation of User Interface.
  * Error Handling.
  * Documentation.

Human Computer Interaction
  * Why HCI?
  * Human Information Processing.
  * Technology Supporting User Interface.
  * Window system design.
  * Screen Layout and Design
  * Dialog Styles.
  * Evaluation of User Interface.
  * Error Handling.
  * Documentation.Input
Input

Human Information Processing
Response
Response
Response
execution
Response
execution
Response
selection
Response
selection
Comparison
Comparison
Encoding
Encoding

  * Visual Perception
      * What we see is not what we recognize.
      * Constructivist (stored knowledge).
      * Ecological (no stored knowledge).
  * What we see is not what we recognize.

  * Constructivist (stored knowledge).

  * Ecological (no stored knowledge).
Affordance
Affordance

Technology Supporting User Interface.
® Input Devices.
Keyboard
Mouse
Webcam
printer
®Output Devices.
CRT.
LCD.
Sound.
Printers
3D display
®High-speed Processing.
GUI (Windows).
VR.
3D Graphics.
®Networking
Sharing resources.
Web & Internet
Windows System Design
  * Windows Basic Components
      * Windows:
        * Title bar.
        * Close Box.
        * Zoom Box.
        * Size Box.
        * Scroll Control.
      * Menu.
      * Dialogue Boxes.
      * Cursor.
      * Control & Control Panels.
Screen Layout and Design
  * Screen is our Real Estate.
  * The space should be utilized with goals in mind.
  * Think of the user (User Centered Design).
  * Think of the task (Task Analysis).
  * Screen space is limited.
      * Use windows.
      * Use more than one screen.
      * Arrange... [continues]

Read full essay