Web Usability Design: Reasonably expand the page link response area

Web page Production WEBJX article introduction: Word-of-mouth Network ued Team

A reasonable expansion of the page link response area can improve the usability of web pages. At the same time also take into account the link between the interactive consistency and visual balance, you need to do some special processing.

Example one: A picture with a link.

There are several common practices:

The first is the most conventional, only links can point, but the whole picture can not point, point up quite tired.

The second is the whole picture as a link, the link response area is large enough, but in fact the link is more embarrassing, not elegant.

The third is to get two links, text links, the figure itself with a link. This is better than both, but still not ideal, because the two links are not enough interaction, users to point map and point link is not to the same place there will be doubts.

This may be elegant:

The picture can point, the mouse moves into the picture, the mouse changes the hand type at the same time the text link becomes hover state. This means that there is enough link response area and there is good interaction consistency, suggesting that the user point map and point link go to the same place, as shown in the figure:

The front code angle, is the link a tag to wrap the whole diagram, the paragraph of the text with other tags, such as span, and then define a hover state, the span into a link color, and underlined, to simulate the hover effect.

Instance two, a linked title with a detailed description of the title.

[1] [2] Next page