SlideShare una empresa de Scribd logo
1 de 48
OBJECTIVES
When you finish this chapter, you will be able to:
 Explain the concept of user interface design and human-
computer interaction, including basic principles of user-
centered design
 List user interface design guidelines
 Describe user interface components, including screen
elements and controls
 Discuss output design and technology issues
 Design effective source documents
 Explain input design and technology issues
 Discuss guidelines for data entry screen design
 Use input masks and validation rules to reduce input
errors
 Describe output and input controls and security
What is a User Interface?
 A user interface (UI) describes how users
interact with a computer system, and
consists of all the hardware, software,
screens, menus, functions, output, and
features that affect two-way communications
between the user and the computer.
Evolution of the User Interface
User Rights
1. Perspective: The user always is right. If there is a problem with the use of the
system, the system is the problem, not the user.
2. Installation: The user has the right to install and uninstall software and
hardware systems easily without negative consequences.
3. Compliance: The user has the right to a system that performs exactly as
promised.
4. Instruction: The user has the right to easy-to-use instructions (user guides,
online or contextual help, and error messages) for understanding and
utilizing a system to achieve desired goals and recover efficiently and
gracefully from problem situations.
5. Control: The user has the right to be in control of the system and to be able to
get the system to respond to a request for attention.
6. Feedback: The user has the right to a system that provides clear,
understandable, and accurate information regarding the task it is performing
and the progress toward completion.
7. Dependencies: The user has the right to be informed clearly about all systems
requirements for successfully using software or hardware.
8. Scope: The user has the right to know the limits of the system’s capabilities.
9. Assistance: The user has the right to communicate with the technology
provider and receive a thoughtful and helpful response when raising
concerns.
10. Usability: The user should be the master of software and hardware
technology, not vice versa. Products should be natural and intuitive to use.
Human-Computer Interaction
 Human-computer interaction (HCI) describes the
relationship between computers and people who use to
perform their jobs, like the worker shown in Figure 8-5.
FIGURE 8-5 HCI is essential to employee
productivity, whether the work is done in
a traditional office setting, or on a construction
site like the one shown here.
Principles of User-Centered Design
1. Understand the Business
2. Maximize Graphical Effectiveness
3. Think Like a User
4. Use Models and Prototypes
5. Focus on Usability
6. Invite Feedback
7. Document Everything
Designing the User Interface
1. Design a transparent interface.
a. Facilitate the system design objectives, rather than
calling attention to the interface.
b. Create a design that is easy to learn and remember.
c. Design the interface to improve user efficiency and
productivity.
d. Write commands, actions, and system responses
that are consistent and predictable.
e. Minimize data entry problems.
f. Allow users to correct errors easily.
g. Create a logical and attractive layout.
2. Create an interface that is easy to learn
and use.
a. Clearly label all controls, buttons, and icons.
b. Select only those images that users can
understand easily, and provide on-screen
instructions that are logical, concise, and
clear.
c. Show all commands in a list of menu items,
but dim any commands that are not currently
available.
d. Make it easy to navigate or return to any level
in the menu structure.
3. Enhance user productivity.
a. Organize tasks, commands, and functions in groups that
resemble actual business operations.
b. Create alphabetical menu lists or place the selections
used frequently at the top of the menu list.
c. Provide shortcuts so experienced users can avoid
multiple menu levels.
d. Use default values if the majority of values in a field are
the same.
e. Use a duplicate value function that enables users to
insert the value from the same field in the previous
record.
f. Provide a fast-find feature that displays a list of possible
values as soon as users enter the first few letters.
g. Use a natural language feature that allows users to
type commands or requests in normal English
phrases.
4. Make it easy for users to obtain help or
correct errors.
a. Ensure that help is always available.
b. Provide user-selected help and context-sensitive help.
c. Provide a direct route for users to return to the point from
where help was requested.
d. Include contact information.
e. Require user confirmation before data deletion and provide a
method of recovering data that is deleted inadvertently.
f. Provide an Undo key or a menu choice that allows the user to
eradicate the results of the most recent command or action.
g. When a user-entered command contains an error, highlight the
erroneous part and allow the user to make the correction
without retyping the entire command.
h. Use hypertext links to assist users as they navigate through
help topics.
5. Minimize Input Data
a. Create input masks, which are
templates or patterns that make it
easier for users to enter data.
b. Display event-driven messages and
reminders.
c. Establish a list of predefined values that
users can click to select.
d. Build in rules that enforce data integrity.
6. Provide Feedback to Users
a. Display messages at a logical place on the
screen, and be consistent.
b. Alert users to lengthy processing times or
delays.
c. Allow messages to remain on the screen long
enough for users to read them.
d. Let the user know whether the task or
operation was successful or not.
e. Provide a text explanation if you use an icon
or image on a control button.
f. Use messages that are specific,
understandable, and professional.
7. Create an Attractive Layout and
Design
a. Use appropriate colors to highlight different areas of the
screen; avoid gaudy and bright colors.
b. Use special effects sparingly.
c. Use hyperlinks that allow users to jump to related topics.
d. Group related objects and information.
e. Screen density is important.
f. Display titles, messages, and instructions in a consistent
manner and in the same general locations on all screens.
g. Use consistent terminology.
h. Ensure that commands always will have the same effect.
i. Ensure that similar mouse actions will produce the same
results throughout the application.
j. When the user enters data that completely fills the field, do not
move automatically to the next field.
8. Use Familiar Terms and Images
a. Remember that users are accustomed to a pattern of red
= stop, yellow = caution, and green = go. Stick to that
pattern and use it when appropriate to reinforce
onscreen instructions.
b. Provide a keystroke alternative for each menu
command, with easy-to-remember letters, such as File,
Exit, and Help.
c. Use familiar commands if possible, such as Cut, Copy,
and Paste.
d. Provide a Windows look and feel in your interface design
if users are familiar with Windows-based applications.
e. Avoid complex terms and technical jargon; instead,
select terms that come from everyday business
processes and the vocabulary of a typical user.
Good user interface design is based on a
combination of ergonomics, aesthetics, and
interface technology.
ERGONOMICS describes how people work,
learn, and interact with computers;
AESTHETICS focuses on how an interface can
be made attractive and easy to use; and
INTERFACE TECHNOLOGY provides the
operational structure required to carry out the
design objectives.
Add Control Features
The designer can include many
features, such as menu bars, toolbars,
dialog boxes, text boxes, toggle buttons,
list boxes, scroll bars, drop-down list
boxes, option buttons, check boxes,
command buttons, and calendar
controls, among others.
 The menu bar at the top of the screen displays the
