Human Computer Interaction CSC 4730-100 User System Interface CSC 8570-001 Class Meeting 6 October 2, 2012.

Slides:



Advertisements
Similar presentations
Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Advertisements

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.
1 Web-Enabled Decision Support Systems Access Introduction: Touring Access Prof. Name Position (123) University Name.
Chapter 19 Design Model for WebApps
Designing Multimedia with Fuzzy Logic Enrique Diaz de Leon * Rene V. Mayorga ** Paul D. Guild *** * ITESM, Guadalajara Campus, Mexico ** Faculty of Engineering,
Alternative Approach to Systems Analysis Structured analysis
Learning and Teaching Conference 2012 Skill integration for students through in-class feedback and continuous assessment. Konstantinos Dimopoulos City.
XP Tutorial 9 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Exploring Your Network Tutorial 9.
1http://img.cs.man.ac.uk/stevens Interaction Models of Humans and Computers CS2352: Lecture 7 Robert Stevens
Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTION Lesson 1 – Microsoft Office XP Basics and the Internet.
Requirements Engineering n Elicit requirements from customer  Information and control needs, product function and behavior, overall product performance,
UI Standards & Tools Khushroo Shaikh.
This Interaction Annoys Me Documenting a problem with an interaction.
Assignment 1 Pick an interaction you find annoying. Document the steps. Describe the annoyance and how it can be fixed.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
CSE491 Human-Computer Interaction Eileen Kraemer 8/28/07.
Chapter 2: Understanding and conceptualizing interaction
CSC USI Class Meeting 4 September 14, 2010.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
TIBCO Designer TIBCO BusinessWorks is a scalable, extensible, and easy to use integration platform that allows you to develop, deploy, and run integration.
Human Computer Interaction CSC User System Interface CSC Class Meeting 4 September 18, 2012.
Microsoft Visual Basic 2012 CHAPTER TWO Program and Graphical User Interface Design.
Aurora: A Conceptual Model for Web-content Adaptation to Support the Universal Accessibility of Web-based Services Anita W. Huang, Neel Sundaresan Presented.
Extended Prelude to Programming Concepts & Design, 3/e by Stewart Venit and Elizabeth Drake Chapter 8: More About OOP and GUIs.
Chapter 8: Actor-System Interaction Modeling
Human Computer Interaction CSC User System Interface CSC Class Meeting 5 September 25, 2012.
Building Tools by Model Transformations in Eclipse Oskars Vilitis, Audris Kalnins, Edgars Celms, Elina Kalnina, Agris Sostaks, Janis Barzdins Institute.
Chapter 6 SAS ® OLAP Cube Studio. Section 6.1 SAS OLAP Cube Studio Architecture.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Human Computer Interaction CSC User System Interface CSC Class Meeting 7 October 9, 2012.
Dept. of Computer Science University of Rochester Rochester, NY By: James F. Allen, Donna K. Byron, Myroslava Dzikovska George Ferguson, Lucian Galescu,
GUI Design Spreadsheet-Based Decision Support Systems Chapter 23: Aslı Sencer MIS 463.
CSC USI Class Meeting 5 September 21, 2010.
MS Access: Introduction 1Database Design. MS Access: Overview MS Access A Database Management System (DBMS) designed to create applications that organize,
1 SY DE 542 Navigation and Organization Prototyping Basics Feb 28, 2005 R. Chow
User Interfaces 4 BTECH: IT WIKI PAGE:
INTERaction TEMPlates TO COMponents (InterTempToCom) CMPT 856 David Paquette.
Connecting with Computer Science2 Objectives Learn how software engineering is used to create applications Learn some of the different software engineering.
Chapter 23: GUI Design Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
CSC USI Class Meeting 10 November 9, 2010.
CSC USI Class Meeting 6 October 5, Outline for Evening One-minute assessment Research project issues Table creation revisited Augmenting.
CSC USI Meeting 8 October 26, Designing the Perfect Phone™ Meet as design teams this evening Interim design report due by 9:00 p.m. EDT.
CSC USI Class Meeting 9 October 31, 2007.
Murielle Florins 1, Francisco Montero Simarro 2, Jean Vanderdonckt 1, Benjamin Michotte 1 1 Université catholique de Louvain 2 Universidad de Castilla-la-Mancha.
LanguageLab A Meta-modelling Environment Terje Gjøsæter and Andreas Prinz, University of Agder, Norway SDL Forum 2015, Berlin, Germany.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Software 3 See Edmodo for images Group name: topcat Group code: i4qf9a 11/03/11.
Pasewark & Pasewark Microsoft Office 2003: Introductory 1 INTRODUCTION Lesson 1 – Microsoft Office 2003 Basics and the Internet.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Design Phase intro & User Interface Design (Ch 8)
The Structure of the User Interface Lecture # 2 Gabriel Spitz.
CSCI 4800/6800 Human-Computer Interaction Eileen Kraemer 1/11/05.
CSC USI Class Meeting 4 September 13, 2006.
HCI Meeting 1 Thursday, August 26. Class Activities [1] Student questionnaire Answer the following questions: 1.When and where was the computer mouse.
CSC480 Software Engineering Lecture 7 September 16, 2002.
Supporting the design of interactive systems a perspective on supporting people’s work Hans de Graaff 27 april 2000.
1 Design Principles – Part 2 of 3 Learnability Principles Flexibility Principles.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
School of Business Administration
The Semiotic Engineering of Human-Computer Interaction Section I Foundation Chapter 1 Introduction.
Informatics 121 Software Design I
Class Meeting 5 February 10, 2009
Class Meeting 8 November 1, 2005
Human Computer Interaction
CSC USI Class Meeting 6 October 3, 2007.
User System Interface CSC
User/System Interface
User/System Interface
Presentation transcript:

