Pen-based interface for a notepad computer

[0001] This application is a divisional application of prior U.S. patent application Ser. No. 10/011,713, filed Dec. 11, 2001, which is a divisional application of prior U.S. application Ser. No. 09/196,100 filed Nov. 20, 1998 (now U.S. Pat. No. 6,337,698, issued Jan. 8, 2002), the contents of which are incorporated herein by reference.

[0002] 1. Field of the Invention

[0003] The present invention is directed to a notepad or notebook computer interface that facilitates input via a pen and, more particularly, to a system that provides interface elements particularly suitable for pen-based input to, and interaction with, electronic documents.

[0004] 2. Description of the Related Art

[0005] Making electronic information as handy as paper requires an interaction model which is somewhat different than conventional systems. Documents, the primary form in which people obtain and produce information, are most familiar and manipulatable in the form of paper pages. What is needed is a notepad or notebook computer based system that allows the easy manipulation of document pages. Marking on documents directly, with a pen, provides the most leverage of human motor skills for adding to and interacting with documents. What is needed is a pen based method of marking on and interacting with documents within a notepad or notebook computer.

[0006] Organizing information for recall is best done according to one's own experience and mental associations, i.e. “when, where I saw it last”, and “what I think it's related to.” What is needed is a system that will organize documents according to the user's experience and mental model.