main menu options.
 A command button initiates an action such as
printing a form or requesting help.
 A dialog box allows a user to enter information
about a task that the system will perform.
 A text box can display messages or provide a
place for a user to enter data.
 A toggle button is used to represent on or off
status — clicking the toggle button switches to the
other status.
 A list box displays a list of choices that the user
can select. If the list does not fit in the box, a scroll
bar allows the user to move through the available
choices.
 A drop-down list box displays the current
selection; when the user clicks the arrow, a
list of the available choices displays.
 An option button, or radio button, represents
one choice in a set of options. The user can
select only one option at a time, and selected
options show a black dot.
 A check box is used to select one or more
choices from a group. Selected options are
represented by a checkmark or an X.
 A calendar control allows the user to select a
date that the system will use as a field value.
Screen design requires a sense of aesthetics
as well as technical skills. You should design screens
that are attractive, easy to use, and workable. You
also should obtain user feedback early and often as
the design process continues.
The opening screen is especially important
because it introduces the application and allows
users to view the main options. When designing an
opening screen, you can use a main form that
functions as a switchboard.
A switchboard uses command buttons
that enable users to navigate the system and select
from groups of related tasks.
Output Design
Before designing output, ask yourself several questions:
 What is the purpose of the output?
 Who wants the information, why is it needed, and how
will it be used?
 What specific information will be included?
 Will the output be printed, viewed on-screen, or both?
What type of device will the output go to?
 When will the information be provided, and how often
must it be updated?
 Do security or confidentiality issues exist?
Types of Reports
 DETAIL REPORTS. A detail report produces one or
more lines of output for each record processed. Each
line of output printed is called a detail line.
 EXCEPTION REPORTS. An exception report
displays only those records that meet a specific
condition or conditions.
 SUMMARY REPORTS. Upper-level managers
often want to see total figures and do not need
supporting details. A sales manager, for example,
might want to know total sales for each sales
representative, but not want a detail report listing
every sale made by them. In that case, a summary
report is appropriate.
Designing a Report
1. You should prepare a sample report, called a mock-up,
or prototype, for users to review. The sample should
include typical field values and contain enough records to
show all the design features. Depending on the type of
printed output, you can create a Word document or use a
report generator to create mock-up reports.
2. After a report design is approved, you should document
the design by creating a report analysis form, which
contains information about the layout, fields,
frequency, distribution, data security considerations, and
other issues.
Design Features
1. REPORT HEADERS AND FOOTERS
2. PAGE HEADERS AND FOOTERS
3. COLUMN HEADING ALIGNMENT
4. COLUMN SPACING
5. FIELD ORDER
6. GROUPING DETAIL LINES
7. REPEATING FIELDS
8. CONSISTENT DESIGN
Output Technology
1. Internet – Based Information Delivery
2. E-mail
3. Blogs
4. Instant Messaging
5. Wireless Devices
6. Digital Audio, Images, and Video
7. Podcasts
8. Automated Facsimile Systems
9. Computer Output to Microfilm (COM)
10. Computer Output to Digital Media
11. Specialized Forms of Output
An incredibly diverse marketplace requires many forms of
specialized output and devices such as these:
 Portable, Web-connected devices that can run applications,
handle multimedia output, and provide powerful, multipurpose
communication for users
 Retail point-of-sale terminals that handle computer-based credit
card transactions, print receipts, and update inventory records
 Automatic teller machines (ATMs) that can process bank
transactions and print deposit and withdrawal slips
 Special-purpose printers that can produce labels, employee ID
cards, driver’s licenses, gasoline pump receipts, and, in some
states, lottery tickets
 Plotters that can produce high-quality images such as blueprints,
maps, and electronic circuit diagrams
 Electronic detection of data embedded in credit cards, bank
cards, and employee identification cards
Input Design
 The objective of input design is to ensure the
quality, accuracy, and timeliness of input data.
 The term garbage in, garbage out (GIGO), is
familiar to IT professionals, who know that the
best time to avoid problems is when the data is
entered.
 Good input design requires attention to human
factors as well as technology issues.
Source Documents and Forms
 A source document collects input data, triggers or
authorizes an input action, and provides a record of the
original transaction.
 Source documents generally are paper-based, but also
can be provided online. Either way, the design
considerations are the same.
 Good form layout makes the form easy to complete and
provides enough space, both vertically and horizontally, for
users to enter the data.
 A form should indicate data entry positions clearly using
blank lines or boxes and descriptive captions.
Source Document Zones
 The heading zone usually contains the company name or
logo and the title and number of the form.
 The control zone contains codes, identification
information, numbers, and dates that are used for storing
completed forms.
 The instruction zone contains instructions for completing
