Muneo Kitajima Human-Computer Interaction Group

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Map of Human Computer Interaction
Microsoft TM SharePoint Content Management SystemTutorial By Mazen Abdallah Student Assistant at CNS 2010.
Chapter 11 user support. Issues –different types of support at different times –implementation and presentation both important –all need careful design.
User Modeling CIS 376 Bruce R. Maxim UM-Dearborn.
Blackmon, Kitajima, & Polson, CHI2005 1/26 Tool for Accurately Predicting Website Navigation Problems, Non-Problems, Problem Severity, and Effectiveness.
The Interaction. Overview Interaction Models understand human-computer communication Ergonomics Physical characteristics of interaction Context Social.
Design Activities in Usability Engineering laura leventhal and julie barnes.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Feb. 1, 2007Search and Sensemaking1 CoLiDeS and SNIF-ACT: Complementary Models for Searching and Sensemaking on the Web Muneo Kitajima, AIST Peter G. Polson.
Integrating Access with the Web and with Other Programs.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
1 THE USER INTERFACE Basic Principles. 2 Requirements System Design Detailed Design Implementation Installation & Testing Maintenance User Interface Model.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
Computer-Mediated Communication / Computercommunicatie A Master IK, CIW, MMI L.M. Bosveld-de Smet Hoorcollege 2; ma. 11 sept. 2006;
Multimedia Authoring - Chapter 6 - Part I1 Multimedia Authoring Using Various Tools - Part I: ToolBook M.Dastbaz Designing Interactive Multimedia Systems.
Chapter 4 Cognitive Engineering HCI: Designing Effective Organizational Information Systems Dov Te’eni Jane M. Carey.
Chapter 13: Designing the User Interface
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
Access Tutorial 8 Sharing, Integrating, and Analyzing Data
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
User Interface Theory & Design
GUI: Specifying Complete User Interaction Soft computing Laboratory Yonsei University October 25, 2004.
COMPREHENSIVE Windows Tutorial 4 Working with the Internet and .
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Lesson 1 Introduction.
Integrating Word with Other Programs Microsoft Office Word 2007 Illustrated Complete.
CREATING A POWERPOINT PRESENTATION. Planning a presentation Create a presentation Rearrange and delete text and slides Add animations Add transitions.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
INFORMATION MANAGEMENT Module INFORMATION MANAGEMENT Module
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Working with Data Lists.
IN THE NAME OF GOD. Reference Citing Software.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
MicrosoftTM SharePoint Content Management SystemTutorial
Human Computer Interaction Lecture 21 User Support
Creating a Presentation
Instructions and Procedures
Human Computer Interaction Lecture 23 Cognitive Models
Image by MIT OpenCourseWare Troughput (bps) Error rate (%) Mouse Trackball Joystick Touchpad.
Task Analysis CSCI 4800/6800 Feb 27, 2003.
CIS 376 Bruce R. Maxim UM-Dearborn
Section 7.1 Section 7.2 Identify presentation design principles
MATLAB Distributed, and Other Toolboxes
2.7 Cognitive Walkthrough
THIS IS TO EVIDENCE YOUR WORK AND GET THE BEST GRADE POSSIBLE
Ch. 3 Semiotic Engineering
Project 1 Introduction to HTML.
Cognitive walkthrough
Office 2010 and Windows 7: Essential Concepts and Skills
PubMed Database Interface (Basic Course Module 4 Part A)
Access Tutorial 8 Sharing, Integrating, and Analyzing Data
Microsoft Office Access 2003
15. Human-Computer Interaction
Microsoft Office Access 2003
HCI and Hypermedia/WWW
Systems Analysis and Design in a Changing World, 6th Edition
Chapter 11 user support.
Tutorial 7 – Integrating Access With the Web and With Other Programs
Share What You Have Learned EP Session
PubMed Database Interface (Basic Course: Module 4 Part A)
PubMed Database Interface Part A (Basic Course Module 4)
Chapter 12 cognitive models.
15. Human-Computer Interaction
Map of Human Computer Interaction
Chapter 8 Using Document Collaboration and Integration Tools
Tutorial 8 Sharing, Integrating, and Analyzing Data
Human and Computer Interaction (H.C.I.) &Communication Skills
MAINTAINING FILES AND CUSTOMIZING WINDOWS Section 2
Presentation transcript:

Comprehension-Based Approach to HCI for Designing Interaction in Information Space Muneo Kitajima Human-Computer Interaction Group Institute for Human Science and Biomedical Engineering National Institute of Advanced Industrial Science and Technology Japan

Outline Traditional HCI vs. Information-Centric HCI Views Cognitive Modeling Cognitive Models for Information-Centric HCI Performing by Exploration: LICAI Model Web Navigation: CoLiDeS Model Model-Based Suggestions for Designing Usable Interaction in Information Space

Traditional HCI Hide the Legend of the Chart Created by Excel Familiar Task Domain Legend X-axis Line-Graph … Familiar Interface Style Menu Tool Direct Manipulation Familiar Controls Button Menu Item Active Objects Window Controls Check Box Menu & Dialogue Box Select CHART Menu Item Select CHART OPTIONS Pulldown-Menu Item Select LEGEND Tab Clear SHOW LEGEND Check Box Direct Manipulation Select Legend Press DELETE Tool Press LEGEND Button

Modeling for Traditional HCI Intention Translate Computer Interpret Physical World Task Interacting with Computers Norman’s Action Cycle Evaluation Stage Execution Stage GOMS Model (Card, Moran & Newell, 1983) Routine Task Goals, Operators, Methods, and Selection Rules Proved to be Useful Task Analysis Method Action Sequences Determined by Task and Interface Knowledge in the Head Structure of Task: Hierarchical Goal Structure Weak Interaction with Environment

