Please enable JavaScript.
Coggle requires JavaScript to display documents.
4.1 UNDESRTAND USER INTERFACE DESIGN - Coggle Diagram
4.1 UNDESRTAND USER INTERFACE DESIGN
User Interface Design
Evolution of the User Interface
the user interface mainly consisted of process-control screens that allowed the user to send commands to the system
That approach worked well with traditional systems that simply transformed input data into structured output
As information management evolved from centralized data processing to dynamic, enterprise-wide systems, the primary focus also shifted — from the IT department to the users themselves
User-centered system
Principle of user-centered design
i. Understand the Business
ii. Maximize Graphical Effectiveness
iii. Think Like a User
iv. Use Models and Prototypes
v. Focus on Usability
vi. Invite Feedback
vii. Document Everything
Basic Guidelines
Design a transparent interface
Create an interface that is easy to learn and use
Enhance user productivity
Make it easy for users to obtain help or correct errors
Minimize input data problems
Provide feedback to users
Create an attractive layout and design
Use familiar terms and images
Human-Computer Interaction
Human-computer interaction (HCI) describes the relationship between computers and people who use them to perform their jobs
User Interface Design Guidlines
Design a transparent interface
Create an interface that is easy to learn and use
Enhance user productivity
Make it easy for users to obtain help or correct errors
Minimize input data problems
Provide feedback to users
Create an attractive layout and design
Use familiar terms and images
Source Documents
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
The placement of information on a form also is important. Source documents typically include most of the zones shown
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