O'Reilly logo

Designing Web Interfaces by Theresa Neil, Bill Scott

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

More Content Invitation

In Chapter 6 we discussed Virtual Pages, a technique for making more content available to a page than is currently visible. The Yahoo! home page employed this in its redesign in 2006 (Figure 10-22).

Yahoo! home page contains more content than is statically visible

Figure 10-22. Yahoo! home page contains more content than is statically visible

The Yahoo! home page contains more than 20 pages of hidden content and previews from 6 other Yahoo! sites in a small space.

In the Personal Assistant (top right, Figure 10-22), whenever the mouse hovers over a Yahoo! site tab, it automatically animates open. This provides a More Content Invitation revealed through a simple Hover Invitation.

Yahoo! Games provides an interesting approach to exposing more games. Featured games are shown two at a time. A carousel component is used to slide more games into view. But to give the idea that there are more games, a small thumbnail viewer shows six games at a time. The two main games in view are highlighted in the thumbnail viewer (Figure 10-23).

Yahoo! Games uses a two-level viewer: the top shows two games; the bottom gives context indicating that more games can be viewed

Figure 10-23. Yahoo! Games uses a two-level viewer: the top shows two games; the bottom gives context indicating that more games can be viewed

Considerations

There are some issues to keep in mind when using More Content Invitation.

Hinting with animation

In both techniques, the challenge is how to indicate to the ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required