Browse Prior Art Database

System Notebook Visual Rendition Disclosure Number: IPCOM000108984D
Original Publication Date: 1992-Jul-01
Included in the Prior Art Database: 2005-Mar-23
Document File: 2 page(s) / 225K

Publishing Venue


Related People

Redpath, SD: AUTHOR


This design details unique interface visual aids for a notebook control. (Image Omitted)

This text was extracted from an ASCII text file.
This is the abbreviated version, containing approximately 52% of the total text.

System Notebook Visual Rendition

       This design details unique interface visual aids for a
notebook control.

                            (Image Omitted)

      Since the notebook is an object people find in their daily
lives, it is important that the interface map to their expectations
for such an object.  To map the notebook to the real world, it is
necessary that more than just the first section of information is
available.  Also needed is the ability to visually show the
relationships among groups of information.

      The notebook is rendered to show back pages on two connecting
sides.  On an opposite side to the back pages appears a binding.
This is a series of duplications of one spiral bitmap.  A spin button
appears on the corner where the two sides of the backpages connect.
Though it does not map to a real world model, usability testing
revealed the spin button to be the preferred page-turning device.
The tabs are scrollable to account for the possibility for an
unlimited number of tabs.

      For the default notebook, subtle colors have been chosen.  Pale
grey for the background, white for the pages and tabs, dark grey for
the tab text.  White is for the page, not only because most paper in
the real world is white, but also because white on grey will come
forward to the eye.  The front page should come forward because that
is where the information the user needs is located.  Dark grey was
chosen for the tab text because it contrasts enough with the white
background of the tab to appear visually distinct, and as an
important piece of information in the hierarchy.  Borders around the
page and tabs have been eliminated to reduce the amount of visual
processing required of the user.  Borders create visual relationships
and associations that are extraneous.  For the notebook, blocks of
color are used to separate the shapes, as is the case in the real

      As in real spiral bindings, this binding protrudes from the
edge of the notebook into the "desktop" space.  It wa...