[0007] Such a device and its software needs to: render in pages, favoring a portrait aspect ratio and dedicating as much of the screen as possible to displaying the page; support tasks via transitional user interface (U/I) elements which may appear inside or outside or overlapping with the page, and which are controlled directly with the tip of the actual pen (there is no other representation of the pen's location) taking into account the users left or right-handedness, with appearance and behaviors that are both obvious and unobtrusive, easy-to learn and efficient; and support the layering of ink and transitional U/I elements over the content in ways that minimize obstruction of the content and include presentation of such transitional elements in a way which exploits the viewer's ability to resolve overlapping and translucent images. Additionally, the system must support text entry via the pen, but not let the conversion of pen input to text impede the perceived natural flow of events.

[0008] A notebook computer should behave and allow interaction with it in a manner similar to interaction with a paper notebook. Likewise, a notepad computer should behave and allow interaction with it in a manner similar to interaction with a paper notepad. For example, when flipping pages of paper the user can separate a corner of the page from a stack to make it easier to flip. The position of the user within a stack of pages of a paper is readily visible via looking at the edge of the stack. A paper user can change pens (inks) with the simple motion of picking up another pen. What is needed is an interface that provides such functions simply and intuitively.

[0009] It is an object of the present invention to provide user interface elements along a side of the page that allow the behavior of the system to be changed in a pop-up mode and that do not obscure the page.

[0010] It is another object of the present invention to provide input menu pallets that consider the relation of the user's hand to the page, to the corresponding side edge of the display, and to limited numbers and types of selections.

[0011] It is also an object of the present invention to provide a page region specifically designated for flipping the pages, but to otherwise allow the user to mark pages directly for input.

[0012] It is a further object of the present invention to provide both an ability to convert handwriting to text after the writing, and a writing region adjacent to which converted text characters appear on the page during the writing, in specific relation to the writing region.

[0013] It is an additional object of the present invention to allow documents to be stacked and manipulated with a simple unambiguous organizational metaphor.

[0014] It is another object of the present invention to provide a system where both the location and orientation of the pen act to determine its function.

[0015] The above objects can be attained by a system that includes a page display region displaying a page of a document on which a user can write using a pen or stylus type writing tool. The page occupies substantially all of the display region. Associated with the page is an interface that can be used with the pen. The interface includes a core task tool region adjacent to the page where tool icons are partially visible until the pen is brought near one of the icons, at which time it becomes fully visible. The icons can pop-up radial marking menus located near an edge of the document where all the menu choices are located in a semi-circle away from the edge, so that the user's hand, while holding the pen and making a selection, does not block the choices. A page flipping tool is located in a corner of the page and is a two-stroke radial marking pop-up menu limiting the menu choices to opposite directions of pen movement and allowing selection of a next or previous page. A page scrolling tool can optimally be located along each edge of the page and allows scrolling in each appropriate direction. The interface also includes a stack region adjacent to the page display region having one or more stack icons each representing a stack of documents. Each stack icon is also a two-stroke radial pop-up marking menu having forward and backward choices for selecting documents in the stack. The interface also includes a typing tool which can overlay a portion of the page and includes a writing zone where a user handwrites text, and an adjacent page zone which is part of the page where typed text corresponding to the handwritten strokes is displayed as the handwriting occurs.

[0016] These together with other objects and advantages which will be subsequently apparent, reside in the details of construction and operation as more fully hereinafter described and claimed, reference being had to the accompanying drawings forming a part hereof, wherein like numerals refer to like parts throughout.

[0017] FIG. 1 illustrates a display with a “paper” display area and tool region.

[0018] FIG. 2 depicts a selection process.

[0019] FIG. 3 shows an activated Select icon.

[0020] FIG. 4 depicts highlighted text.

[0021] FIG. 5 depicts writing.

[0022] FIG. 6 illustrates core task tools fully visible.

[0023] FIGS. 7A and 7B illustrate core task tools partially hidden.

[0024] FIG. 8 depicts preferred core task tool icons.

[0025] FIG. 9 illustrates a process of the present invention.

[0026] FIG. 10 shows a palette, radial marking, pop-up menu.

[0027] FIG. 11 illustrates a marking menu associated with a right-handed user.

[0028] FIG. 12 illustrates a marking menu associated with a left-handed user.

[0029] FIG. 13 illustrates a two-stroke marking menu.

[0030] FIG. 14 shows a page flipping tool, a page scrolling tool and stack tools.

[0031] FIG. 15 depicts page flipping animation.

[0032] FIG. 16 illustrates a page flipping process.

[0033] FIG. 17 depicts a highlighted dog-ear.

[0034] FIG. 18 shows the page flipping tool activated.

[0035] FIG. 19 shows the page flipping tool without the optional scrolling shadow.

[0036] FIG. 20 shows the page flipping menu.

[0037] FIG. 21 depicts a menu selection.

[0038] FIG. 22 shows a flipped page.

[0039] FIG. 23 shows the scroll shadow highlighted.

[0040] FIG. 24 shows page scrolling.

[0041] FIG. 25 depicts a page selection menu.

[0042] FIG. 26 shows a last page of a document.

[0043] FIG. 27 shows two way scrolling shadows.

[0044] FIG. 28 depicts stacks.

[0045] FIG. 29 illustrates a stack process.

[0046] FIG. 30 shows a highlighted stack tool.

[0047] FIG. 31 depicts the stack two stroke menu.

[0048] FIG. 32 illustrates a menu selection.

[0049] FIG. 33 depicts a stack index listing.

[0050] FIG. 34 shows a typing tool.

[0051] FIG. 35 shows text entry at the end of a text line.

[0052] FIG. 36 shows text entry in the middle of a text line.

[0053] FIG. 37 shows the typing tool moved to edit a different line of text.

[0054] FIG. 38 shows a non-horizontal typing tool.

[0055] FIG. 39 illustrates control buttons.

[0056] The present invention is directed to interface elements of a pen based, notepad or notebook computer, the hardware of which is described in detail in the related application previously mentioned. The notebook or notepad computer includes a liquid crystal display 10, as depicted in FIG. 1, with a display area 12 of a size and shape approximating a piece of paper. The border 14 of a writing surface or the “paper” 15 is slightly inset from one or more edges of the display area 12, so that there is a display region 16 around the edge of the paper where tools or status indicators can be partially or fully displayed.

[0057] An important attribute of an interface to a pen-based system, such as in the present invention, is the combination of spatial and gestural cues by which it deduces how the input should be processed. In the present invention, pen samples are, by default, used to write (see 33—FIG. 5) on the “paper” page 15, and optionally used to select elements of the page, enter text, or select core task tools along the edge of the page. The present invention uses three types of cues to dependably switch between modes.

[0058] In a first mode switch, as depicted by the process 20 in FIG. 2, a selection can be started implicitly by pen location, whenever the pen is held near a displayed element which is known or set by the system to support selection. In a second mode switch, a selection can be started implicitly by rotating the pen to a selection orientation, such as whenever the pen is pointed towards the bottom of the page. In a third mode switch, a selection can be started explicitly by tapping a select icon (see FIG. 3), then stopped only by tapping the select icon while in select mode, in which case any current selection is released.

[0059] As depicted in FIG. 2, when a pen is detected 21 the orientation of the pen is determined 22. If the orientation is not the selection orientation, the system determines 23 whether the pen is over or within a predetermined threshold distance or region of an object. An object is any information or interface element which represents a process. When over an object in this condition, the system starts 29 a tool process as depicted in FIG. 9. When not in the region of the object 24, the write process is started 26.

[0060] When the pen is detected in the selection orientation, the system indicates 30 the select mode by highlighting the select icon (see FIG. 3). If the pen is moved out of proximity to the object 31, the wait for the pen detection starts again. When the pen comes down in the select mode, the object nearest the pen is highlighted 32. Highlighting changes the appearance of the displayed information or interface element so that it stands out, as if highlighted by a yellow or other colored marker. One of the objects can be selected 33 by a tap or a stroke. A selection associates a highlighted information element with an action to be subsequently performed. If the pen comes down on the object or element with a tap, the system selects 34 the object. If a stroke occurs, the additional objects designated by the stroke are highlighted 35. When the pen is raised, the system recognizes that a selection has occurred and selects 34 all highlighted objects.

[0061] The system then looks for the pen again while it has a selection and again determines 38 the orientation of the pen. If not in the selection orientation, the system determines 45 whether the pen has been put down on the display or pulled away. If on a selection 41, the drag/drop process is activated 42 otherwise the selection is released 43. Activation starts a process represented by displayed information or an interface element.

[0062] When the pen arrives in the selection orientation, the selection mode is indicated and the system awaits a movement 45 of the pen down to the display or away from the display.

[0063] When the pen comes down but not on the existing selection 46, the system starts 47 the additional selection. If on an existing selection, the system shrinks 48, the existing selection.

[0064] While the pen is held near the display in the orientation noted above in step 30, the appearance of a select icon 50 (see discussion below) is modified to indicate the selection mode as shown in FIG. 3. Upon pen down as in step 32 in the selection orientation, “highlighter ink” or highlighting 52 appears as shown in FIG. 4. When the pen is returned to the writing orientation and pen touches down outside the selected area, the selection is released and writing 54 (see FIG. 5), or location-implicit selection, ensues.

[0065] In the first selection mode mentioned above, when the pen approaches the display over an element which is set for and the system knows to have a special response to input events, and which is called an object, the input events are passed to that object, such as a writing tool. When the pen touches down and subsequently moves beyond a distance threshold of the object before coming up, the mode is switched back to writing and subsequent events are no longer passed to the object.

[0066] When events are passed to objects, the objects will determine which behavior is to occur. In cases where the objects are “pen-aware”, they may respond to the approaching pen by highlighting, and respond to pen down and pen strokes by activating other pen-related processes, such as recognition, and upon a stroke may suppress or “undo” some or all of the subsequent writing (which continues unless suppressed).

[0067] One set of such objects is, for convenience, called the core task tools (see FIG. 6). These core task tools are easily recognizable by using an icon that a user will recognize as related to the task. As an example, FIG. 6 illustrates a writing tool with an icon graphically showing a cup 62 of writing instruments. FIG. 6 shows the tools completely visible. Normally when the pen is not in the vicinity of the tools the tools are partially obscured behind the edge 14 of the paper 15 and partially visible in the tool region 16 as shown in FIG. 7A. The core task tools are constantly provided, presented or available to the user by being always visible in the tool region 16 while minimizing disruption of the user's focus on the content of the “paper” page 15. The availability of all core task tools is dependable because they are always visible and always located in the same place. The core task tools share space effectively with the content, by appearing partially hidden by or behind the content until approached by the pen (in the air above the screen), at which time they come fully into view, and after the pen leaves, the tools return to the partially-hidden appearance. Preferably, the core task tools are selected directly from the tip of the pen (without appearance of a cursor). That is, the location of the pen tip over an icon will select the tool. The tools, as depicted in FIG. 7B, further optimize the sharing of screen space with content through combined use of minimally sized, irregular shapes that avoid obscuring the underlying content as much as possible; transparency within their overlying shapes to preserve an impression of the underlying content; and fading between the full and partially-hidden appearances, which both removes the suddenness experienced by the user in transitions, and reinforces the relationship between the full and partially-hidden appearances.

[0068] The preferred embodiment of the core task tools is a set 68 of core task icons and related pop-ups which are also unique in their appearance and in the functions they represent. As depicted in FIG. 8, the tools preferably include: 1. Write (70) which when activated offers pen tips and a color palette; 2. Type (72) which toggles to show/hide a typewriter ribbon which displays character recognition results of the ink on the current page; 3. Select (74) toggles to/from select mode, and provides the user with cut, copy and paste functions; 4. New (76) which presents a new page for use by the user which icon is a “dog-eared” page and allows the user to select from among lined, blank, quadrupled, etc. types of “paper” pages; 5. Flag (78) which allows users to add markers and links, add the current document to stacks, choose whether to keep a static/local or updated/remote link; 6. Find (80) which allows the user to find an object in the current page, document, stack, or book; and 7. Send (82) which allows the user to send mail, fax, print, etc. Additional core task tools not shown in FIG. 8 include 8. Dog-ear (236—FIG. 17) superimposed on the corner of the page and shows/hides a page index and allows the user to flip to previous and next pages; and 8. Stacks (300—FIG. 28) each of which toggles to show/hide an index card, and offers back and forward flipping among documents.

[0069] The process 100 associated with the core task tool display, as shown in more detail in FIG. 9, involves obtaining the pen location from the digitizer grid control process of the computer and determining 104 whether the pen is within a predetermined threshold distance of or in the region 16. Note that this includes the pen being in the air above the display and not touching the display. When the pen over the tool is detected, the raising or bringing forward of the tool needs to start if it has not. If the tool raising has not started 106, a determination 108 is made as to whether the pen has been pulled away or down outside the proximity of the tool. If the pen is still up and over the tool 110, the raising of the tool starts 112 resulting in a display as in FIG. 6. If the raising of the tool has already started, a determination is made 114 as to whether the pen has been put down on the display or pulled away. If pulled away, the tool fading starts 116 resulting in a sequence as shown in FIG. 7B then FIG. 7A. When the pen is put down on the tool, the tool is highlighted 118. While the tool is highlighted a determination 120 is made as to whether the pen has been pulled up or away. When the pen is pulled up the tool (or the process associated with the tool icon) is started 122.

[0070] One of the types of tools available in the interface is commonly called a radial marking, popup menu. In such a menu the selection of the menu item is governed by the direction of a stroke across the display generally from a starting point in a vicinity where the icon is located. U.S. Pat. No. 5,689,667 (incorporated by reference herein) describes how such menus are used to make such stroke based selections. FIG. 10 depicts an example of other such menus as in the present invention, and particularly shows the color palette selection radial marking menu 130 which allows the user to select from among five ink colors 132, 134, 136, 138 and 140. This menu 130 is shown near a right hand side of the display 10 but could be located near the left, top or bottom or other positions within the page as well. After the menu 130 is activated by one of the techniques discussed above, if a stroke by the input pen is made in a direction as indicated by the stroke line 142, the color 138 is selected. Such radial menus as in the present invention are laid out according to the handedness of the user, and may be positioned near the edge of the display region, corresponding to the handedness particularly at the edge 14 of the paper 15, as shown in FIG. 10. Their layout and position for visibility in relation to the hand is such that the user's hand does not block the user's view of the selections as depicted in FIGS. 11 and 12. In particular, the items in a radial menu such as the palette, according to the invention, are positioned, according to the invention for visibility in relation to the hand, and radially for acceleration via pen strokes, in a semicircular arrangement which in combination with cursor-less, direct use of the pen, fully maximizes the user's ability to discover and use gestures. Choices are displayed radially from the location where the pen tip first touches down, typically in a quantity of five or less such that each has an easily distinguishable compass direction, and each is plainly visible while a pen and hand are interacting with the menu. There are at least two layouts for each radical menu, one a roughly western hemisphere, the other a roughly southeastern hemisphere, in order to support left and right-handed use. The user may manually choose one layout or the other, as well as finer adjustments thereto; the system may change the layout automatically when it detects a different handedness in the pen movements and their orientations.

[0071] FIG. 11 shows a menu 160 located on a right hand side of the display 10 such that the hand 162 of a right-handed person does not obscure the choice selections when in several different selection orientations from which a stroke can be started. In particular all of the selections form a semi-circle with the curve protruding into the “page” 15 displayed. FIG. 12 shows a similar menu 170 positioned on a left hand side of the display 10 such that the hand does not obscure the selections. A comparison of FIGS. 11 and 12 shows that the hand of a left handed, western writing person is generally in a different position than that of a right handed person and, as a result, the semi-circle of the menu 170 may be somewhat compressed and oriented downward toward a corner of the display.

[0072] The display of the right-handed or left-handed versions of the menu can be controlled by a prior selection of the user by setting a preference or by determining the orientation of the pen in the user's hand during writing when the pen is in a normal orientation for the user. The two-stroke menus discussed herein can also be oriented for left and right handed people and the orientation would be determined in the same way.

[0073] With the menu items oriented in a semi-circle as in the menu 170 and radially, and the making of selections via pen strokes with a cursor-less, direct use of the pen, the user's ability to discover and use gestures to make the selections is maximized. Such radial marking menu items, none of which is obscured by the pen or the hand, are displayed radially from the location where the pen tip first touches down, with a preferred maximum quantity of five selections, each choosable with a single stroke whose path is indicated graphically. When this type of menu is used as in the present invention, there is no cursor; the pen tip is the sole representative of position and items on the screen are preferably highlighted when the pen passes over them to indicate their availability for selection.

[0074] Another of radial marking pop-up menu in the present invention is a two-stoke menu 180, an example of which is depicted in FIG. 13 located along a bottom edge of the display 10. This two-stroke menu 180 provides the same radial access to choices, but the choices are constrained to only two choices 182 and 184 which are opposite in both function and position, so that if one of the choices is obscured by the pen, the user can still (implicitly) know of the opposite choice and correctly anticipate the hidden choice's behavior. Selection is limited to the two choices, such that a stroke of any kind on one side of a center 186, will select the choice for that side. Although these menu items 180 are shown along the bottom of the display, they can be located along the sides or top or anywhere on the page.

[0075] The icons for both the palette and two-stroke type radial menus can exhibit alternative behaviors when the pen leaves the display surface without selecting a menu item, including but not limited to: toggling the system in/out of a mode (such as selection); and toggling to show/hide an alternative pop-up (other than the menu) for related, more permanently-displayed functions, such as dialogues.

[0076] Human visual perception of objects, and of relationships between objects, is wholly dependent on how light reflects and/or emanates from (radiates from or passes through) those objects. In the real world, the shadow is a uniquely valuable clue as to the relationship between a pair of objects, because it is not a property of either object alone but of their combination. The human visual system recognizes shadows as indicating 1) space between two objects, and 2) a foreground/background relationship. Like the real-world windows after which they are named, the objects in computer graphical user interfaces have been given borders, even to excess, in order to separate them from their surroundings. Shadows offer a fundamentally clearer approach. One reason is that a shadow changes the appearance of the object on which it is cast, but does not replace it. A shadow is a dark, weakly saturated color that is blended with the background object and has the shape of the foreground object. Thus, the computer system must deal with the process of blending. Techniques for blending the background object with the shadow cast on it are well known, including alpha-blending within a pixel (in which the value an object alone would give a pixel is simply averaged with the value the shadow alone would give it), and dithering (in which alternate pixels are taken from alternate sources and the eye does the averaging, although at lower resolution). However, to design a user interface around shadows is to assume the computer to have one or more of these blending capabilities. The present invention including shadow outlines makes that assumption. The fundamentals of a shadow outline are that it 1) exist entirely outside a foreground object, 2) modifies, even degrades, the image of a background object in order to support the notions of space between, and foreground-background relationship between, the two objects. The degradation of the image of the background object is preferably proportional to its proximity to the foreground object. Thus, far from the foreground object the shadow is faint, near the foreground object the shadow is dominant. There are many techniques by which the shadows can be algorithmically created; the use of any such algorithms to separate graphical user interface elements of a computer system fall within the scope of the present invention.

