Interaction Styles - Forms Dr.s Barnes and Leventhal.

Slides:



Advertisements
Similar presentations
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.
Advertisements

Mainframe-caliber tools for UNIX Treehouse Software, Inc.
Tutorial 8: Developing an Excel Application
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
Chapter 5 Creating Interactive Forms. An interactive form created in InDesign is exported as an interactive Adobe PDF file. The benefit of exporting the.
© by Pearson Education, Inc. All Rights Reserved.
User Interface Design Notes p7 T120B pavasario sem.
Human Computer Interface. HCI and Designing the User Interface The user interface is a critical part of an information system -- it is what the users.
Automating Tasks With Macros
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
Exploring Office Grauer and Barber 1 Creating More Powerful Applications: Introduction to VBA(Wk9)
1 SWE Introduction to Software Engineering Lecture 26 – User Interface Design (Chapter 16)
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Automating Tasks With Macros. 2 Design a switchboard and dialog box for a graphical user interface Database developers interact directly with Access.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Screen guidelines For data entry. Screen Layout for Data Entry Identify screen (name and purpose). Keep number of screens to a minimum. Ensure that all.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
Technology Education and Information Design Copyright 2009 MediTech NUI: New User Interface Online Training.
Copyright 2006 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Third Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
Chapter 12 Designing Interfaces and Dialogues
Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.
XP Chapter 4 Succeeding in Business with Microsoft Office Access 2003: A Problem-Solving Approach 1 Collecting Data for Well-Designed Forms Chapter 4 “Making.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
Lesson 4 Access Lesson 4 Lesson Plans Michele Smith – North Buncombe High School, Weaverville, NC
Introduction to Visual Basic. Quick Links Windows Application Programming Event-Driven Application Becoming familiar with VB Control Objects Saving and.
Keyboarding Vocabulary Key Computer Terms. Click To rapidly press and release the mouse button To rapidly press and release the mouse button.
Lecture 6 User Interface Design
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
Navigation Sequences Proper navigation Poor navigation Poor Navigation.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
CREATING TEMPLATES CREATING CUSTOM CHARACTERS IMPORTING BATCH DATA SAVING DATA & TEMPLATES CREATING SERIES DATA PRINTING THE DATA.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
Session Session 15 FAFSA on the Web - Onward and Upward!
IFS310: Module 12 User Interface Design - Navigation/Communication between the system and users.
G063 - Human Computer Interface Design Designing the User Interface.
1 User Interface Design Components Chapter Key Definitions The navigation mechanism provides the way for users to tell the system what to do The.
SD1230 Unit 6 Desktop Applications. Course Objectives During this unit, we will cover the following course objectives: – Identify the characteristics.
3 Copyright © 2004, Oracle. All rights reserved. Working in the Forms Developer Environment.
Window-based Interaction Styles Dr.s Barnes and Leventhal.
Fall 2003Sylnovie Merchant, Ph.D. ACCESS Tutorial Note: The purpose of this tutorial is to provide an introduction to some of the functions of ACCESS in.
The Web Wizard’s Guide To JavaScript Chapter 3 Working with Forms.
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
User Interface Design Lecture #4 Part-A. 30 January, 2008Human Computer Interaction Spring 2008, Lecture #4A 2 Agenda Principles on User Interface Design.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
ISYS 200Week #71 Systems Analysis I Interface Design ISYS 200 Glenn Booker.
Programming Logic and Design Fourth Edition, Comprehensive Chapter 14 Event-Driven Programming with Graphical User Interfaces.
1 Week # 4 Introduction to PDM PDM is a workbench environment that lets programmers and system operators navigate the three levels of the AS/400’s object-based.
Chapter – 8 Software Tools.
Abdul Rauf1 Interaction Design and Evaluation Example Usability Engineering: Process, Products, and Examples Chapter 12.
Software Interfaces. Learning Objectives Describe the characteristics of different types of user interfaces. Discuss the types of user interfaces which.
Printed Reports Analysis questions –Who will use the report? –What is the purpose of the report? –When or how often is the report needed? –Where does the.
Programming Logic and Design Fourth Edition, Comprehensive Chapter 10 Using Menus and Validating Input.
Decision Support System by Simulation Model (Ajarn Chat Chuchuen) 1 Chapter 6 User Interface Management.
Interaction Styles Common interaction styles command line interface menus natural language question/answer and query dialogue form-fills.
Interaction Styles Based on a power point file by Laura Eventual (of Bowling Green State University) References: Price et al. Schneider (3e)
Chapter 2 Hix & Hartson Guidelines.
System Design Ashima Wadhwa.
Screen Title Screen text Page x of y Graphic: description
G061 - Tailored Interfaces
Screen Title Screen text Page x of y Graphic: description
Chapter 11 Interaction styles
DATABASE DESIGN & DEVELOPMENT
Human and Computer Interaction (H.C.I.) &Communication Skills
Presentation transcript:

Interaction Styles - Forms Dr.s Barnes and Leventhal

Reference  Chapter 8

Form Fill-in  Form fill-in user interfaces are modeled after paper forms  Users see the virtual form and fill in fields

Form fill-in/Advantages  Use of form is primarily recognition.  Only recall required is what constitutes legal data for fields.  Especially useful for:  Intermittent (infrequent) users  Tasks with a lot of data entry.

Situations which call for forms  Infrequently performed tasks  Form and its fields can provide cuing to remind users of what type of data is appropriate and what a legal format is.  Data entry tasks – Data entry tasks generally require few choices between options as the user is entering data, but many keystrokes pertinent to the data itself. Forms allow the user to enter the data with few keystrokes spent on selecting options (as compared to menus) Data entry tasks also benefit when the user can see the data that they have just typed to provide contextual cuing. Because forms generally show mostly entered data (as opposed to the visual cue of a graphical or direct manipulation interface) they are once again a good choice for data entry.  Intermittent (intermediate knowledge user)  Because of cuing, user does not need to relearn the formats and types of required data (as compared to command line interactions).  Because of the familiarity of paper forms, users can apply their prior knowledge to form interactions.  Many web-based and database applications use forms for data input and for intermittent users.

Typical Form Components  A form typically consists of:  a series of fields.  an id, a title, and/or help text  A field consists of:  an id (often a variable name), a prompt, help  text, and information about the value to be entered into the field, such as type, range, default value,and current value.  May have an embedded menu for some fields like dates

More Characteristics of Forms  Typically, form filling is done on a screen (it could be done over the phone) . In addition to these basic parts of a form, there can be entry and exit conditions and actions for the form and its fields. Eg. “Submit”

More on Entry and Exit  A form or subform may not apply in some situations, and a failed entry condition will inhibit its activation.  When a form is entered, the action of displaying all or some fields might be taken, and the current values for fields might be displayed.  When a field is entered, the action of modifying its appearance might be taken to tell users it can be modified, an input editing buffer from an interaction library would be activated; and when the field is left, the appearance would revert.  Validation for field values might be coded as exit conditions for  individual fields, while inter-value validation might  be coded as an exit condition for the whole form.

Form fill-in/Issues (1)  Helping users understand how to perform error correction.  Distinguishing between data and commands.  Eg. the enter (return) key may serve strictly as a command key or may be permitted data.

Form fill-in/Issues (2)  Choices of field titles and other mnemonics.  Spacing of fields.  Type and amount of feedback to user.  Usually not sufficient to just take a paper form and translate it to an electronic version.

Form fill-in/Summary  overhead - Advantages/Disadvantages  overhead - Table 3.2  Brain Surgeon Exercise/show solution