Choose the Proper Screen-Based Controls Lecture-10

Slides:



Advertisements
Similar presentations
Step 7: Proper Screen-Based Control
Advertisements

Excel Vocabulary.
Introduction to Microsoft Word 2007 Access to Microsoft Word 2007 differs greatly from versions that preceded it, mostly in the way functions across the.
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Learning the Basics – Lesson 1
Microsoft Word 2013 An Overview. Your Environment Quick Access Toolbar Customizable toolbar for one-click shortcuts Tabs Backstage View Tools located.
Microsoft PowerPoint 2013 An Overview.
1 CA202 Spreadsheet Application Combining Data from Multiple Sources Lecture # 6.
COE201 – Computer Proficiency Mr. Hamze Msheik
Lesson 16 Enhancing Documents
1 Introduction to Word Chapter 3 Lecture Outline.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Copyright 1999 all rights reserved Screen-Based Controls n Primarily ready-made objects –Standard look and feel across applications –Available in APIs.
Module 3 Productivity Programs Common Features and Commands Microsoft Office 2007.
GAO YUAN We are here for:  We know iPhone from iOS Human Interface Guidelines  The guidelines and principles that help you.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Defining Styles and Automatically Creating Table of Contents and Indexes Word Processing 4.03.
Hong Kong Taoist Association Wun Tsuen School Computer Studies Microsoft Word 2010.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®
Introduction to MS WORD.
Microsoft Word 2007 Getting Started. Menus These features below contain many of the functions that were in the menu of previous versions of Word. –The.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Productivity Programs Common Features and Commands.
Copyright 2002, Paradigm Publishing Inc. CHAPTER 17 BACKNEXTEND 17-1 LINKS TO OBJECTIVES Line Numbering Bookmarks AutoText Nonbreaking Space Nonbreaking.
CREATING TEMPLATES CREATING CUSTOM CHARACTERS IMPORTING BATCH DATA SAVING DATA & TEMPLATES CREATING SERIES DATA PRINTING THE DATA.
Adobe InDesign CS2—Revealed SETTING UP A DOCUMENT.
 Each tab is geared towards a certain activity area.
Key Applications Module Lesson 17 — Organizing Worksheets Computer Literacy BASICS.
By Felixberto Dominic B. Eruela.  Using a computer to create, edit, and print documents. Of all computer applications, word processing is the most common.
Chapter 2: Excel Basics and Formatting Spreadsheet-Based Decision Support Systems Prof. Name Position (123) University Name.
User Interface Components Lecture # 5 From: interface-elements.html.
Ch 9 Screen Layout Yonglei Tao School of Computing and Info Systems GVSU.
Lesson: 2 Common Features and Commands After completing this lesson, you will be able to: Identify the main components of the user interface. Identify.
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.
Word 2003 The Word Screen. Word 2003 Screen File Menu –Holds the options for creating a new document, opening a document, saving a document, printing.
Lecture 3- Microsoft Word COE 201- Computer Proficiency.
Windows layout. During the design process, the individual elements, or building blocks, of screens will have been identified. A logical flow of information.
2/2/2005Introduction to Banner 1 Introduction to Banner- General Overview Tri-County Banner Implementation Team Presented by Chris Marino.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
Key Applications Module Lesson 22 — Managing and Reporting Database Information Computer Literacy BASICS.
GUI Controls for Input Design Introduction –Most new applications being developed today include a GUI. This approach is influenced by a new trend in.
XP IT INSTRUCTOR :AHMAD HIRZALLAH 1 Microsoft Office FrontPage 2003 Creating Tables and Frames.
William H. Bowers – Specification Techniques Torres 17.
Chapter 2. Copyright 2003, Paradigm Publishing Inc. CHAPTER 2 BACKNEXTEND 2-2 LINKS TO OBJECTIVES Bold, Italic, and Underlining Bold, Italic, and Underlining.
COMPUTER LITERACY NOTES MS-EXCEL. SPREADSHEETS A spreadsheet is a computer equivalent of a paper ledger sheet. Excel allows you to create spreadsheets.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 5 1 Microsoft Office FrontPage 2003 Tutorial 5 – Creating Tables and Frames.
Lesson ¾ Study Guide.
Lesson 16 Enhancing Documents
Key Applications Module Lesson 17 — Organizing Worksheets
Human Computer Interaction Lecture 07 The Interaction
Lesson 16 Enhancing Documents
Learning the Basics – Lesson 1
Microsoft Word 2010.
Microsoft Excel.
Planning and Building a Presentation
Defining Styles and Automatically Creating Table of Contents and Indexes Word Processing 4.03.
4.2 Microsoft Word.
Assistant lecturer Nisreen A. Jabr
Presentation Controls
Productivity Programs Common Features and Commands
Introduction to Word Chapter 3
Objectives At the end of this session, students will be able to:
Chapter 4 Enhancing the Graphical User Interface
Welcome To Microsoft Word 2016
Presentation transcript:

Choose the Proper Screen-Based Controls Lecture-10 Step-7 Choose the Proper Screen-Based Controls Lecture-10 Computer Systems Interface

Computer Systems Interface Overview Identifying the characteristics & capabilities of the various screen controls, including: Buttons Text entry / read-only controls Selection controls Combination entry / selection controls Specialized operable controls Custom controls Presentation controls Web controls Selecting the proper controls for the user & tasks Computer Systems Interface

Computer Systems Interface Buttons In Web page or application design Use buttons to perform an action Use links to show information Three styles Command buttons Toolbar buttons w/o labels Symbol buttons Computer Systems Interface

Computer Systems Interface Command buttons Windows w/o Menu bar Raised appearance Single-word labels whenever possible First letter capitalized Regular system font, same size font Label & border - 2 pix; height - 25 pix Six or fewer Location & layout Web pages spanning more than one screen Consistency across all screens Computer Systems Interface

Computer Systems Interface Toolbars Meaningful & unique image icons Button: 24x22, 32x30 Label: 16x16, 14x24 Customization Computer Systems Interface

Computer Systems Interface Captions or Labels Entry/Modification & Display/Read Only text boxes Single fields ? Multiple occurrence fields Long, fixed-length data field Alphanumeric, short, variable in length Numeric, variable in length See p.464 (495) Computer Systems Interface

Computer Systems Interface Data fields Segment long text boxes through Incorporation of slashes (/), dashes (-), spaces, or other common delimiters If fixed-length data, segment into logical boxes using auto-skip to move between Computer Systems Interface

Computer Systems Interface Radio buttons To set an item from a small set of mutually excusive options (2 to 8) Where adequate screen space is available Alternatives are better understood when seen together & can be compared Mnemonics Do not use For commands Singly to indicate presence or absence of a state See p.473 (504) Computer Systems Interface

Computer Systems Interface Tabs Meaningful description of contents Order of information use varies Do not use for sequential steps 03 GROUPS Computer Systems Interface

Computer Systems Interface Examples See p.552 (583) 04 groups Computer Systems Interface