Interface Element Categorization

Affordance

One of the affordances in our interface is the little "X" box that closes the boxes in the interface. It's a clear signal to the user as to how to get rid of a box that they don't want. They just click it, and it goes away.

affordance

Back to Top

Visibility

We wanted our [Edit] buttons to be clearly visible, so we made them a different color than all of the other text and background.

visibility

Back to Top

Mapping

We've spatially located conceptual elements together and grouped them in a box. This allows us to move the box around and keep all the conceptual elements grouped together. It's an easy way to map these elements into a cohesive unit that we can easily manipulate.

mapping

Back to Top

Feedback

Our interface gives the user explicit feedback when the user does something. In this case, the user added a bookmark.

feedback

Back to Top

Knowledge in the Head

The user must know his or her username and password. There aren't any contextual clues for the user to get this information.

knowledge_head

Back to Top

Knowledge in the World

In this case, the little "X" as a button to close windows is pretty much THE standard. This is something the user may or may not be able to reproduce if asked, but when the user sees the "X," we can be relatively assured that the user will know what the "X" means.

knowledge_world

Back to Top

Semantic Constraint

We don't want the user to be able to close the login box, so we don't include the ability to do so.

Back to Top