the form.
 The main part of the form, called the body zone, usually
takes up at least half of the space on the form and contains
captions and areas for entering variable data.
 If totals are included on the form, they appear in the totals
zone.
 Finally, the authorization zone contains any required
signatures.
Data Entry Screens
 Data capture uses an automated or manually operated
device to identify source data and convert it into
computer-readable form.
 Examples of data capture devices include credit card
scanners and bar code readers.
 Data entry is the process of manually entering data into
the information system, usually in the form of keystrokes,
mouse clicks, touch screens, or spoken words.
 The most effective method of online data entry is form
filling, in which a blank form that duplicates or
resembles the source document is completed on the
screen. The user enters the data and then moves to the
next field.
The following guidelines will help you design
data entry screens that are easy to learn and use.
1. Restrict user access to screen locations where
data is entered.
2. Provide a descriptive caption for every field, and
show the user where to enter the data and the
required or maximum field size.
3. Display a sample format if a user must enter
values in a field in a specific format.
4. Require an ending keystroke for every field.
5. Do not require users to type leading zeroes for
numeric fields.
6. Do not require users to type trailing zeroes for
numbers that include decimals.
7. Display default values so operators can press
the enter key to accept the suggested value.
8. Use a default value when a field value will be
constant for successive records or throughout
the data entry session.
9. Display a list of acceptable values for fields,
and provide meaningful error messages if the
user enters an unacceptable value.
10. Provide a way to leave the data entry screen at
any time without entering the current record.
11. Provide users with an opportunity to confirm
the accuracy of input data before entering it by
displaying a message such as, Add this
record? (Y/N).
12. Provide a means for users to move among
fields on the form in a standard order or in any
order they choose.
13. Design the screen form layout to match the
layout of the source document.
14. Allow users to add, change, delete, and view
records.
15. Provide a method to allow users to search for
specific information, as shown in Figure 8-33.
Input Masks
 Use input masks, which are templates
or patterns that restrict data entry
and prevent errors.
A DATA VALIDATION RULE improves input quality by testing
the data and rejecting any entry that fails to meet specified conditions.
You can design at least eight types of data validation rules. For
example:
1. A sequence check is used when the data must be in some
predetermined sequence.
2. An existence check is used for mandatory data items.
3. A data type check tests to ensure that a data item fits the
required data type.
4. A range check tests data items to verify that they fall between
a specified minimum and maximum value. When the validation
check involves a minimum or a maximum value, but not both, it
is called a limit check.
5. A reasonableness check identifies values that are
questionable, but not necessarily wrong.
6. A validity check is used for data items that must have certain
values.
7. A combination check is performed on two or more fields to
ensure that they are consistent or reasonable when
considered together.
8. Batch controls are totals used to verify batch input.
Input Technology
Batch Input
 Using batch input, data entry usually is
performed on a specified time schedule, such
as daily, weekly, monthly, or longer.
 For example, batch input occurs when a payroll
department collects time cards at the end of the
week and enters the data as a batch.
 Another example is a school that enters all
grades for the academic term in a batch.
Online Input
 Although batch input is used in specific
situations, most business activity requires online
data entry.
 A popular online input method is source data
automation, which combines online data
entry and automated data capture using input
devices such as RFID tags or magnetic data
strips.
 Source data automation is fast and accurate,
and minimizes human involvement in the
translation process.
Many large companies use a combination of source data
automation and a powerful communication network to manage global
operations instantly. Some common examples of source data
automation are:
 Businesses that use point-of-sale (POS) terminals
equipped with bar code scanners and magnetic swipe
scanners to input credit card data.
 Automatic teller machines (ATMs) that read data strips on
bank cards.
 Factory employees who use magnetic ID cards to clock on
and off specific jobs so the company can track production
costs accurately.
 Hospitals that imprint bar codes on patient identification
bracelets and use portable scanners when gathering data
on patient treatment and medication.
 Retail stores that use portable bar code scanners to log
new shipments and update inventory data.
 Libraries that use handheld scanners to read optical strips
on books.
Tradeoffs
 Although online input offers many advantages, it does
have some disadvantages.
 For example, unless source data automation is used,
manual data entry is slower and more expensive than
batch input because it is performed at the time the
transaction occurs and often done when computer
demand is at its highest.
 The decision to use batch or online input depends on
business requirements. For example, hotel
reservations must be entered and processed
immediately, but hotels can enter their monthly
performance figures in a batch.
 In fact, some input occurs naturally in batches. A cable
TV provider, for example, receives customer payments
in batches when the mail arrives.
Input Volume Reduction
The following guidelines will help reduce
input volume:
1. Input necessary data only.
2. Do not input data that the user can retrieve
from system files or calculate from other
data.
3. Do not input constant data.
4. Use codes.
Output Security and Control
 Output must be accurate, complete, current, and secure.
 Companies use various output control methods to
maintain output integrity and security.
 Output security protects privacy rights and shields
the organization’s proprietary data from theft or
unauthorized access.
 A diskless workstation is a network terminal that
supports a full-featured user interface, but limits the
printing or copying of data, except to certain network
resources that can be monitored and controlled.
Input Security and Control
 Input control includes the necessary measures to
ensure that input data is correct, complete, and secure.
 Every piece of information should be traceable back to the
input data that produced it. That means that you must
provide an audit trail that records the source of each
data item and when it entered the system.
 Data security policies and procedures protect data from
loss or damage, which is a vital goal in every organization.
 Sensitive data can be encrypted, or coded, in a process
called encryption, so only users with decoding software
can read it.

Más contenido relacionado

La actualidad más candente