[0077] Scrolling is the predominant means of moving through electronic content today. But with a display sized and shaped for holding a page, and with enough resolution to include what people expect in a page of paper, flipping through content as discrete pages becomes important. The invention includes two interface tools: the dog-ear and the stack, which are designed to facilitate the use of the system like pages of paper relatively loosely arranged on in a bundle such as in a note book or stack. The two-stroke type tool, as depicted in FIG. 13, is used to leverage the natural metaphor of flipping pages. Animation of turning pages is used to reinforce this. A scrolling tool is also provided which allows multidirectional scrolling.

[0078] The function of the dog-ear, a page flipping tool, is simply to let the user flip to the next or previous page (screen full) within the current document, and to next and previous documents in a stack if a predominant sequence exists. An associated page number menu can be used to jump to any other page in the current document.

[0079] The function of a stack is to facilitate moving forward and back in a sequence, typically another sequence, of documents. The sequence can be a browsing history, an alphabetical index, or any other useful list. Given this function for stacks, being able to “organize” documents by dropping them onto one or more stacks, at once captures the manipulability of shuffling paper and extends it by offering multiple sets and sequences, while avoiding the containership of metaphors such as files and folders. Both a dog-ear 200 and two stacks 202 and 204 are depicted in FIG. 14. This figure also illustrates an optional tool called a scroll shadow 206 which when activated causes the page to scroll to reveal what is beyond the shadow. The dog ear 200 indicates that the current page being displayed is page four of a total of seven pages. As noted above, animation is used to present the impression of flipping a page when the dog ear is activated. During such an animation sequence for a single page flip, at different stages approximately ten images of the page being turned are displayed, with the same images being used for a forward or backward flip but in an opposite sequence. FIG. 15 shows an image 210 approximately one-half of the way through a page flip animation sequence. As can be seen, the front side 212 and the back side 214 of the page are both shown. A shadow region 216 under the page being flipped, as well as a partial view of the page 218 underneath, are shown to enhance the perception of a page flipping.

