You may place prompt over or to the left of the data-entry field; select one and be consistent. Name Tom PromptResponse Box Name Tom Prompt Response Box.

Slides:



Advertisements
Similar presentations
Project 1 ACSM PowerPoint.
Advertisements

Formatting Long Documents This resource will help you gain the skills to make a long document look good. Using these skills will save you lots of time.
Chapter 3 – Web Design Tables & Page Layout
Chapter 9 Working with Tabs and Tables. Chapter Objectives Work with tabs Create and format a table Format text in a table Place graphics in a table.
Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Step-by-Step: Adjust a Chart Axis USE the Pricing Final presentation that is still open from the previous exercise. 1.Click the chart on slide 2 to select.
Step-by-Step: Add a Graphical Hyperlink USE the Special Events Final presentation that is still open from the previous exercise. 1.Go to slide 4, and click.
Microsoft Word – Lesson 1
1. In the Activity Builder, you can use the Content Editor tools to create the content for activities and stimuli one at a time. Form-Based Content Editors:
MODULE 5 B WORD PROCESSING. cont How to Add Colour to Your Microsoft Word Logo To add a coloured background to your shape, do the following: Make sure.
After attending this workshop, students should be able to complete the following tasks involving MS Word:
Creating a Poster It is easier than you think! 1.
PowerPoint. Getting Started with PowerPoint Objectives Start PowerPoint and open presentations Explore toolbars and menus Use the Office Assistant Work.
 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.
