Category: Interactive experiences

Encouraging epiphanies through interactive web content. Problem You need to choose what to put online. Solution Focus on topics that are hard to explain using words alone, but that come to life with interactivity and multimedia. Discussion Designing effective content is as much a matter of what you don’t say, as what you do say.

Integrating search concepts into web design enables visitors to find relevant information. Problem Visitors must wade through extraneous information to find relevant content, or your web site is not picked up by search engines. Solution In addition to making the content of your web site available through remote and local search engines, integrate central search

Enabling visitors to email a web page supports the user experience. Problem Visitors can’t easily share your site with others or archive its contents. Solution Add an “email this page” link to every page on the site, and allow visitors to add a brief note to the email. Discussion If you want to track how

Mimicking real-life knobs and switches enhances usability. Problem You need to make knobs on your site immediately obvious. Solution Use a consistent style of knobs. Discussion There are many styles of knobs, but the best designs are reminiscent of real-life knobs and switches, are convenient to use, and are similar to other widgets used on

A consistent button style aids navigation. Problem You need to make buttons on your site immediately obvious. Solution Use a consistent style for all buttons, which are objects on the screen that the visitor can click. Discussion Thousands of button designs appear around the Internet. Two common styles are to depict a slightly embossed shape

Enhancing navigation by marrying icons and text. Problem You need to make the icons on your site immediately obvious. Solution Except for a few concepts where icons are part of our common visual vocabulary (such as the travel icons at right), use text labels rather than icons. The icon or thumbnail can augment the text,

Developing user-centered interfaces for increased accessibility. Problem You need a web interface that is accessible to all types of users. Solution Use universal techniques for ease of navigation. Discussion Much has been written about human-computer interaction and the importance of the user interface. The overall key is to be “user-centered.” When designing your web site,

Organizing thumbnail images to increase ease of use. Problem You need to let a user choose among a set of disorganized thumbnails. Solution Use one of the following four methods to increase readability and ease of use: Ordered grid. If you lay thumbnails out within a strictly ordered grid, they will become more manageable. Animated

Bringing 3D images to life through animation. Problem You can’t adequately show a 3D object or scene on your web site. Solution Allow the visitor to rotate, spin, or navigate a 3D world on screen, using one of two techiniques: Pre-render. You can make a pre-recorded animation in the form of movie clip; use an

Enlarging images to provide visitors with more detail. Problem A computer monitor has low resolution, which can make detail difficult to see. Solution Allow visitors to zoom into an image using one of the following methods: An enlarge button. An easy method is to put a small “Enlarge” button next to an image. In current