[0080] The process 230 performed associated with the flipping of pages using the dog-ear and scroll shadow tools, as well as other tools, is shown in FIG. 16. The first operation is to render 232 the current page contents and then render 234 the dog-ear 236 and scroll shadow 238, as illustrated in FIG. 17.

[0081] When a pen event is detected 240, several different actions can be taken depending on the type of event. If the pen approaches the dog ear 236, the back side 242 of the dog-ear 236 is highlighted 244 as well as the shadow 246 on the next page as shown in FIG. 18. FIG. 18 depicts the highlighted dog-ear 236 when the optional scroll shadow 238 is present while FIG. 19 shows the highlighted dog-ear 238 without the scroll shadow being present. As shown in FIG. 18, only the dog-ear 236 is highlighted. The highlighting of the dog-ear 238 indicates to the user that the dog-ear 236 can be activated.

[0082] If the pen is then brought down 248 on the dog-ear 236, a two-stroke menu 250 for selecting the next page 252 or the previous page 254 is typically displayed, as depicted in FIG. 18. This menu is displayed unless the pen leaves the surface before the menu is displayed and without making a new choice in which case the page number menu is displayed instead.

[0083] The system then awaits 256 (FIG. 16) a motion by the pen. If the pen moves toward or on the “next” menu selection 252, this selection is highlighted 258, as shown in FIG. 21.

