Mastering User Interface

Design
Learn the principles and best practices for creating intuitive,
user-friendly interfaces that enhance the user experience and improve
system efficiency.

by Võ Thị Kim Anh

What is User Interface Design?
Definition Components
1 2
The process of defining how Includes navigation
systems interact with mechanisms, input
external entities. methods, and output
displays.
Core Principles of UI Design
Layout Content Awareness
Consistent screen areas for Users always know where they
different purposes. are in the system.

Aesthetics User Experience

Functional and inviting Balance between ease of use
through careful use of design and ease of learning.
elements.
Consistency in Design
Importance Benefits
Enables users to predict actions before performing them. Improves ease of learning, ease of use, and overall
aesthetics.
Minimizing User Effort
Simple Design
Create interfaces that are intuitive and easy to use.

Efficient Navigation
Aim for no more than three clicks to perform work.

Clear Instructions
Provide clear guidance for users at each step.
Navigation Design Principles
Prevent Mistakes Simplify Recovery
1 2
Design controls to minimize Make it easy to correct
user errors. mistakes when they occur.

Consistent Grammar
3
Use consistent order for objects and actions in commands.
Types of Navigation Controls

Keyboard
Traditional input device for text and commands.

Pointing Devices
Mouse, trackpad, or touch screen for direct manipulation.

Voice Recognition
Emerging technology for hands-free control.
Software Approaches for User
Commands
Language Menu
Command languages or List of choices for users to
natural language interfaces. select from.

Direct Manipulation
Users interact directly with interface objects.
Types of Menus

Common menu types include menu bars, drop-downs, pop-ups, tabs, and toolbars.
System Messages
Types Purpose
1 2
Error, confirmation, Inform users of system
acknowledgement, delay, status and guide their
and help messages. interactions.
Input Design Fundamentals
Definition Goal
Designing screens and forms for entering information into Capture accurate information simply and easily.
the system.
Input Processing Methods
Online Processing Batch Processing
Immediate entry of individual Collecting inputs over time
transactions as they occur. and processing them together.
Key Input Design Principles
Source Capture Minimize Keystrokes
1 2
Capture data electronically Reduce manual data entry
at or near the original to save time and reduce
source. errors.
Types of Input Devices

Common input devices include keyboards, mice, touch screens, scanners, and barcode readers.
Screen Form Design
Internal Control
Ensure data precision and protect against errors.

Graphical Interface
Use visual elements to simplify data entry.

Additional Controls
Implement features like calendars and checklists.
Output Design Principles
Goal Focus
1 2
Present information that users can understand with Design outputs based on how they will be used.
minimal effort.
Understanding Report Usage
Purpose Frequency
Tailor reports to specific user needs and decision-making Consider real-time, daily, weekly, or monthly report
processes. requirements.
Managing Information Load
Challenge Solution
1 2
Managers often receive too Provide only the necessary
much information, not too information to support
little. specific tasks.
Minimizing Bias in Reports
Awareness Data Sorting
Recognize that bias can be Consider how list order affects
unintentionally introduced. perception of importance.

Presentation Order
Match the order to how information is typically used.
Types of Output: Printers
Advantages Considerations
1 2
Affordable, flexible, and May require special
handle large volumes of supplies and have
output. environmental impact.
Types of Output: Display Screens
Benefits Applications
Interactive, quiet, and allow real-time data manipulation. Ideal for frequently accessed information and interactive
reports.
Audio and Video Output
Audio Video Animation
Good for individual users and Combines visual and audio for Enhances presentations and
transient messages. high-impact communication. websites with moving graphics.
Digital Storage as Output

CD-ROMs
Store large amounts of multimedia content.

DVDs
Higher capacity for video and data storage.

Digital Storage
Versatile medium for various types of output.
Electronic Output Methods
Types Advantages
1 2
Include email, faxes, and Quick distribution without
bulletin board messages. need for hard copies.
Pull Technology in Output Design
Concept Example
Users actively request or "pull" information from the Clicking links on a website to access desired information.
system.
Push Technology in Output
Design
Definition Internal Use
System automatically sends Notify employees of critical
information to users. deadlines or important
updates.

External Use
Send targeted information to customers or clients.
Types of User Reports: Complete Report
Purpose Usage
Provide full information on all items needed. Read item by item for detailed understanding.
Types of User Reports:
Summary Report
Content Purpose
1 2
Concise information on Quick comparison and
selected items. overview of multiple items.
Types of User Reports:
Turnaround Document
Definition Example
Output that later becomes Bill with payment form to be
input when returned. returned with payment.
Types of User Reports: Graphs

Graphs help users compare data visually, showing relationships and trends effectively.