SYSTEMS ANALYSIS

CASE 8:
USER
INTERFACE
DESIGN
Group 4 - Abesamis, Hernandez,
Salazar, Usman, Virtudazo
 Review of Key Concepts
Background of the Case
Assignments:
Discussion Monthly Claim Insurance
Report
Outline Daily Appointment List and
Monthly Report
New Patient Data Entry
Screen
Validation Checks
Key Concepts
User Interface (UI)
Describes how users interact with a computer system and
consists of all features (hardware, software, screens, menus,
functions, output) that affect two-way communications
between the user and the computer/program.
The UI is the key to usability (user satisfaction, support for
business functions, and system effectiveness).

The best interfaces are the ones that users do not even notice —
they make sense because they do what users expect them to do.
Key Concepts
Graphical User Interface (GUI)
A GUI uses visual objects and techniques that allow users to
communicate effectively with the system.
Today, designers strive to translate user behavior, needs, and
desires into an interface that users don’t really notice. As IBM
points out, the best user interfaces are “almost transparent —
you can see right through the interface to your own work.”
Key Concepts
Seven Habits of Successful Interface Designers
1. Understand the business - when designing the UI, it’s important to
understand the underlying business functions and how the system
supports individual, departamental, and enterprise goals; the overall
objective is to design a UI that helps users perform their jobs.

2. Maximize graphic effectiveness - people learn better visually, so

maximizing graphic effectiveness helps make the UI easy to learn and
use; a well designed UI helps users learn a system rapidly and helps
them be more productive.
Key Concepts
3. Think like a user - the UI designer should put themselves in the
shoes of the user and understand user experience, knowledge,
and skill levels; ideally the interface should be flexible enough to
accommodate both novices and experienced users. Some ways to
achieve this include using familiar terms and metaphors, base
design/feedback from computer system on common experiences
to make it easy to understand.
Key Concepts
4. Use models and prototypes - it is essential to construct models and
prototypes for user approval, and obtain feedback as early as
possible. Initial screen designs can be presented using a storyboard,
which is a sketch showing the general layout and design.

5. Focus on usability - the UI should include all tasks, commands,

and communications between users and the information system;
while each screen option leads to another screen with more options,
the objective is to offer a reasonable number of choices that a user
can easily comprehend.
Key Concepts
6. Invite feedback - once the system is operational, the system
analyst/designer should continue to monitor system usage and
get continuous feedback on how they can improve the UI

7. Document everything - document all screen designs for later

use by programmers.
Key Concepts
Guidelines for User Interface Design
Create an Interface That Is Enhance the Interface
Easy to Learn and Use Focus on Data Entry Screens
Enhance User Productivity Use Validation Rules
Provide Flexibility Manage Data Effectively
Provide Users with Help and Reduce Input Volume
Feedback
Create an Attractive Layout
and Design
Key Concepts
Important Notes on UI Design
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.
Interface technology provides the operational structure required
to carry out the design objectives.
Key Concepts
Source Document and Form Design (Input design)
Garbage in, garbage out (GIGO)
Concept that the quality of output is only as good as quality
of input; the best time to avoid problems is when data is
entered.
The main objective is to ensure the quality, accuracy, and
timeliness of input data.
Key Concepts
Source Document and Form Design (Input design)
Source document
Collects input data, triggers or authorizes an input action,
and provides a record of the original transaction.
Should be easy to complete and use for data entry.
Key Concepts
Source Document Zones:
Heading Zone
Control Zone
Instruction Zone
Body Zone
Totals Zone
Authorization Zone
Key Concepts
Source Document and Form Design (Input design)
Data entry design - use input masks and validation rules to
reduce errors.
Input masks are like templates that only permit certain
combinations of characters.
Data validation rules can provide checks to ensure that
inappropriate data is prevented from entering the system
(Examples of checks include data sequence, existence, range
and limit, reasonableness, and validity, among others).
Key Concepts
Printed Output/Printed Reports
Because they are portable, printed reports are convenient. Many
users find it handy to view screen output and then print the
information they need for a discussion or business meeting.
Report Design
Users should approve all report designs in advance. The best
approach is to 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. Printed reports must be attractive, professional, and
easy to read.
Key Concepts
Security and Control Issues
Output Security and Control
Output must be accurate, complete, current, and secure.
Output control methods exist to maintain output integrity and
security. For example, every report should include an
appropriate title, report number or code, printing date, and
time period covered. Output security protects privacy rights
and shields the organization’s proprietary data from theft or
unauthorized access.
Key Concepts
Security and Control Issues
Input Security and Control
Input control includes the necessary measures to ensure that
input data is correct, complete, and secure. Input control
must be the focus during every phase of input design, starting
with source documents that promote data accuracy and
quality. Every piece of information should be traceable back
to the input data that produced it, and companies must have
procedures for handling source documents to ensure that
data is not lost before it enters the system.
 Case