[0084] FIG. 21 particularly shows a “glow” type highlight 258. A glow highlight is a highlight in a color such as gold that seems to make the icon glow. It is used here as a “surround” for a selected item, it can also be used to outline an item, such as in FIG. 32 and can suffuse a item such as a scroll shadow as shown in FIG. 23. When the shadow function discussed above is applied using not a dark, weakly saturated color, but a bright, highly saturated color, it creates a specific and different impression on the eye: that of a foreground object which is “energized” and appears to cast a glow on the background object. Transitioning the outline of an object from shadow to glow provides a representation of that object's new readiness to take action when anticipating selection by the pointing device.

[0085] When the pen is brought up in this glow selection situation, the system changes 260 the displayed page to the next page, showing the page number as shown in FIG. 22 where the page has gone from page one (FIG. 17) to page two (FIG. 22). If the pen is moved on or over the previous menu selection 254 (see FIG. 20), it is correspondingly highlighted and when the pen is brought up in this situation, the previous page is displayed 264 along with its page number.

[0086] If the document is longer than one page, or if the page is larger than the display, one or more scroll shadows appear when the pen event (240—FIG. 16) is a movement approaching the scroll shadow, the entire scroll shadow 238 is highlighted 266, as shown in FIG. 23. Note that the dog-ear 236 is not highlighted. When the pen is brought down over a scroll shadow at the bottom edge 239 of the page, this causes 268 a scroll up to reveal what is below. When the pen is on the upper edge of the page, it scrolls down to reveal what is above. If the document is longer than one page then additional parts of the current page come into view. If the page is the same size as the display, the current page 270 and the next page 272 can come into view as shown in FIG. 24. To distinguish the boundary between the two pages the page numbers are shown along with a page break. A dog-ear flip to the next page in the circumstances of FIG. 24 will result in a “snap” to one of the pages being displayed.