Human Computer Interaction CSC User System Interface CSC Class Meeting 6 October 2, 2012

Outline for Evening One-minute assessment Research project issues Table creation revisited Augmenting GUEPs and CDs Course themes reprise Edge and Blackwell concept map

One Minute Assessment Do not put your name on the paper On one side of the paper, list The two most important concepts that you have learned so far. On the other side of the paper, list The thing (or things) that you are most confused about.

Research Project Issues My question: Suppose your hypothesis says that design A is faster than design B. You gather timing data from a number of subjects (say N=23) You compute the average total task time (summed over a number of tasks) – Design A: seconds – Design B: seconds Do the data support your hypothesis? [Note data is plural.] What is the negation of the previous statement? If your results need a statistician, then you should design a better experiment. -- Baron Ernest Rutherford

My Question (2) What statistical test do you use to check your assertion? Do you need more information to use the test? If so, what? Do you need to make assumptions to apply the test? If so, what? Does this plan for the statistical treatment of the data make sense?

Research Project Issues Your questions:

Table Creation Interesting semantic question arose – Relevant to Consistency GUEP – Related questions in spreadsheet and word processing systems In a spreadsheet, which cell becomes active when the user taps – Tab – Enter – Another navigation key

Table Creation (2) In a word processing system, when entering data into a table, which cell becomes active when the user taps – Tab – Enter – Another navigation key How might one model these situations?

Augmenting GUEPs and CDs Our goals: Rephrase GUEPs and CDs, if necessary Develop examples of interface items described by GUEPs and CDs Relate the approaches embodied in GUEPs and CDs See the handout for a summary of GUEPs and CDs

Themes Models, theories, frameworks Form a foundation for understanding What users want (What do they want?) Which is interpreted by the Design principle hierarchy – GUEPs (Generative User Engineering Principles) GUEPs – General design principles – Implementable design guidelines

Themes (2) Users are directed in their approach to a system by Mental models – Problem space version: Set of states and paths from one state to the next leading to a solution – Theory version: What users believe to be true about particular domains, devices, or systems And The cognitive dimensions (CDs) of understanding (which describe ways of thinking).CDs – Related to GUEPs as described by the 14 by 9 matrix.

Themes (3) We have devised a path from abstraction to implementation based on: Cognitive dimensions GUEPs Design principles Task analysis

Task Analysis Preparing for task analysis Tasks vs. goals Hierarchical task analysis vs. GOMS ConcurTaskTrees –

ConcurTaskTrees Task Types TypeActionExample User No system interaction Read a message AbstractionComplex User session Application No user interaction Perform a database query Interaction User and system together Click a button

ConcurTaskTrees Operators Temporal Operators IconDescriptionSyntax []Choice T1 [] T2 |=| Order Independency T1 |=| T2 |||Concurrent T1 ||| T2 |[ ]| Concurrent with information exchange T1 |[ ]| T2 [>Disabling T1 [> T2 |>Suspend/Resume T1 |> T2 >>Enabling T1 >> T2 [] >> Enabling with information exchange T1 [] >> T2 T1Connection [ T1 ] Optional [ ] [ ] T1 * Iterative * SyntaxDescriptionIcon Unary Operators

Tangible User Interfaces What are they? – Definition – Examples

Anand Agarawala: 2007 TED talk on BumpTop

John Underkoffler: 2010 TED talk on tangible interfaces

Silly Aside Exercise: For the 26 3-character strings, [A-Z]UI, give the definition or description of the user interface described by the acronym. For example, GUI stands for Graphical User Interface and describes any interface using icons or other graphical elements to access data or operations.

TUI (2) What is the power of a WIMP interface? – Is the analysis (done by Edge and Blackwell) of its actions correct?

TUI (3) What is the power of a TUI? – What does “power” mean in this context?

TUI (4) Top level concepts Physical layer; physical tokens – Aligning tokens; lines of tokens – Stacking tokens Virtual layer – Synchronization with physical layer – Feedback: visual, auditory, tactile – Abstraction of time Virtual – Physical Level – Degree of embodiment – Degree of synchronization – Degree of coherence

TUI (5) Manipulable solid diagrams Tokens; token aggregation – Object order – Continuous values – Token association Superior to WIMP – uses DM more effectively – uses D of F with hands more efficiently

Example What do you want from a mapping system? Does this match with what the system provides? Explore – Mapquest Mapquest – Google Maps Google Maps – Yahoo Maps Yahoo Maps – Mappy.com Mappy.com – AAA.com AAA.com – Microsoft Streets and Trips

Example What do you want from a rapid transit routing system? Does this match with what the system provides? Explore – Atlanta MARTA Atlanta MARTA – Philadelphia SEPTA Philadelphia SEPTA – Washington DC Metro – San Francisco BART – Denver DART

Next Time Continue work on research project, completing experimental material and IRB form.

Research Team Meetings