Design Patterns for Displaying Information



A small window that helps a user organize information.
Data can be more easily organized under a section or if there is a small function that would like to be performed without needing to refresh an entire page.

Portlets can be dragged and dropped by the user. The user can also interact with content located within its bounding area. Portlets will also frequently have icons in the upper right corner allowing the user to customize its contents.

Use portlets to organize sets of information together. All portlets should be titled, have their own help function, and possibly the ability to modify settings of the portlet should there exist legitimate settings which a user may want to edit. The portlets have borders so the boundary of where the relevant information exists is clear.

Portlets provide a visually easing way for users to separate information. Through their appearance, it is very clear what data pertains to which sections, and should a user only be interested in one thing, portlets make it easier for the user to find this information. The greater benefit of portlets is the ability to provide users with the power to perform limited actions without refreshing a page. For example, if a user is typing into a search portlet and performs the search, the search results may be updated into the portlet without refreshing any other part of the page. This allows users to save time and not need to be bothered to take the time to learn new interfaces or page designs.