4.1 Understand 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

Requires an understanding of human-computer interaction and user-centered design principles

image

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 basic guidelines when you create a user interface you should follow

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

Clearly label all controls, buttons, and icons

5)Minimize input data problems

6)Provide feedback to users

7)Create an attractive layout and design

8)Use familiar terms and images

Create a design that is easy to learn and remember

image

Organize tasks, commands, and functions in groups that resemble actual business operations

Ensure that Help is always available

image

Create input masks

Display messages at a logical place on the screen, and be consistent

Use appropriate colors to highlight different areas of the screen

Provide a keystroke alternative for each menu command

User Interface Components

Screen Elements & Controls

Menu bar

Toolbar

Command button

Dialog box

Text box

Toggle button

List box – scroll bar

Drop-down list box

Option button, or radio button

Check box

Calendar control

Switchboard