Are You Smarter Than a 5th Grader?

Only available on StudyMode
  • Download(s) : 71
  • Published : March 16, 2013
Open Document
Text Preview
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 information.
* Set measurable usability goals early.
* Usability and user needs should drive the design.
* Define types of users (Expert/Novice).
* Consider the personal differences.
* Use the matching dialog style.
* Testing throughout the design process.
* Guide lines
* Include only essential information.
* Include all essential information.
* Start at the upper left corner.
* Design : follow formatting standard.
* Apply logical grouping of items.
* Guide lines
* Symmetry & balance of white spaces.
* Avoid heavy use of uppercase.
* Distinguish caption & fields.
* The level of Detail is the same as user knowledge.
* Avoid color pollution.
Dialog Styles

* Command
* Good for experts.
* Exact spelling.
* Hard to remember (GREP).
* Menus
* Options & Enhancements are visible.
* Grouping:
* Access Time (Sec)
* Errors.
* Q & A
* Old style.
* Used with setup.
* Answer selected (menu).
Evaluation of User Interface
* The Keyword is the user.
* The user is the final evaluator of your product.
* User Profile:
* Psychological Characteristics.
* Knowledge and experience.
* Job and Task Characteristics.
* Physical Characteristics.
* The User The Programmer.
* The mental Model is different.
* Experiences are different.
* Background.
* Never forget the TASK.
* Predictive Evaluation:
* Inspection methods (experts in technology & the intended users). * Usage simulation (experts simulate less experienced users). * Structured reviewing.
* Heuristic evaluation (only key issues).
* Discount usability evaluation (Scenarios).
* Cognitive walkthrough.
* Key Issues:
* Validity: Evaluation Purpose & Method.
* Reliability:...
tracking img