4.1 UNDERSTAND USER INTERFACE DESIGN

1. User Interface Components

1.1. Menu bar

1.2. Toolbar

1.3. Command button

1.4. Dialog box

1.5. Text box

1.6. Toggle button

1.7. List box

1.8. Drop down list box

1.9. Option button or radio button

1.10. Check box

1.11. Calendar control

1.12. Switchboard

2. User Interface Design Guidelines

2.1. 1. Design a transparent interface.

2.2. 2. Create an interface that is easy to learn and use.

2.3. 3. Enhance user productivity.

2.4. 4. Make it easy for users to obtain help or correct errors.

2.5. 5. Minimize input data problems.

2.6. 6. Provide feedback to users.

2.7. 7. Create an attractive layout and design.

2.8. 8. Use familiar terms and images.

3. Source Documents

3.1. Collects input data , triggers or authorizes input action, provides record the original transaction.

3.2. Good form layout makes the form easy to complete and provides enough space, both vertically and horizontally, for users to enter the data.

3.3. Form should indicate data entry positions clearly using blank lines or boxes.

4. User Interface Design

4.1. Users interact with a computer system, and consists hardware, software, screens, menus, functions, output, and features that affect two way communications between the user and the computer.

5. Human Computer Interaction (HCI)

5.1. Relationship between computers and people who use them to perform their jobs

6. Principles of User Centered Design

6.1. Understand the Business

6.1.1. Understand the underlying business functions and system supports individual, departmental, and enterprise goals.

6.2. Maximize Graphical Effectiveness

6.2.1. Studies show that people learn better visually.

6.3. Think Like a User

6.3.1. See the system through a user’s eyes.

6.4. Use Models and Prototypes

6.4.1. Construct models and prototypes for user approval.

6.5. Focus on Usability

6.5.1. User interface include all tasks, commands, and communications between users and the information system.

6.6. Invite Feedback

6.6.1. Observing and surveying users.

6.7. Document Everything

6.7.1. Document all screen designs for later use by programmers.