Background
New Century Health Clinic

The associates at New Century Health Clinic

have now approved our recommendations for
a new computer design that we proposed
during the past sessions. As such, our next
step is to develop a design for the new
system which includes the output and user
interface issues.
 Case
Background
New Century Health Clinic

NEXT STEPS:

In completing these tasks, we must review

the DFDs and object-oriented diagrams
prepared previously, including the rest of the
documentation from the systems analysis.
What are our
assignments as the
IT consultants?
#1: Monthly Claim Status Summary Report
#1: Mock-up Report
 #1: Report Analysis Form
Layout Time period for
Header/Title generated report

Patient Insurance
Information Claim

Procedure Insurance
Company
Sub Total

Grand Total
Report Generation
Timestamp
#1: Report Analysis Form
Fields
Under Patient Information
Insurance Company Number - must be a
combination of one (1) capital letter and one
(1) number (For example: C1, C2, etc.)
Patient Code - must be a combination of one
(1) capital letter and 4 numbers within the
range of 0001 - 9999 (For example: P0001)
Patient Full Name - must be text without any
special characters except for ‘ñ’, '.' and ‘-’
#1: Report Analysis Form
Fields
Under Procedure
Date - must follow the format of mm/dd/yy
Code - must be a combination of three (3)
capital letters in any order (For example:
ABC, BAC, CAB, CBA, etc.)
Procedure Description - must be a short
description of the procedure (not exceeding
50 words)
Amount due - must only contain numerical
values and ‘.’
#1: Report Analysis Form
Fields
Under Insurance Claim
Date - must follow the format of mm/dd/yy
Amount of Claim - must only contain
numerical values and ‘.’
Amount Disbursed - must only contain
numerical values and ‘.’
Amount Remaining - must only contain
numerical values and ‘.’ and is automated
wherein its formula is (Amount Claim -
Amount Disbursed)
#1: Report Analysis Form
Frequency
Generated on a monthly basis, at the end of every month

Distribution
Report is distributed to administrative staff for analysis and other
relevant figures that requested for a report
#1: Report Analysis Form
Data Security Considerations
Educating Healthcare Staff
Restricting Access to Data and Applications
Implementing Data Usage Controls
Logging and Monitoring Use
Encrypting Data
Securing Mobile Devices
Mitigating Connected Device Risks
Conducting Regular Risk Assessments
Utilizing Off-Site Data Backup
Carefully Evaluating the Compliance of Associates
#2: Design the daily appointment list

TNEMTNIOPPA YLIAD
WEIV RADNELAC
#2: Design the daily appointment list
#2: Design a monthly report
#2: Mock-up Appointment List
 #2: Report Analysis Form
Layout
Header/Title Weekly Calendar
Monthly
Calendar
Patient
Details

Notes

Physician/User Timeslot Report Generation

