Menu-Selection and Form Fillin. Menu selection design guidelines 4 Semantic organisation logical grouping of options –sensible, understandable, memorable.

Slides:



Advertisements
Similar presentations
Menu Interfaces Benefits of menu’s: Learnability, memorability, error avoidance Minimize memory load Drawbacks: possible inefficiency hierarchical complexity.
Advertisements

COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
User Interface Design Notes p7 T120B pavasario sem.
1 Menus. 2 Binary Menus 3 Text Based Menus 4 Text Based Menus Cont...
1 Forms Design. 2 Class list form DB Brock 1999 Version Titles are a good thing Notice the inconsistency between the order of these fields.
Menu Selection, Form Fillin, and Dialog Boxes
Interaction Styles Course 6, CMC, 07/10/03 Direct Manipulation
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
1 Interaction Styles Lecture 8 Date: 23 rd February.
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.,
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Copyright 2002 Prentice-Hall, Inc. Modern Systems Analysis and Design Third Edition Jeffrey A. Hoffer Joey F. George Joseph S. Valacich Chapter 14 Designing.
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.
Computer-Mediated Communication / Computercommunicatie A Master IK, CIW, MMI L.M. Bosveld-de Smet Hoorcollege 2; ma. 11 sept. 2006;
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
Irwin/McGraw-Hill Copyright © 2000 The McGraw-Hill Companies. All Rights reserved Whitten Bentley DittmanSYSTEMS ANALYSIS AND DESIGN METHODS5th Edition.
MICROSOFT – WORD. WORD... text entry f formatting spell check bulleting numbering t tables and much more.
IMS Lecture 3.2 Introduction to Interface Design IMS Systems Design and Implementation.
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Chapter 12 Designing Effective Input
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Dialogue Styles.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
Chapter 4 Product Design. Objectives of Design  As all other aspects of object-oriented system development, design can be deployed in an iterative or.
Key Applications Module Lesson 12 — Word Essentials
Chapter 12 Designing Interfaces and Dialogues
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Systems Analysis and Design in a Changing World, 6th Edition
System Design System Design - Mr. Ahmad Al-Ghoul System Analysis and Design.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
Copyright © 2005, Pearson Education, Inc. Chapter 6 Menu Selection, Form Fillin, and Dialog Boxes.
Designing a Graphical User Interface (GUI) Krisana Chinnasarn, Ph.D. January 2007.
Software Tools. Specification Methods Design requires a good notation to record and discuss alternate possibilities: –The default language for specifications.
Navigation Sequences Proper navigation Poor navigation Poor Navigation.
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.
Information Technology Word Processing. Word Processing is the preparation of documents such as letters, reports, memos, books, or any other type of correspondences.
Productivity Programs Common Features and Commands.
Lecture 5(b), Slide 1 CP2030 Copyright © University of Wolverhampton CP2030 Visual Basic for C++ Programmers v Component 5(b) HCI aspects of VB programming.
Chapter 12 Designing Interfaces and Dialogues. Objectives:  Explain the process of interface and dialogue design.  Contrast and apply methods for interacting.
1 Interaction Styles. 2 Introduction In order to get a system or a device to do something for us we need to be able to communicate/ interact with that.
Human-Computer Interaction UI Architecture. 2 Model-View-Controller (MVC)
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of 1-1 HCI Human Computer Interaction Week 6.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
Technical Paper Review Designing Usable Web Forms – Empirical Evaluation of Web Form Improvement Guidelines By Amit Kumar.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
11/25/2015Slide 1 Scripts are short programs that repeat sequences of SPSS commands. SPSS includes a computer language called Sax Basic for the creation.
Chapter 23: GUI Design Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 12 Getting Started with Word Essentials 1 Morrison / Wells / Ruffolo.
Chapter 7 Jay Babb Andrew Bates Steve Haroz. Display limitation  Long, functionally grouped menus are preferred over deep menus.  Resolution problem.
Chapter 5 Introduction To Form Builder. Lesson A Objectives  Display Forms Builder forms in a Web browser  Use a data block form to view, insert, update,
Windows layout. During the design process, the individual elements, or building blocks, of screens will have been identified. A logical flow of information.
Cs413_design02.ppt GUI Design The User Controls Navigation Traditional GUI design the designer can control where the user can go gray out menu options.
1 ASPP(INPUT DESIGN) Systems Design Input Design.
Microsoft Word CERTIFICATION PREP. Lesson 1 Basic Overview RIBBON The main command interface in Microsoft office 2013 is the ribbon. The Ribbon is a centralized.
ISYS 200Week #71 Systems Analysis I Interface Design ISYS 200 Glenn Booker.
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.
Designing Effective Input. Design input forms for users of business systems Design engaging input displays for users of information systems Design useful.
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
Menu, Form Fill-in and Dialog Box Session 06
Key Applications Module Lesson 12 — Word Essentials Computer Literacy BASICS.
An Instructor’s Outline of Designing the User Interface 4th Edition
Chapter 2 Hix & Hartson Guidelines.
Lesson 7 Getting Started with Word Essentials
Lesson 12 Getting Started with Word Essentials
MBI 630: Week 11 Interface Design
Human and Computer Interaction (H.C.I.) &Communication Skills
Choose the Proper Screen-Based Controls Lecture-10
Presentation transcript:

Menu-Selection and Form Fillin

Menu selection design guidelines 4 Semantic organisation logical grouping of options –sensible, understandable, memorable menus must have logical grouping of options based on user’s task single menu is simplest, but options are few (in GUIs radio buttons or check boxes can be used) binary (Yes/No) menus are a possibility extended menus (multiple pages are more normal)

Extended menus 4 Strategies for extended menus include –multiple screens –multiple screens accessed hierarchically –scrollable “single” windows –pull-down menus –pull-down menus: lower levels invisible until accessed from a top menu bar –pop-up menus –pop-up menus: context-sensitive availability of option lists

Menu selection guidelines 4 Use task semantics to group menu options 4 Use “broad and shallow” options rather than “narrow and deep” (but “seven plus or minus two” rule applies) 4 Make items brief; show position by numbers, graphics or titles 4 Use meaninful sequences of items 4 Use consistent grammar, layout, terminology 4 Provide short-cuts (e.g., “hot-key combinations) 4 Allow jumps to previous menus

Form fillin design 4 Meaningful titles - dictated by task, not computer, semantics 4 Comprehensible instructions –brief, jargon-free instructions preferred 4 Logical grouping and sequencing of fields –close as possible to paper form “template” 4 Visually appealing layout –uniform spacing is better than crowded areas 4 Familiar field-label names and order of entry –left-to-right, top-to-bottom but with task logic in mind

Form fillin: Error handling and feedback 4 Error correction 4 Error correction for individual characters and entire fields –user should not be forced to “complete” data entry before backtracking to make corrections error-messageson-line help 4 Clear error-messages and on-line help for invalid entries 4 Optional 4 Optional and compulsory fields clearly distinguished completion signal 4 Clear completion signal –avoid making completion automatic; explicit confirmation of “finish” is preferable