1.
Access Tutorial 3 Maintaining and Querying a Database
Access 2007 ® Use Databases How can Microsoft Access 2007 help you to enter and organize information?
Customizing Forms and Writing QuickBooks Letters Lesson 15.
XP 1 Microsoft Office Excel Developing a Professional-Looking Worksheet.
Adobe Forms THE FORM ELEMENT PANEL. Creating a form using the Adobe FormsCentral is a quick and easy way to distribute a variety of forms including surveys.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Customizing forms and writing QuickBooks Letters Lesson 15.
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.
Unit J: Creating a Database Microsoft Office Illustrated Fundamentals.
PowerPoint for Macs: Building Image Intensive Presentations Julia Simic University of Oregon VRC 2006 Version: PowerPoint 2004 for Mac.
Web Technologies Website Development Trade & Industrial Education
Microsoft Excel By: Dr. K.V. Vishwanath Professor, Dept. of C.S.E,
Website Development with Dreamweaver
1 IT133 Seminar Unit 4 Greetings and Welcome! We will begin IT133 KHE SEMINAR promptly at the appointed time. I look forward to talking with you then!
Return To Index Excel Microsoft Excel Basics Lesson 10 Adding Information To Worksheets Adding Information To Worksheets - 2 Format Cells (Cell.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
Microsoft Visual Basic 2005: Reloaded Second Edition Chapter 2 Creating a User Interface.
Paragraph Formatting Lesson 4.
1 Formatting and Editing Skills. 2 Word Processing Word processing software application software used for creating text documents letters, memos, and.
Create Forms Lesson 5. Objectives Software Orientation The Forms group (below) is located on the Create tab in the Ribbon and can be used to create a.
CREATING TEMPLATES CREATING CUSTOM CHARACTERS IMPORTING BATCH DATA SAVING DATA & TEMPLATES CREATING SERIES DATA PRINTING THE DATA.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 19 Organizing and Enhancing Worksheets 1 Morrison / Wells / Ruffolo.
1 What to do before class starts??? Download the sample database from the k: drive to the u: drive or to your flash drive. The database is named “FormBelmont.accdb”
Get up to speed Get to work in Excel The first lesson helped you get oriented to the new look of Excel Now it’s time to get to work. Say you’ve got.
Microsoft Access 2000 Presentation 3 Creating Databases Part II (Creating Forms)
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.
Build a database V: Create forms for a new Access database Overview: A window into your data So far in this series of courses, you’ve built tables, relationships,
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
Learning PowerPoint Presenting your ideas as a slide show… …on the computer!
Lesson 6 Formatting Cells and Ranges. Objectives:  Insert and delete cells  Manually format cell contents  Copy cell formatting with the Format Painter.
Some Thoughts On PROTOTYPE Form Design. You may place prompt over or to the left of the data-entry field; select one and be consistent. Name Tom PromptResponse.
Lesson 1 - Understanding the Word Window and Creating a New Document
Chapter 3 Automating Your Work. It is frustrating when you have to type the same passage of text repeatedly. For example your name and address. Word includes.
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.
Document Processing Keyboarding Objective 4.01 – Apply formatting and editing features.
1 Creating Links Lesson 2. 2 In the center column type : Home | Order Now | Contact Us This is the navigation button which will link to the other pages.
Introduction to Technology. Parts of MSWord Screen Title Bar Quick Access Toolbar Button Ribbon Status Bar (views and zoom)
1 Dr. Tom Hicks Sotware Engineering CSCI-3321 Computer Science Department Trinity University.
Key Applications Module Lesson 22 — Managing and Reporting Database Information Computer Literacy BASICS.
Web Site Development - Process of planning and creating a website.
Laboratory Exercise # 10 – Microsoft Word Additional Topics Office Productivity Tools 1 Laboratory Exercise # 10 Microsoft Word Additional Topics Objectives:
MS WORD INFORMATION TECHNOLOGY MANAGEMENT SERVICE Training & Research Division.
Word Processing vocabulary (a day) & (b day) Put the vocabulary words in your notebook.  Alignment - The way multiple lines of text line.
Word processing is the software package that enables you to create,edit, print and save documents for future retrieval reference. creating a document.
1 Customizing Forms and Writing QuickBooks Letters Lesson 15.
Stand-Alone Apps & Web Apps
Creating a Presentation
Microsoft Visual Basic 2005: Reloaded Second Edition
PowerPoint Presentations
Exploring Microsoft® Office 2016 Series Editor Mary Anne Poatsy
Charts A chart is a graphic or visual representation of data
Presentation transcript:

You may place prompt over or to the left of the data-entry field; select one and be consistent. Name Tom PromptResponse Box Name Tom Prompt Response Box

Some database and/or prototyping tools automatically append a colon to right of all prompts; remove the colon from the prompts.

Each and every prompt should always be extremely clear and concise. Capitalize the beginning of each word in the prompt. Try to make your prompts so clear that an idiot can understand them and you will seldom be disappointed. Supplier ID# Minimum Quantity To Stock

This form still looks like a mess. It looks like someone just threw onto the screen. We will clean the format up shortly, but before we do, it would be nice if we just see the entire prompt.

Select a form background that would be pleasant and easy to read for the person doing data-entry 8 hours at a time. White is pretty bland!

Some colors are not the best choices!

Select a font color that is compatible with your background. It should be an easy combination to read from a distance.

A better choice for background colors.

Likewise, select a font face, font size, and font color combination that would be easy to read for the person doing data-entry 8 hours at a time. Never make the prompt more bold or larger than the data. The data is more important than the prompt!

Opt for font clarity over cuteness.

It is most often a good idea to lay out your form in such a way that it has one or two major columns. Place the most important info at the top! There are certainly many exceptions.

Align all prompts and data horizontally.

Frame the form so that you have about the same amount of blank space around all four of the form borders. Avoid void spaces in form. Don’t Always Need A Prompt For Textbox Message

The space between rows should be consistent and not too large.

Left justify the data-entry fields

Right justify the horizontal prompts for forms. Left justify horizontal prompts for reports.

The distance between the prompt and the data should be small, readable, and consistent.

Each form should contain a clear statement of title in the title bar; the title should describe the form and the developer of the form.

The use of lines and boxes will enable you to place more information on a form. Organize the information in some logical pattern.

Multiple font faces and font sizes and font colors can decrease the usability of the form. Have a reason for those changes.

Consider using tab frames when your form has a lot of data. Organize it logically. Label the tabs. Use tab colorization to help user recognize each tab.

Programmable Interests – Note that the contact name is available on each tab so that there will never be a need to return to the personal tab for identification.

Information Memo – Note that the contact name is available on each tab so that there will never be a need to return to the personal tab for identification.

Business Info – Note contact name. Keep colors consistent throughout the many forms and many tabs of an application.

Use pull down combo buttons to help verify data and isolate options. Wouldn’t a combo box, or a spinner, which contained only the acceptable values be better for verifying the birthday? Wouldn’t a combo box, containing only the acceptable abbreviations for the states be better than the user selection?

Button names should be extremely clear.

Button should be well organized in some form of symmetry. Remember to frame the form.

We have found that next works best on the bottom right and previous works best on the bottom left. You might make more frequently used buttons larger.

We have found that menus on the right are not nearly as effective as menus on the bottom.

Rather than create one form/prototype for an edit mode and one for a normal mode, it is often possible to design a system to use one format for all. Concurrent/Multi-User The form below might reflect the normal mode. The user would enter the edit mode by selecting add or edit.

Rather than create one form/prototype for an edit mode and one for a normal mode, it is often possible to design a system to use one format for all. The form below might reflect the edit/add mode. The user may either save all changes or cancel them.

Power Users often don’t want to take the time to move the cursor from the far left previous button to the far right next button. It is perfectly all right to have different button layouts for users with different skills. Many users want lots of functionality, but do not want to consume large portions of the form with buttons. Consider using Graphical buttons!

All graphical buttons and text buttons can be vague. Consider using mouse over text to further clarify all button functionality.

Combo controls often provide a great mechanism for utilizing indexes to order data. They belong in most applications. How is your user likely to order the data?

Combo controls for ordering/indexing?

Combo controls often provide a great mechanism for utilizing filters to select sub-sets of the data. They belong in most applications. How is your user likely to want to partition the data.

More combo controls for filtering.

Software systems often involve multiple forms. Keep the look, feel, color, and controls consistent/similar. Avoid too many background colors, too many font colors, and too many font faces! Navigate! There must be some obvious way to get to all portions of the system to all other portions of the system. Main Menu is one option!

Obvious is not “Right Mouse Click On The Form & Select……