Timestamp
#2: Report Analysis Form
Fields
Under Time
Includes the time from the first
appointment to the last appointment,
starting 8:AM to 4PM
Under Patient Name & Contact
Full Name must be provided and must
be text without any special characters
except for ‘ñ’, '.' and ‘-’
Contact must be included for easier
communication in case of delay.
#2: Report Analysis Form
Frequency
System is updated on a daily basis to reflect any changes made at
the end of daily operations.

Distribution
Report is distributed to doctors and assistants to keep track of
patients visiting the clinic for smooth operations and organization
purposes.
#2: Report Analysis Form
Data Security Considerations (same with the previous report)
Educating Healthcare Staff
Restricting Access to Data and Applications
Implementing Data Usage Controls
Logging and Monitoring Use
Encrypting Data
Securing Mobile Devices
Mitigating Connected Device Risks
Conducting Regular Risk Assessments
Utilizing Off-Site Data Backup
Carefully Evaluating the Compliance of Associates
 #2: Report Analysis Form
Layout Time period for
Header/Title generated report

Patient Insurance
Information Claim

Daily Monthly
Subtotal Grand Total

Report
Generation
Timestamp
#2: Report Analysis Form
Fields

Under Patient Information

Date - must follow the format of mm/dd/yy
Patient Number - must be a combination of one (1) capital letter and
4 numbers within the range of 0001 - 9999 (For example: P0001)
#2: Report Analysis Form
Fields

Patient Full Name - must be text without any special characters except for‘ñ’, '.'
and ‘-’
Contact - must contain only eleven (11) numerical values (For example:
0987654321)
Email - must be a valid email address with '@' and '.'
#2: Report Analysis Form
Fields
Under Procedure
Attending Physician - must be text
without any special characters
except for ‘ñ’, '.' and ‘-’.
Fees - must only contain numerical
values and ‘.’
Payment Mode - must be a short
text without any special characters
except for ‘ñ’ and ‘-’.
#2: Report Analysis Form
Frequency
Generated on a monthly basis, at the end of every month

Distribution
Report is distributed to administrative staff for analysis and other
relevant figures that requested for a report
#2: Report Analysis Form
Data Security Considerations (same with the previous report)
Educating Healthcare Staff
Restricting Access to Data and Applications
Implementing Data Usage Controls
Logging and Monitoring Use
Encrypting Data
Securing Mobile Devices
Mitigating Connected Device Risks
Conducting Regular Risk Assessments
Utilizing Off-Site Data Backup
Carefully Evaluating the Compliance of Associates
#3: Design an input source
document for new patient data entry

https://tinyurl.com/NCHC
PatientQuestionnaire
The new patient questionnaire can now
be accessed with any devices, even with
the help of a QR Code.
#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
General Information

Last Name
(For example: dela Cruz)

First Name
(For example: Juan)

Middle Name
(For example: Garcia)

required field NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
General Information

Present Address
(Lot No., Street, City, Province)

Contact Number
(For example: 0987654321)

Email Address
(For example: sample@gmail.com)

required field NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Reason for Visit

What is the complaint or medical

problem you are experiencing?

When did this problem

begin?

Is this a NEW or an OLD NEW OLD

problem?

Were you hospitalized? YES NO

required field NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Reason for Visit

Have you seen any doctors for

YES NO
this problem?

If YES, who did you see

for this problem? (Put N/A if No)

Did a doctor refer you to YES NO

see us?

If YES, who referred you?

(Put N/A if No)

required field NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Past Attending Physician (if any)
Full Name
(Last Name, First Name, Middle Initial)

Work Address
(Street, Lot No., Province, City)

Contact Number
(For example: 0987654321)

Email Address
(For example: sample@gmail.com)

(Please skip this portion if it is not applicable.) NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Personal History
Date of Birth
(Month/Day/Year)

