Scribd
Upload
94 views9 pages

Chapter 4 - System Design Part 1

The document discusses user interface design. It defines a user interface as how users interact with a computer system, consisting of hardware, software, screens, menus and other features. User interface design is based on principles of human-computer interaction. The document then lists guidelines for designing user interfaces, such as making the interface transparent, easy to learn and use, enhancing productivity, providing feedback and help, and using familiar terms. It provides examples of interface layouts and software used for interface design.

Uploaded by

Shalu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
94 views9 pages

Chapter 4 - System Design Part 1

The document discusses user interface design. It defines a user interface as how users interact with a computer system, consisting of hardware, software, screens, menus and other features. User interface design is based on principles of human-computer interaction. The document then lists guidelines for designing user interfaces, such as making the interface transparent, easy to learn and use, enhancing productivity, providing feedback and help, and using familiar terms. It provides examples of interface layouts and software used for interface design.

Uploaded by

Shalu
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

SYSTEM ANALYSIS & DESIGN

by
Siti Dianah binti Abdul
Bujang Sharifah Nur
binti Syed Ismail
Department of Information and
Communication Technology 2017
SYSTEM DESIGN
What is 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.

A user interface is based on basic principles of human-computer interaction.


Human-computer interaction (HCI) describes the relationship between
computers and people who use them to perform their jobs

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336
SYSTEM DESIGN
What is Design Guideline

1. Design a transparent interface.


2. Create an interface that is easy to learn
and use.
3. Enhance user productivity.
4. Make it easy for users to obtain help or
correct errors.
5. Minimize input data problems.
6. Provide feedback to users.
7. Create an attractive layout and design.
8. Use familiar terms and images.

It is important to design a user interface that is easy


to use, attractive, and efficient!

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336
SYSTEM DESIGN
Design a Transparent Interface Enhance User Productivity
• Facilitate the system design objectives, rather than calling • Organize tasks, commands, and functions in
attention to the interface. groups that resemble actual business
• Create a design that is easy to learn and remember. operations.
• Design the interface to improve user efficiency and productivity. • Use a natural language
• Write commands, actions, and system responses that are
consistent and predictable. Make It Easy for Users to
• Minimize data entry problems. Obtain Help or Correct Errors
• Allow users to correct errors easily. •Ensure that help is always available. Help
screens should provide information about
Create an Interface that Is Easy to Learn and Use menu choices, procedures, shortcuts, and
• Clearly label all controls, buttons, and icons. errors.
•Show all commands in a list of menu items, but dim any
Provide Feedback to Users
commands
• Display messages at a logical place on
that are not currently available.
• Make it easy to navigate or return to any level in the the
screen, and be consistent.
menu
• Alert users to lengthy processing times or
structure.
delays. Give users an on-screen progress
Minimize Input Data Problems report, especially if the delay is lengthy.
• Create input masks, which are templates or patterns that make • Allow messages to remain on the screen long
it easier for users to enter data. enough for users to read them.
• Display event-driven messages and reminders. Use Familiar Terms and Images
•Remember that users are accustomed to a
Create an Attractive Layout and Design pattern of red = stop, yellow = caution, and
• Use appropriate colors to highlight different areas of the screen;
green = go. • Provide a keystroke alternative for
avoid gaudy and bright colors. each menu command, with easy-to-remember
•Use special effects sparingly. For example, animation and sound to letters, such as File, Exit, and Help.
a user • Use familiar commands if possible, such as
• Use hyperlinks that allow users to jump to related topics.
SYSTEM DESIGN
Example of User Interface

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336
SYSTEM DESIGN
Example of User Interface

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336
SYSTEM DESIGN
Example of User Interface

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336
SYSTEM DESIGN
Example of Software

https://proto.io/

https://moqups.com/?utm_
expid=100030427-
10.DlsdnCC0S_yiVKohsi4CH
w.0&utm_referrer=https%3
A%2F%2Fwww.google.com
%2F

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336
SYSTEM DESIGN
Example of Software

https://developer.android.com/studio/index.html

https://www.joomla.org/

Reference : Shelly Rosenblatt, “Systems Analysis and Design Ninth Edition”, page 336

You might also like