evaluation techniques in HCI
evaluation techniques in HCIevaluation techniques in HCI
evaluation techniques in HCIsawsan slii
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityMarc Miquel
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction IntroductionN.Jagadish Kumar
 
User interface design
User interface designUser interface design
User interface designSlideshare
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basicsPreeti Mishra
 
user support system in HCI
user support system in HCIuser support system in HCI
user support system in HCIUsman Mukhtar
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 
Human Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignHuman Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignVrushali Dhanokar
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channelN.Jagadish Kumar
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignRavi Bhadauria
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)apppsych
 

La actualidad más candente (20)

evaluation techniques in HCI
evaluation techniques in HCIevaluation techniques in HCI
evaluation techniques in HCI
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
 
User interface design
User interface designUser interface design
User interface design
 
Design principles
Design principlesDesign principles
Design principles
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Hci activity#2
Hci activity#2Hci activity#2
Hci activity#2
 
user support system in HCI
user support system in HCIuser support system in HCI
user support system in HCI
 
Introduction To HCI
Introduction To HCIIntroduction To HCI
Introduction To HCI
 
Good bad design
Good bad designGood bad design
Good bad design
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
Human Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignHuman Computer Interaction - Interaction Design
Human Computer Interaction - Interaction Design
 
Chapter 7 design rules
Chapter 7 design rulesChapter 7 design rules
Chapter 7 design rules
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
Hypertext, multimedia and www
Hypertext, multimedia and wwwHypertext, multimedia and www
Hypertext, multimedia and www
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Ui design
Ui designUi design
Ui design
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 

Destacado

Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface DesignKANKIPATI KISHORE
 
User Interface Design Best Practices
User Interface Design Best PracticesUser Interface Design Best Practices
User Interface Design Best PracticesSatyajit Roy
 
User Interface Design in Practice
User Interface Design in PracticeUser Interface Design in Practice
User Interface Design in PracticeJustine Sanderson
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...
MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...
MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...Shaun Gould
 
User Interface and Future Interaction Technologies
User Interface and Future Interaction Technologies User Interface and Future Interaction Technologies
User Interface and Future Interaction Technologies Carlos Hugo Huertas Pérez
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interfaceabcd82
 
User Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 GalizUser Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 GalizLatesh Malik
 
Rational Unified Process for User Interface Design
Rational Unified Process for User Interface DesignRational Unified Process for User Interface Design
Rational Unified Process for User Interface DesignR A Akerkar
 
Cis 210 week 11 final exam – strayer new
Cis 210 week 11 final exam – strayer newCis 210 week 11 final exam – strayer new
Cis 210 week 11 final exam – strayer newlizabonilla
 
Automotive User Interface Design: Innovative UI design in a slow moving indus...
Automotive User Interface Design: Innovative UI design in a slow moving indus...Automotive User Interface Design: Innovative UI design in a slow moving indus...
Automotive User Interface Design: Innovative UI design in a slow moving indus...UXPA International
 
Chapter 5 software design
Chapter 5 software designChapter 5 software design
Chapter 5 software designPiyush Gogia
 
User Interface Design @iRajLal
User Interface Design @iRajLalUser Interface Design @iRajLal
User Interface Design @iRajLalRaj Lal
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15koolkampus
 
Design concepts and principles
Design concepts and principlesDesign concepts and principles
Design concepts and principlessaurabhshertukde
 

Destacado (18)

Principles of User Interface Design
Principles of User Interface DesignPrinciples of User Interface Design
Principles of User Interface Design
 
User Interface Design Best Practices
User Interface Design Best PracticesUser Interface Design Best Practices
User Interface Design Best Practices
 
User Interface Design in Practice
User Interface Design in PracticeUser Interface Design in Practice
User Interface Design in Practice
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...
MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...
MBTA Customer Support Portal - User Interface & Design - Reccomendations & Su...
 
User Interface and Future Interaction Technologies
User Interface and Future Interaction Technologies User Interface and Future Interaction Technologies
User Interface and Future Interaction Technologies
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
 
User Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 GalizUser Interface Design Chapter 2 Galiz
User Interface Design Chapter 2 Galiz
 
Rational Unified Process for User Interface Design
Rational Unified Process for User Interface DesignRational Unified Process for User Interface Design
Rational Unified Process for User Interface Design
 
Cis 210 week 11 final exam – strayer new
Cis 210 week 11 final exam – strayer newCis 210 week 11 final exam – strayer new
Cis 210 week 11 final exam – strayer new
 
Automotive User Interface Design: Innovative UI design in a slow moving indus...
Automotive User Interface Design: Innovative UI design in a slow moving indus...Automotive User Interface Design: Innovative UI design in a slow moving indus...
Automotive User Interface Design: Innovative UI design in a slow moving indus...
 
Chapter 5 software design
Chapter 5 software designChapter 5 software design
Chapter 5 software design
 
User Interface Design @iRajLal
User Interface Design @iRajLalUser Interface Design @iRajLal
User Interface Design @iRajLal
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15
 
Blog ppt
Blog pptBlog ppt
Blog ppt
 
Software design
Software designSoftware design
Software design
 
Design concepts and principles
Design concepts and principlesDesign concepts and principles
Design concepts and principles
 
Slideshare ppt
Slideshare pptSlideshare ppt
Slideshare ppt
 

Similar a User Interface Design

POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAAiman Hud
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationSalocin Dot TEN
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To UsabilityOvidiu Von M
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Projectxyz01
 
Designing user interface module 4
Designing user interface module 4Designing user interface module 4
Designing user interface module 4DBPMCF
 
Interface Design
Interface DesignInterface Design
Interface Designgavhays
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design Saqib Raza
 
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Anwal Mirza
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principalsAnwal Mirza
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2Durgesh Pandey
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDPreeti Chopra
 