[0087] When the pen touches the dog-ear (256—FIG. 16) and the pen is raised 274 without moving while on the dog-ear 236, a page number menu 276 showing a range of pages of the document is displayed, as illustrated in FIG. 25. The pen can be used to select one of the page numbers. When a pen event occurs 277, if a page number is selected, the page and page number are changed 278 to the selected page. FIG. 26 depicts a selection of page seven from the menu of FIG. 25. Also note that since this is the last page, there is no page beneath the dog-ear, 280 and the scroll shadow at the bottom of the page is not being displayed.

[0088] The scroll shadow can appear on two or more edges at the same time, as illustrated in FIG. 27. The side scroll shadows 282 scrolls the document sideways (left and right) while the top and bottom scroll shadows 284 scroll the document vertically (up and down). A side scroll shadow 282 appears when the document is wider than the page display, such as when a spreadsheet is displayed or a page is magnified in a zoom condition.

[0089] As previously mentioned, the function of a stack is to facilitate moving forward and backward in a sequence of documents. The sequence can be a browsing history, an alphabetical index, or any other useful list. Given this function for stacks, being able to “organize” documents by dropping them onto one or more stacks, at once captures the manipulability of flipping through paper and extends it by offering multiple sets and sequences, while avoiding the containership metaphors, such as files and folders. A collection of documents is put in a sequence, given a name, and represented as a stack. FIG. 28 depicts four stacks placed in the stack tool area 298 located, preferentially, at the bottom of the display 10 in the tool region 16. The stacks shown include stacks for notes 300, topics 302, history 304 and in-box 306.

