Rollovers can also distinguish buttons. Because the underlying image is replaced with another image when the user rolls the mouse over it, the change creates a sense of interaction. Rollovers can also be used to present the page's material more efficiently--for instance, an additional text line could appear below the button when the mouse rolls over it, giving the user additional information about the section without overloading the page. (6.11)

Because users could have jumped from another site to a page buried deep in the hierarchy, it is important that all links and buttons make sense with reference to the site's global context. Without understanding the purpose of the site, users might find buttons completely irrelevant or confusing. It is also important to mark the button representing the page or section the user is in as "disabled." This representation can be achieved by changing the button's color or by simply removing the hyperlink from the image. (6.12) This will give users an immediate sense of where they are in relationship to the site, and a better idea of where they can jump to from their current location.

 
 





6.10 Wrapped Text Links

In the two instances above the text link wraps onto a second line. In the top example it is hard to determine if "Hitchhiking" and "Vietnam" are two separate links or one link. The example underneath clarifies that the wrapped lines belong together by using a bullet in front of each item.






6.11 Rollovers

Each rollover on Sony's homepage gives the user additional information regarding content found in the various sub-sections.