Effective User interface
Effective User interfaceEffective User interface
Effective User interfacePakeeza Shah
 
User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & processAbd-Ur Rehman Saqib
 
Chapter 3 - Variety of Dialogue
Chapter 3  - Variety of DialogueChapter 3  - Variety of Dialogue
Chapter 3 - Variety of DialogueMuhammad Najib
 
Lecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptx
Lecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptxLecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptx
Lecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptxaliyafatimauwu
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability HeuristicsOvidiu Von M
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineeringAswathi Shankar
 

Similar a User Interface Design (20)

POLITEKNIK MALAYSIA
POLITEKNIK MALAYSIAPOLITEKNIK MALAYSIA
POLITEKNIK MALAYSIA
 
CSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 DocumentationCSE 5930 Assignment 2 Documentation
CSE 5930 Assignment 2 Documentation
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Project
 
Designing user interface module 4
Designing user interface module 4Designing user interface module 4
Designing user interface module 4
 
Interface Design
Interface DesignInterface Design
Interface Design
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
SECh1516
SECh1516SECh1516
SECh1516
 
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Game interface design part 2
Game interface design part 2Game interface design part 2
Game interface design part 2
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UED
 
Effective User interface
Effective User interfaceEffective User interface
Effective User interface
 
User Interface Design,Principles & process
User Interface  Design,Principles & processUser Interface  Design,Principles & process
User Interface Design,Principles & process
 
Chapter 3 - Variety of Dialogue
Chapter 3  - Variety of DialogueChapter 3  - Variety of Dialogue
Chapter 3 - Variety of Dialogue
 
Lecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptx
Lecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptxLecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptx
Lecturvxxxxxxxxxxxxxxxxxxxxxxxxe 17.pptx
 
Usability Heuristics
Usability HeuristicsUsability Heuristics
Usability Heuristics
 
Authoring metaphors
Authoring metaphorsAuthoring metaphors
Authoring metaphors
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineering
 

Último

A DAY IN THE LIFE OF A SALESMAN / WOMAN
A DAY IN THE LIFE OF A  SALESMAN / WOMANA DAY IN THE LIFE OF A  SALESMAN / WOMAN
A DAY IN THE LIFE OF A SALESMAN / WOMANIlamathiKannappan
 
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756dollysharma2066
 
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLBAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLkapoorjyoti4444
 
Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with CultureSeta Wicaksana
 
Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...
Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...
Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
RSA Conference Exhibitor List 2024 - Exhibitors Data
RSA Conference Exhibitor List 2024 - Exhibitors DataRSA Conference Exhibitor List 2024 - Exhibitors Data
RSA Conference Exhibitor List 2024 - Exhibitors DataExhibitors Data
 
Falcon's Invoice Discounting: Your Path to Prosperity
Falcon's Invoice Discounting: Your Path to ProsperityFalcon's Invoice Discounting: Your Path to Prosperity
Falcon's Invoice Discounting: Your Path to Prosperityhemanthkumar470700
 
0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdfRenandantas16
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Serviceritikaroy0888
 
Monthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptxMonthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptxAndy Lambert
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageMatteo Carbone
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1kcpayne
 
Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023Neil Kimberley
 
John Halpern sued for sexual assault.pdf
John Halpern sued for sexual assault.pdfJohn Halpern sued for sexual assault.pdf
John Halpern sued for sexual assault.pdfAmzadHosen3
 
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfDr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfAdmir Softic
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptxnandhinijagan9867
 
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...lizamodels9
 
Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Roland Driesen
 

Último (20)

unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabiunwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
 
A DAY IN THE LIFE OF A SALESMAN / WOMAN
A DAY IN THE LIFE OF A  SALESMAN / WOMANA DAY IN THE LIFE OF A  SALESMAN / WOMAN
A DAY IN THE LIFE OF A SALESMAN / WOMAN
 
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu Ka Tilla, Delhi Contact Us 8377877756
 
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRLBAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
BAGALUR CALL GIRL IN 98274*61493 ❤CALL GIRLS IN ESCORT SERVICE❤CALL GIRL
 
Organizational Transformation Lead with Culture
Organizational Transformation Lead with CultureOrganizational Transformation Lead with Culture
Organizational Transformation Lead with Culture
 
Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...
Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...
Call Girls Kengeri Satellite Town Just Call 👗 7737669865 👗 Top Class Call Gir...
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
RSA Conference Exhibitor List 2024 - Exhibitors Data
RSA Conference Exhibitor List 2024 - Exhibitors DataRSA Conference Exhibitor List 2024 - Exhibitors Data
RSA Conference Exhibitor List 2024 - Exhibitors Data
 
Falcon's Invoice Discounting: Your Path to Prosperity
Falcon's Invoice Discounting: Your Path to ProsperityFalcon's Invoice Discounting: Your Path to Prosperity
Falcon's Invoice Discounting: Your Path to Prosperity
 
0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf0183760ssssssssssssssssssssssssssss00101011 (27).pdf
0183760ssssssssssssssssssssssssssss00101011 (27).pdf
 
Call Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine ServiceCall Girls In Panjim North Goa 9971646499 Genuine Service
Call Girls In Panjim North Goa 9971646499 Genuine Service
 
Monthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptxMonthly Social Media Update April 2024 pptx.pptx
Monthly Social Media Update April 2024 pptx.pptx
 
Insurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usageInsurers' journeys to build a mastery in the IoT usage
Insurers' journeys to build a mastery in the IoT usage
 
Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1Katrina Personal Brand Project and portfolio 1
Katrina Personal Brand Project and portfolio 1
 
Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023Mondelez State of Snacking and Future Trends 2023
Mondelez State of Snacking and Future Trends 2023
 