[0090] The process 310 of operating with stacks is shown in FIG. 29. A stack can be created by the system software based on a system request 312, such as when several e-mail messages are received in an in-box. The user can drag 314 a current page into an empty portion of the stack area and release it. In both the system request and the user drag cases, a stack is created 316 in the stack area 298. After a stack has been created, the system or the user can request 318 the addition of a document to the stack and the document is added 320.

[0091] In general stacks respond to the pen in essentially the same manner as the dog-ear. Upon a pen event 322 (FIG. 29), if the pen is used to drag 324 a document to a stack, it is added 320. If the pen is brought 326 near a stack 306 it is brought to the foreground as shown in FIG. 30 and expanded over the edge 327 of the page 15 highlighting the stack. If the pen event is the touching 328 of a stack, a two-stroke menu 330 appears. Upon a pen move 332 which is on or toward one of the two menu choices, the choice is highlighted (334/336) as shown in FIG. 32 by the highlighting of the backwards menu choice 338. When the pen is released over the menu choice, the page flips in an animated sequence, as previously discussed, and the next document in the stack is shown (340/342—FIG. 29) where the previous one was. If the pen is raised while over the stack, (or the stack is tapped and released without a stroke), an index card 344 (see FIG. 33) is displayed 344. This card 344 provides a list of documents in the stack with the current document highlighted. When the pen is released 346 over one of the listed documents, the display flips to the selected document in an animated sequence and the chosen document is shown as the main page. If there are more documents in the stack than can be shown on the card, scroll shadows appear at the bottom and/or top of the card 344.

[0092] Another tool provided by the present invention is called, for convenience, a typing tool or typing ribbon 360 as depicted in FIG. 31. The ribbon preferably includes several types of zones: A set of writing zones 362 where the user writes strokes that are to be converted into typed characters. The writing zones are 362 large enough (height and width) to support natural western writing. A set of special character zones 364 where the user can select special characters for entry into the typed text, such as tab and enter. A typed text region of the page, 366 where the typed characters of the written text appear as the user is writing. This zone 366 is part of the displayed page and edits a line on the page. That is, the handwritten text in zone 362 appears on the page in zone 366. A cursor 368 is also displayed and indicates where the next character handwritten in zone 362 or selected from zone 364 will appear in zone 366.

[0093] The writing zone 362 runs “horizontally” underneath the text line in the zone 366 which it is editing (just like a typewriter ribbon). Handwritten strokes written on the ribbon in the zone 362 are sent to a conventional handwriting recognition system, with output of the recognizer targeted, in real-time, at the cursor location (or a selection to be replaced) on the text line above the ribbon which line is located within the page of the document being displayed. FIG. 35 illustrates the preferential size of the ribbon 360 as spanning the entire width of a displayed page 370. This figure also shows writing at the end of a typed text line. The cursor 368 can be moved across the line by dragging it with the pen to point to text that needs to be edited or corrected as illustrated in FIG. 36. When a different line of text is to be edited, the pen can be used to drag the ribbon 360 up/down to the desired text, as illustrated in FIG. 37.

