Scribd
Upload
23 views

Human Computer Interaction Sec B: Hafiz Bilal Naseem Shah

This document discusses principles of human-computer interaction design including visibility, mapping, constraints, affordability, feedback, and consistency. It provides examples of poor design for each principle. For visibility, it shows a patient list with no clues for user actions. For mapping, it discusses arbitrary burner control layout. For constraints, it asks about adding signs for phone numbers. For affordability, it shows an unclear drawer handle. For feedback, it gives examples of indicators. And for consistency, it shows submit buttons in different locations and inconsistent date selection across contexts.

Uploaded by

david jhon
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views

Human Computer Interaction Sec B: Hafiz Bilal Naseem Shah

This document discusses principles of human-computer interaction design including visibility, mapping, constraints, affordability, feedback, and consistency. It provides examples of poor design for each principle. For visibility, it shows a patient list with no clues for user actions. For mapping, it discusses arbitrary burner control layout. For constraints, it asks about adding signs for phone numbers. For affordability, it shows an unclear drawer handle. For feedback, it gives examples of indicators. And for consistency, it shows submit buttons in different locations and inconsistent date selection across contexts.

Uploaded by

david jhon
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

HUMAN COMPUTER

INTERACTION SEC B

Hafiz Bilal Naseem Shah


SAP ID 2460
Assignment #7: Donald Norman Design Principals

Visibility:
In this bad example, there is no sign what elements on the page are clickable or
not. 
Differentiate clickable elements from normal text to inform users
what can do and where to go

Figure a patient list has no clues for further actions.

Mapping:
Which control turns on which burner?

In the above case, an arbitrary arrangement of controls, such as controls in a row, even though the
burners are arranged in a rectangle, thereby visually frustrating the inexperienced user, leading to a
period of experimenting with the controls to become familiar with the proper usage, and potential
danger to the user.
Where do you plug in the mouse?

CONSTRAINTS:
constraints for phone number area code, for example, should we add + sign or we should
type 00?

 what is mandatory fields and what is not.


Affordability:
Digital watch:
Four push buttons to push but not clear what they will do.

How do you open this drawer?

The handle in left image is to pull the section of the desk out.

Feedback:
(1) Rice cooker goes “bing!”.

(2) Clicker on your turn signal.

(3) Animated icon while waiting for a web page to load.


Consistency:
Figure shows a bad example of position related to consistency. Here the “submit” button is displayed in
different places on different screens within the same task.

Inconsistent placement of controls.


EXAMPLE2:
(1)This system provides clickable function to choose a date when filling the DOB of a
new patient.
(2) But it does not provide this function when editing DOB of a current patient.
A bad example of consistent system interaction.

You might also like