Interacting with Information Task: Satisfy Information Needs Interaction Style Directly Interacting with Information via Information Appliances/Internet Appliances NOT Interacting with Applications on a Computer via Menu, Tools, etc. Difference from Traditional HCI Lots of New Information Interpretation Varies Depending on User’s Goal and Background Knowledge Physical Action Sequences Not Consistent GOMS-like Modeling NOT Appropriate I’d like to know more about Hodgkin’s disease at WebMD, a Medical Site

Comprehension is the Key Traditional HCI Translation of Intention to Physical Action, Requires Procedural Knowledge Interpretation of the Consequence of Action in the Light of Intention, NOT Knowledge Intensive Information-Centric HCI Comprehension of Information Provided by the Interface, Requires Lots of Factual and Semantic Knowledge Selecting Hyperlink Most Similar to the Current Goal, NOT Based on Predetermined Rules Action is Trivial

Designing for Information-Centric HCI Key to Success USER: Adequate Comprehension of Information DESIGN: Provision of Appropriate Information to EVERY User Information for Navigation Information about Contents Design Challenges Cope with Variability of Users Information Needs Cope with Diversity of Users Background Knowledge Importance of Model-Based Usability Evaluation

Comprehension-Based Models for Information-Centric HCI Comprehension Process Modeled by Kintsch’s Construction-Integration Theory of Text Comprehension Comprehension-Based Model of Performing by Exploration LICAI, LInked model Comprehension-based Action planning and Instruction taking Kitajima and Polson, 1997, Human-Computer Interaction Non-Routine Task Integration of Factual and Semantic Knowledge When Selecting Action Little Information Change Comprehension-Based Model of Web Navigation CoLiDeS, Comprehension-based Linked model of Deliberate Search Kitajima, Blackmon, and Polson, 2000, British HCI Conference Large Information Change – Interacting with Information

Performing by Exploration Task Know the Subtasks Communicate the Destination Know Fair Insert Coin Retrieve the Change Take the Ticket Novel Labels Familiar Controls Buttons, Slot, … Buy a Train Ticket in UK

Comprehension-Based Model Performing by Exploration LICAI LInked model of Comprehension-based Action planning and Instruction taking (Kitajima and Polson, 1997) Three Processes Goal Formation Process Comprehends the task for the purpose of transforming it into workable subtasks Goal Selection Process Comprehends the interface to sequence the subtasks properly Action Selection Process Selects an object-action pair to execute, consisting of the following sub-processes; Object Selection Process Selection is Done Through Comprehension of the Display in the Light of the Goal, Using Massive Amount of Knowledge Retrieved from Long-Term Memory, NOT Applying Predetermined Rules

Web Navigation Task: Satisfy Information Needs Ex) Browse Books on Cognitive Science at Amazon.Com Compare Digital Cameras at Points.Com Obtain Diagnosis for Type Two Diabetes at WebMD.Com … Novel Pages – More Dynamic Familiar Controls Hyperlinks, Buttons, …

Comprehension-Based Model Web Navigation CoLiDeS Comprehension-based Linked model of Deliberate Search (Kitajima, Blackmon and Polson, 2000) Four Processes, Attention Process Added to the LICAI Model Goal Formation Process Goal Selection Process Attention Process Parse the page and focus-on one sub-region Action Selection Process Comprehend the selected sub-region and select link

Example Goal: the user is planning to make a travel to Japan and wants to know about details of family tours.

Attend-to This Subregion Example Goal: the user is planning to make a travel to Japan and wants to know about details of family tours. Parse the Page Attend-to This Subregion Comprehend and Attend-to Subregion

Example Attend Here Parse the Attended-to Region Comprehend and Goal: the user is planning to make a travel to Japan and wants to know about details of family tours. Parse the Attended-to Region Comprehend and Attend-to Subregion Attend Here

Example Select This Link Goal: [text] Parse the Attended-to Region Goal: the user is planning to make a travel to Japan and wants to know about details of family tours. Goal: [text] Select This Link Parse the Attended-to Region Comprehend and Attend-to Subregion Comprehend and Select Link

Designing Usable Interface for Information Space Goal Formation Stage Comprehend the task in order to transform it into workable subtasks Goal Selection Stage Comprehend the interface to sequence the subtasks properly Action Selection Stage Comprehend the interface to attend to the right place Comprehend the interface to select the right object Comprehend the interface to select the right action

Designing Usable Interface for Information Space Goal Formation Stage Is the task representation appropriate for activating critical knowledge? Goal Selection Stage Is the interface representation appropriate for activating the right subgoal? Action Selection Stage Is the interface representation appropriate for activating critical knowledge for parsing the interface? Is the interface representation of the object appropriate for activating knowledge necessary to relate it with the current subgoal? Is the representation of the interface object appropriate for activating eligible action for the current subgoal?

Conclusions Interaction with Computers vs. Interaction with Information Space Comprehension is the Key Cognitive Skill Users Have to Comprehend the Information on the Screen Appropriately to Accomplish the Goal Designs Have to Provide Appropriate Information Design Challenges Diversity in user goals Variability in user’s background knowledge Comprehension-Based Models, LICAI and CoLiDeS Design Suggestions Based on the Cognitive Models Usability Evaluation Tool, Cognitive Walkthrough for the Web http://staff.aist.go.jp/kitajima.muneo/