[0094] The ribbon 360 can also be rotated to a diagonal orientation, as shown in FIG. 38, (to associate with a diagonal line of text) by similarly rotating the pen while dragging the ribbon. In addition to more closely associating with diagonal text, this helps the recognizer by telling it more precisely which way is up.

[0095] We have recognized that the sequencing of experience is fundamentally important in human-computer interaction. The world wide web offers such complexity in navigation that effective browsing would be nearly impossible without a back button. By the sequence of experience, we mean what the user perceives to have happened recently, to be happening now, and to be expected in the future, presented and best thought of as stepping with the option of viewing before stepping. It is perhaps best thought of as a combination of viewing and stepping.

[0096] The sequencing of experience has been supported in fragments scattered throughout the prior art of computer-human interaction. The list includes Dialog boxes, with their myriad variations on OK and Cancel; the Edit menu with its Undo and Redo items; Graphical User Interfaces with their various scroll bars; and myriad viewing and stepping options using the keyboard's enter and escape, home and end, arrow and page keys, function keys, and modifier-based shortcuts.

[0097] The present invention, as depicted in FIG. 39, includes an arrangement of buttons (button tools 380), and a relationship between them and the display of a handheld computer system, which optimizes the system to support the sequencing of experience.

[0098] Two pairs of buttons 384/386 and 382/388 are arranged vertically along one of the side edges, where the display is most naturally held for reading, in close proximity to the display (within 10 mm) to support on-screen labeling. The buttons are sized, shaped and recessed so as to be easy to find and depress intentionally (specifically, with a thumb edge while holding it, and with a thumb tip or fingertip while it rests on a surface), and unlikely to be depressed accidentally while handling for other reasons (specifically, with a palm while carrying it or with the heel of a hand while writing on it). The visually dominant pair of buttons 384/386 is designed to convey that they are paired, opposite in function, and up and down in direction, without the use of words or icons which could conflict with on-screen labels. The function of the central pair 384/386 is to support viewing, and in particular, viewing pages and viewing where to step, and the myriad semantic variations thereof. The secondary pair of buttons 382/388 is designed to convey that they are also paired and opposite in function. The function of the secondary pair 382/388 is to support stepping forward (i.e. follow a link, confirm a dialog) and back (i.e. undo a mistake, cancel a dialog), and the myriad semantic variations thereof. The secondary pair 382/388 is preferably spaced close enough to the visually dominant pair for a user holding the system to access them by only rotating the thumb away from either button of the visually dominant pair (specifically, without having to adjust the location of the fingers), while far enough away and different enough in shape to be quickly and easily distinguished by thumb feel. The display area nearest the buttons may be optionally used for labels 392, 394 and 396 for the buttons An additional button may optionally be placed adjacent to the four buttons and the display, for similarly ergonomic control of audio input functions, including recording, conferencing, and recognition.

[0099] These button tools 380, can be provided either in the form of physical buttons mounted along the side or bottom of the display, or touch-screen buttons that appear in the tool region alongside or below the displayed page. If physical buttons 382, 384, 386 and 388 are implemented (see FIG. 39) they should be both finger-and-pen-friendly, recessed in a trough and dimpled. Associated “soft” labels 392, 394 and 396 are positioned in an edge of the screen of the display. The preferred buttons include a button 382 for causing an action to occur (Go, Ok, do it . . . ), buttons 384 and 396 for viewing (i.e., flipping pages) and a button for reversing an action (go back, cancel).

[0100] The present invention has been described with respect to user interface elements as separate from and either in front of or behind, the information concurrently displayed by the system.

[0101] The many features and advantages of the invention are apparent from the detailed specification and, thus, it is intended by the appended claims to cover all such features and advantages of the invention which fall within the true spirit and scope of the invention. Further, since numerous modifications and changes will readily occur to those skilled in the art, it is not desired to limit the invention to the exact construction and operation illustrated and described, and accordingly all suitable modifications and equivalents may be resorted to, falling within the scope of the invention.