Navigation Sequences Proper navigation Poor navigation Poor Navigation.

Slides:



Advertisements
Similar presentations
User Interface Design.
Advertisements

Microsoft Office XP Microsoft Excel
Tutorial 8: Developing an Excel Application
Understanding Microsoft Excel
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
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.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Menu-Selection and Form Fillin. Menu selection design guidelines 4 Semantic organisation logical grouping of options –sensible, understandable, memorable.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Copyright 2002 Prentice-Hall, Inc. Modern Systems Analysis and Design Third Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich Chapter 14 Designing.
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.
Principles and Methods
Technology Education and Information Design Copyright 2009 MediTech NUI: New User Interface Online Training.
With Microsoft Access 2010 © 2011 Pearson Education, Inc. Publishing as Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Access.
Irwin/McGraw-Hill Copyright © 2000 The McGraw-Hill Companies. All Rights reserved Whitten Bentley DittmanSYSTEMS ANALYSIS AND DESIGN METHODS5th Edition.
IMS Lecture 3.2 Introduction to Interface Design IMS Systems Design and Implementation.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Dialogue Styles.
Chapter 12 Designing Interfaces and Dialogues
Input/Output Design User Interface Design
© 2002 ComputerPREP, Inc. All rights reserved. Word 2000: Forms, Merges, and Macros.
Word Processing basics
Input Design Objectives
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Copyright 2004 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Second Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
Topics Covered: Data preparation Data preparation Data capturing Data capturing Data verification and validation Data verification and validation Data.
Chapter 12 Designing the Inputs and User Interface.
Lesson 1 – Microsoft Excel The goal of this lesson is for students to successfully explore and describe the Excel window and to create a new worksheet.
Introduction to Access By Mary Ann Chaney and Alicia Harkleroad.
Systems Analysis and Design in a Changing World, 6th Edition
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
IC 3 BASICS, Internet and Computing Core Certification Key Applications Lesson 10 Creating and Formatting an Excel Worksheet.
10/8/2015© Jeff Offutt, Menu Design Guidelines Jeff Offutt SWE 432 Design and Implementation of Software for.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
System Analysis and Design
By BuilderMT BMT Cloud Models and Options Manager by BuilderMT Using Cloud MoM to build and manage a Builder’s Model & Option database BuilderMT Cloud.
Data entry: Validation
VistA Imaging Capture via Scanning. October VistA Imaging Capture via Scanning The information in this documentation includes only new and updated.
Objectives of Control The objectives of control are:  To ensure that all data are processed  To preserve the integrity of maintained data  To detect,
Chapter 12 Designing Interfaces and Dialogues. Objectives:  Explain the process of interface and dialogue design.  Contrast and apply methods for interacting.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
Database Application Design and Data Integrity AIMS 3710 R. Nakatsu.
1 User Interface Design Components Chapter Key Definitions The navigation mechanism provides the way for users to tell the system what to do The.
CS130 Project 1 A simple VB application ("project" or program): user enters amount of sales then clicks the "Calculate button", the application displays.
Input Design Lecture 11 1 BTEC HNC Systems Support Castle College 2007/8.
Graphical Enablement In this presentation… –What is graphical enablement? –Introduction to newlook dialogs and tools used to graphical enable System i.
Verification & Validation. Batch processing In a batch processing system, documents such as sales orders are collected into batches of typically 50 documents.
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.
User Interface Components Lecture # 5 From: interface-elements.html.
Review of Data Capture. Input Devices What input devices are suitable for data entry? Keyboard Voice Bar Code MICR OMR Smart Cards / Magnetic Stripe cards.
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.
The Excel model for information processing The Excel model is a grid of cells in which items of information are stored and processed. Any information that.
CHAPTER 6 LESSON B Creating Custom Forms. Lesson B Objectives  Suppress default system messages  Create alerts and messages to provide system feedback.
Moodle Quizes Staff Guide. Creating Quizzes Click Add an Activity or Resource With the course in editing mode...
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
1 ASPP(INPUT DESIGN) Systems Design Input Design.
DESIGNING THE USER INTERFACE - Different Interfaces 22 nd AUGUST 2005 LOWER SIXTH COMPUTING LESSON Prepared by:T.Fina.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
HEI/OCAN College Access Program Data Submissions.
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.
User Interface Design Chapter 10.
Designing the Inputs and User Interface
System Design Ashima Wadhwa.
Databases.
Human and Computer Interaction (H.C.I.) &Communication Skills
Presentation transcript:

Navigation Sequences Proper navigation Poor navigation Poor Navigation

Common Input Devices

Biometric Input Devices

Barcodes

Optical Mark Reader Skunk Marks Data Scanning Fields

Smart Card Technology

Active Reading Machine

Interface Similarities Across Applications Menu Structure and Sequence Toolbar positioning and Icon Style User- Configurable Desktop and Work Area

Context-Sensitive Help Tooltip Hotspot Popup

Combination of Text and Graphics for End User feedback

Dialog Boxes

Data Entry Screen Functions Capability CategoryExamples Cursor Control Moving the cursor forward or backward to allowable data fields. Directly moving the cursor to the first or last field on the screen. Move the cursor forward or backward by one character within a data field. Editing Delete the previous character. Delete the current character. Delete the entire field entry. Clear the entire form of data. Exiting Commit the data on the screen to the database or application program. Navigate to a new screen or form. Confirm recent data entry before moving to another screen or form. End User Help Obtain help with a particular data field definition or entry. O btain help on the purpose and limitation associated with a particular data entry screen.

Guidelines for Input Screen Design Data Entry ActivityGuideline for Effective Design Data Entry Avoid requiring entry of data that can be computed, derived, or retrieved from an existing on-line source. Field Defaults Provide relevant field value defaults where appropriate. (i.e. assume current date for invoice date field) Required Units Clearly indicate the desired unit values for data entry fields. (i.e. pounds, inches, dollars, tons, etc.) Data Replacement Provide “intelligent character replacement functions by suggesting a completed entry after the user has typed the first few characters. Field Captions Provide information field captions such that the end user can determine the appropriate data to enter. Field Formatting Provide explicit formatting examples where relevant to indicate the proper method for entering data with required embedded symbols or a specific sequence. (i.e. social security number, or date, mm/dd/yyyy) Data Alignment Provide automatic alignment for data entries using left justification for text and right-justification or decimal justification for numbers. End User Help Wherever possible, provide context-sensitive help mechanisms and hot-key access to help facilities.

Guidelines for HCI Dialogue Design Dialogue GuidelineExplanation Be consistent All dialogues should be consistent in action, sequence, required keystrokes, and terminology. Enable user shortcuts End users should be allowed to take advantage of shortcut keys or macro commands wherever possible and appropriate. Provide relevant feedback Feedback should be provided to the end user for every data entry action. Allow for closure All dialogues should have a clear beginning, middle, and end. Provide error-handling guidance All possible errors should be captured by the system and reported back to the end user in a manner that allows for correction or provides suggestions as to how to proceed. Allow reversal of action Wherever possible, end user actions should be reversible and data deletion should not occur without explicit confirmation from the end user. Provide user control The dialogue should allow experienced users to feel in control of the system and should facilitate inexperienced end users by allowing the user to take greater control of the process as experience develops. Reduce cognitive load Dialogues must be simple to use and must provide for a minimum cognitive load on the end user.

Input Validation Controls Input Control MechanismExplanation Data Typing Data should be checked for proper type (numeric, alphabetic, or alphanumeric) Reasonableness Data should be tested for reasonableness of value given the situation (negative interest rates not allowed, appropriate rate of pay for specific employee category) Expected Value Data should be checked against some expected value where appropriate (model of automobile should match make of automobile) Missing or Required Data Fields should be checked and flagged for missing data that is deemed necessary to complete the data entry process ( has a quantity been provided for every item on the purchase order?) Check-Digit Calculation Check digit calculation should be conducted upon appropriate field entry to insure proper account number or other numerical data accuracy. Data Format Data should be checked against any required format or template to insure proper entry ( , (999) , 99AAXX9AX) Value Range Data should be checked against any known or established value range (two-letter state codes should come from acceptable list of codes) Entry Size The number of expected characters should be checked where appropriate (is the social security number exactly nine digits?) Allowable Entry Data should be limited to a range of allowable entries and this range of choices should be provided to the end user, where appropriate)

Check Digit Calculation ProcessExample Number each digit of a numeric entry according to place value from either right or left beginning with 2. Assume account number of 34763: Multiply each digit in the numeric entry by its assigned place value x Sum the result of the multiplications = 94 Divide the sum by the modulus number (usually 10 or 11) Assume a modulus number of 11: 94 / 11 = 8 remainder 6 Subtract remainder from modulus number and append check digit to numerical entry. 11 – 6 = 5 (check digit)