Height Weight
(for example: 5'7) (for example: 60kg)
Are you currently
YES NO
employed?

Occupation
(For example: student)

Marital Status SINGLE MARRIED

required field WIDOWED DIVORCE NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Exercise and Diet History

How many SERVINGS of fruit and

vegetables do you eat daily?

How many DAYS per week do you

exercise for at least 30
minutes?

required field NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Tobacco, Alcohol, and Drug History
Do you smoke tobacco? YES NO

If YES, how many years

did you smoke?
(Put N/A if you do not smoke tobacco)

If YES, how many packs do

you smoke a day
(Put N/A if you do not smoke tobacco)

Did you smoke in the past? YES NO

If you smoked in the

past, specify when did
(Put N/A if did not smoke in the past)
you quit smoking?

required field NEXT

#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Tobacco, Alcohol, and Drug History
Do you drink alcohol? YES NO

If YES, how often do you

drink alcohol? (Put N/A if you do not drink alcohol)

If YES, how many drinks

do you consume in a day? (Put N/A if you do not drink alcohol)

Do you do drugs? YES NO

If YES, how often do you

do drugs? (Put N/A if you do not do drugs)

If YES, what drugs do

you take? (Put N/A if you do not do drugs) NEXT
#3: Design a data entry screen where to
input the information
NEW CENTURY HEALTH CLINIC
Patient Information Questionnaire
Medications
Please list all medications you are currently taking including
over the counter medications; and/or bring all of your
medication bottles with you.
Medication 1 Dosage Times/day

Medication 2 Dosage Times/day

Add medication

List any allergies

to medications
(Put N/A if you do not have any known
allergies to medications) SUBMIT
required field
#4: Memo on data validation checks
MEMORANDUM
To: New Century Health Clinic
From: IT Consultancy Team
Date: 01/01/22
Subject: Data Validation Checks

Prescribed in this memorandum are the following necessary data validation

checks for the system to check whether data entered into the system is
valid or not. For example, if the item requires numerical information only,
it will not accept the entry if the data contains a letter and will announce an
invalid data input. Kindly refer to the following checks presented below:
#4: Memo on data validation checks

1. Existence check
An existence check is used for checking mandatory data such as
Patient Name and Code. For example, if a new patient’s name is
entered by a user, his/her name must be given a corresponding
code to be registered in the system that is unique and unused yet.
Otherwise, the data will not be saved or recorded in the system.
#4: Memo on data validation checks

2. Data Type check

A data type check ensures that a data item fits the required data
type or format. For example, if the insurance company number is
entered into the system, it must follow the prescribed format of
one capital letter followed by one number. If there is more than
one Capital Letter or number, or the letter is not capitalized, the
system will not accept the input because it failed to follow the
format. Through data type checks, misleading data will not be
recorded.
#4: Memo on data validation checks

3. Range check
A range check verifies that data items fall between a specified
minimum and maximum value, also referred to as a specified
range of values. For example, patient codes have a range of
values from 0000 to 9999. If a user inputs 10000, it will be
considered as an error or invalid input, and release an
announcement that the data is beyond the maximum value. If not
remedied, it will not be recorded in the system.
#4: Memo on data validation checks

4. Reasonableness check
A reasonable check identifies values that are questionable but not
necessarily wrong. For example, if a user inputs 50 in the
Appointment Fee but historical data show that the minimum
value is at least 500. Hence, the system will initiate to verify
whether the data was entered incorrectly or not.
#4: Memo on data validation checks
5. Validity check
A validity check is used for data items that must have certain
values which are slightly similar to an existence check. For
example, if a patient’s name is entered, it must match other
corresponding information such as patient code, contact number,
email address, and other personal information to validate the
data entry. Otherwise, if there are any mismatches in the data, it
will fail the validity test. Hence, it will not be recorded. However,
in the instance that there are changes in a patient’s data such as
contact number, this can be remedied by updating the system to
prevent future issues in validity checks.
#4: Data validation checks

For further inquiries, please contact Mr. IT through 09123456789 or

ilove186@gmail.com.

END OF MEMORANDUM
End of Presentation

Thank you for

listening!
Group 4 - Abesamis, Hernandez, Salazar, Usman, Virtudazo