John Halpern sued for sexual assault.pdf
John Halpern sued for sexual assault.pdfJohn Halpern sued for sexual assault.pdf
John Halpern sued for sexual assault.pdf
 
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfDr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptx
 
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
 
Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...Ensure the security of your HCL environment by applying the Zero Trust princi...
Ensure the security of your HCL environment by applying the Zero Trust princi...
 

User Interface Design

  • 1.
  • 2. OBJECTIVES When you finish this chapter, you will be able to:  Explain the concept of user interface design and human- computer interaction, including basic principles of user- centered design  List user interface design guidelines  Describe user interface components, including screen elements and controls  Discuss output design and technology issues  Design effective source documents  Explain input design and technology issues  Discuss guidelines for data entry screen design  Use input masks and validation rules to reduce input errors  Describe output and input controls and security
  • 3. What is a User Interface?  A user interface (UI) describes how users interact with a computer system, and consists of all the hardware, software, screens, menus, functions, output, and features that affect two-way communications between the user and the computer.
  • 4. Evolution of the User Interface
  • 5. User Rights 1. Perspective: The user always is right. If there is a problem with the use of the system, the system is the problem, not the user. 2. Installation: The user has the right to install and uninstall software and hardware systems easily without negative consequences. 3. Compliance: The user has the right to a system that performs exactly as promised. 4. Instruction: The user has the right to easy-to-use instructions (user guides, online or contextual help, and error messages) for understanding and utilizing a system to achieve desired goals and recover efficiently and gracefully from problem situations. 5. Control: The user has the right to be in control of the system and to be able to get the system to respond to a request for attention. 6. Feedback: The user has the right to a system that provides clear, understandable, and accurate information regarding the task it is performing and the progress toward completion. 7. Dependencies: The user has the right to be informed clearly about all systems requirements for successfully using software or hardware. 8. Scope: The user has the right to know the limits of the system’s capabilities. 9. Assistance: The user has the right to communicate with the technology provider and receive a thoughtful and helpful response when raising concerns. 10. Usability: The user should be the master of software and hardware technology, not vice versa. Products should be natural and intuitive to use.
  • 6. Human-Computer Interaction  Human-computer interaction (HCI) describes the relationship between computers and people who use to perform their jobs, like the worker shown in Figure 8-5. FIGURE 8-5 HCI is essential to employee productivity, whether the work is done in a traditional office setting, or on a construction site like the one shown here.
  • 7. Principles of User-Centered Design 1. Understand the Business 2. Maximize Graphical Effectiveness 3. Think Like a User 4. Use Models and Prototypes 5. Focus on Usability 6. Invite Feedback 7. Document Everything
  • 8. Designing the User Interface 1. Design a transparent interface. a. Facilitate the system design objectives, rather than calling attention to the interface. b. Create a design that is easy to learn and remember. c. Design the interface to improve user efficiency and productivity. d. Write commands, actions, and system responses that are consistent and predictable. e. Minimize data entry problems. f. Allow users to correct errors easily. g. Create a logical and attractive layout.
  • 9. 2. Create an interface that is easy to learn and use. a. Clearly label all controls, buttons, and icons. b. Select only those images that users can understand easily, and provide on-screen instructions that are logical, concise, and clear. c. Show all commands in a list of menu items, but dim any commands that are not currently available. d. Make it easy to navigate or return to any level in the menu structure.
  • 10. 3. Enhance user productivity. a. Organize tasks, commands, and functions in groups that resemble actual business operations. b. Create alphabetical menu lists or place the selections used frequently at the top of the menu list. c. Provide shortcuts so experienced users can avoid multiple menu levels. d. Use default values if the majority of values in a field are the same. e. Use a duplicate value function that enables users to insert the value from the same field in the previous record. f. Provide a fast-find feature that displays a list of possible values as soon as users enter the first few letters. g. Use a natural language feature that allows users to type commands or requests in normal English phrases.
  • 11. 4. Make it easy for users to obtain help or correct errors. a. Ensure that help is always available. b. Provide user-selected help and context-sensitive help. c. Provide a direct route for users to return to the point from where help was requested. d. Include contact information. e. Require user confirmation before data deletion and provide a method of recovering data that is deleted inadvertently. f. Provide an Undo key or a menu choice that allows the user to eradicate the results of the most recent command or action. g. When a user-entered command contains an error, highlight the erroneous part and allow the user to make the correction without retyping the entire command. h. Use hypertext links to assist users as they navigate through help topics.
  • 12. 5. Minimize Input Data a. Create input masks, which are templates or patterns that make it easier for users to enter data. b. Display event-driven messages and reminders. c. Establish a list of predefined values that users can click to select. d. Build in rules that enforce data integrity.
  • 13. 6. Provide Feedback to Users a. Display messages at a logical place on the screen, and be consistent. b. Alert users to lengthy processing times or delays. c. Allow messages to remain on the screen long enough for users to read them. d. Let the user know whether the task or operation was successful or not. e. Provide a text explanation if you use an icon or image on a control button. f. Use messages that are specific, understandable, and professional.
  • 14. 7. Create an Attractive Layout and Design a. Use appropriate colors to highlight different areas of the screen; avoid gaudy and bright colors. b. Use special effects sparingly. c. Use hyperlinks that allow users to jump to related topics. d. Group related objects and information. e. Screen density is important. f. Display titles, messages, and instructions in a consistent manner and in the same general locations on all screens. g. Use consistent terminology. h. Ensure that commands always will have the same effect. i. Ensure that similar mouse actions will produce the same results throughout the application. j. When the user enters data that completely fills the field, do not move automatically to the next field.
  • 15. 8. Use Familiar Terms and Images a. Remember that users are accustomed to a pattern of red = stop, yellow = caution, and green = go. Stick to that pattern and use it when appropriate to reinforce onscreen instructions. b. Provide a keystroke alternative for each menu command, with easy-to-remember letters, such as File, Exit, and Help. c. Use familiar commands if possible, such as Cut, Copy, and Paste. d. Provide a Windows look and feel in your interface design if users are familiar with Windows-based applications. e. Avoid complex terms and technical jargon; instead, select terms that come from everyday business processes and the vocabulary of a typical user.
  • 16. Good user interface design is based on a combination of ergonomics, aesthetics, and interface technology. ERGONOMICS describes how people work, learn, and interact with computers; AESTHETICS focuses on how an interface can be made attractive and easy to use; and INTERFACE TECHNOLOGY provides the operational structure required to carry out the design objectives.
  • 17. Add Control Features The designer can include many features, such as menu bars, toolbars, dialog boxes, text boxes, toggle buttons, list boxes, scroll bars, drop-down list boxes, option buttons, check boxes, command buttons, and calendar controls, among others.
  • 18.  The menu bar at the top of the screen displays the main menu options.  A command button initiates an action such as printing a form or requesting help.  A dialog box allows a user to enter information about a task that the system will perform.  A text box can display messages or provide a place for a user to enter data.  A toggle button is used to represent on or off status — clicking the toggle button switches to the other status.  A list box displays a list of choices that the user can select. If the list does not fit in the box, a scroll bar allows the user to move through the available choices.
  • 19.  A drop-down list box displays the current selection; when the user clicks the arrow, a list of the available choices displays.  An option button, or radio button, represents one choice in a set of options. The user can select only one option at a time, and selected options show a black dot.  A check box is used to select one or more choices from a group. Selected options are represented by a checkmark or an X.  A calendar control allows the user to select a date that the system will use as a field value.
  • 20.
  • 21. Screen design requires a sense of aesthetics as well as technical skills. You should design screens that are attractive, easy to use, and workable. You also should obtain user feedback early and often as the design process continues. The opening screen is especially important because it introduces the application and allows users to view the main options. When designing an opening screen, you can use a main form that functions as a switchboard. A switchboard uses command buttons that enable users to navigate the system and select from groups of related tasks.
  • 22.
  • 23. Output Design Before designing output, ask yourself several questions:  What is the purpose of the output?  Who wants the information, why is it needed, and how will it be used?  What specific information will be included?  Will the output be printed, viewed on-screen, or both? What type of device will the output go to?  When will the information be provided, and how often must it be updated?  Do security or confidentiality issues exist?
  • 24. Types of Reports  DETAIL REPORTS. A detail report produces one or more lines of output for each record processed. Each line of output printed is called a detail line.
  • 25.  EXCEPTION REPORTS. An exception report displays only those records that meet a specific condition or conditions.
  • 26.  SUMMARY REPORTS. Upper-level managers often want to see total figures and do not need supporting details. A sales manager, for example, might want to know total sales for each sales representative, but not want a detail report listing every sale made by them. In that case, a summary report is appropriate.
  • 27. Designing a Report 1. You should prepare a sample report, called a mock-up, or prototype, for users to review. The sample should include typical field values and contain enough records to show all the design features. Depending on the type of printed output, you can create a Word document or use a report generator to create mock-up reports. 2. After a report design is approved, you should document the design by creating a report analysis form, which contains information about the layout, fields, frequency, distribution, data security considerations, and other issues.
  • 28. Design Features 1. REPORT HEADERS AND FOOTERS 2. PAGE HEADERS AND FOOTERS 3. COLUMN HEADING ALIGNMENT 4. COLUMN SPACING 5. FIELD ORDER 6. GROUPING DETAIL LINES 7. REPEATING FIELDS 8. CONSISTENT DESIGN
  • 29.
  • 30. Output Technology 1. Internet – Based Information Delivery 2. E-mail 3. Blogs 4. Instant Messaging 5. Wireless Devices 6. Digital Audio, Images, and Video 7. Podcasts 8. Automated Facsimile Systems 9. Computer Output to Microfilm (COM) 10. Computer Output to Digital Media
  • 31. 11. Specialized Forms of Output An incredibly diverse marketplace requires many forms of specialized output and devices such as these:  Portable, Web-connected devices that can run applications, handle multimedia output, and provide powerful, multipurpose communication for users  Retail point-of-sale terminals that handle computer-based credit card transactions, print receipts, and update inventory records  Automatic teller machines (ATMs) that can process bank transactions and print deposit and withdrawal slips  Special-purpose printers that can produce labels, employee ID cards, driver’s licenses, gasoline pump receipts, and, in some states, lottery tickets  Plotters that can produce high-quality images such as blueprints, maps, and electronic circuit diagrams  Electronic detection of data embedded in credit cards, bank cards, and employee identification cards
  • 32. Input Design  The objective of input design is to ensure the quality, accuracy, and timeliness of input data.  The term garbage in, garbage out (GIGO), is familiar to IT professionals, who know that the best time to avoid problems is when the data is entered.  Good input design requires attention to human factors as well as technology issues.
  • 33. Source Documents and Forms  A source document collects input data, triggers or authorizes an input action, and provides a record of the original transaction.  Source documents generally are paper-based, but also can be provided online. Either way, the design considerations are the same.  Good form layout makes the form easy to complete and provides enough space, both vertically and horizontally, for users to enter the data.  A form should indicate data entry positions clearly using blank lines or boxes and descriptive captions.
  • 34. Source Document Zones  The heading zone usually contains the company name or logo and the title and number of the form.  The control zone contains codes, identification information, numbers, and dates that are used for storing completed forms.  The instruction zone contains instructions for completing the form.  The main part of the form, called the body zone, usually takes up at least half of the space on the form and contains captions and areas for entering variable data.  If totals are included on the form, they appear in the totals zone.  Finally, the authorization zone contains any required signatures.
  • 35. Data Entry Screens  Data capture uses an automated or manually operated device to identify source data and convert it into computer-readable form.  Examples of data capture devices include credit card scanners and bar code readers.  Data entry is the process of manually entering data into the information system, usually in the form of keystrokes, mouse clicks, touch screens, or spoken words.  The most effective method of online data entry is form filling, in which a blank form that duplicates or resembles the source document is completed on the screen. The user enters the data and then moves to the next field.
  • 36. The following guidelines will help you design data entry screens that are easy to learn and use. 1. Restrict user access to screen locations where data is entered. 2. Provide a descriptive caption for every field, and show the user where to enter the data and the required or maximum field size. 3. Display a sample format if a user must enter values in a field in a specific format. 4. Require an ending keystroke for every field. 5. Do not require users to type leading zeroes for numeric fields.
  • 37. 6. Do not require users to type trailing zeroes for numbers that include decimals. 7. Display default values so operators can press the enter key to accept the suggested value. 8. Use a default value when a field value will be constant for successive records or throughout the data entry session. 9. Display a list of acceptable values for fields, and provide meaningful error messages if the user enters an unacceptable value. 10. Provide a way to leave the data entry screen at any time without entering the current record.
  • 38. 11. Provide users with an opportunity to confirm the accuracy of input data before entering it by displaying a message such as, Add this record? (Y/N). 12. Provide a means for users to move among fields on the form in a standard order or in any order they choose. 13. Design the screen form layout to match the layout of the source document. 14. Allow users to add, change, delete, and view records. 15. Provide a method to allow users to search for specific information, as shown in Figure 8-33.
  • 39. Input Masks  Use input masks, which are templates or patterns that restrict data entry and prevent errors.
  • 40. A DATA VALIDATION RULE improves input quality by testing the data and rejecting any entry that fails to meet specified conditions. You can design at least eight types of data validation rules. For example: 1. A sequence check is used when the data must be in some predetermined sequence. 2. An existence check is used for mandatory data items. 3. A data type check tests to ensure that a data item fits the required data type. 4. A range check tests data items to verify that they fall between a specified minimum and maximum value. When the validation check involves a minimum or a maximum value, but not both, it is called a limit check. 5. A reasonableness check identifies values that are questionable, but not necessarily wrong. 6. A validity check is used for data items that must have certain values. 7. A combination check is performed on two or more fields to ensure that they are consistent or reasonable when considered together. 8. Batch controls are totals used to verify batch input.
  • 42. Batch Input  Using batch input, data entry usually is performed on a specified time schedule, such as daily, weekly, monthly, or longer.  For example, batch input occurs when a payroll department collects time cards at the end of the week and enters the data as a batch.  Another example is a school that enters all grades for the academic term in a batch.
  • 43. Online Input  Although batch input is used in specific situations, most business activity requires online data entry.  A popular online input method is source data automation, which combines online data entry and automated data capture using input devices such as RFID tags or magnetic data strips.  Source data automation is fast and accurate, and minimizes human involvement in the translation process.
  • 44. Many large companies use a combination of source data automation and a powerful communication network to manage global operations instantly. Some common examples of source data automation are:  Businesses that use point-of-sale (POS) terminals equipped with bar code scanners and magnetic swipe scanners to input credit card data.  Automatic teller machines (ATMs) that read data strips on bank cards.  Factory employees who use magnetic ID cards to clock on and off specific jobs so the company can track production costs accurately.  Hospitals that imprint bar codes on patient identification bracelets and use portable scanners when gathering data on patient treatment and medication.  Retail stores that use portable bar code scanners to log new shipments and update inventory data.  Libraries that use handheld scanners to read optical strips on books.
  • 45. Tradeoffs  Although online input offers many advantages, it does have some disadvantages.  For example, unless source data automation is used, manual data entry is slower and more expensive than batch input because it is performed at the time the transaction occurs and often done when computer demand is at its highest.  The decision to use batch or online input depends on business requirements. For example, hotel reservations must be entered and processed immediately, but hotels can enter their monthly performance figures in a batch.  In fact, some input occurs naturally in batches. A cable TV provider, for example, receives customer payments in batches when the mail arrives.
  • 46. Input Volume Reduction The following guidelines will help reduce input volume: 1. Input necessary data only. 2. Do not input data that the user can retrieve from system files or calculate from other data. 3. Do not input constant data. 4. Use codes.
  • 47. Output Security and Control  Output must be accurate, complete, current, and secure.  Companies use various output control methods to maintain output integrity and security.  Output security protects privacy rights and shields the organization’s proprietary data from theft or unauthorized access.  A diskless workstation is a network terminal that supports a full-featured user interface, but limits the printing or copying of data, except to certain network resources that can be monitored and controlled.
  • 48. Input Security and Control  Input control includes the necessary measures to ensure that input data is correct, complete, and secure.  Every piece of information should be traceable back to the input data that produced it. That means that you must provide an audit trail that records the source of each data item and when it entered the system.  Data security policies and procedures protect data from loss or damage, which is a vital goal in every organization.  Sensitive data can be encrypted, or coded, in a process called encryption, so only users with decoding software can read it.