WO2006126055A2 - Improved pocket computer and associated methods - Google Patents

Improved pocket computer and associated methods Download PDF

Info

Publication number
WO2006126055A2
WO2006126055A2 PCT/IB2006/001330 IB2006001330W WO2006126055A2 WO 2006126055 A2 WO2006126055 A2 WO 2006126055A2 IB 2006001330 W IB2006001330 W IB 2006001330W WO 2006126055 A2 WO2006126055 A2 WO 2006126055A2
Authority
WO
WIPO (PCT)
Prior art keywords
display
content
input
touch
user
Prior art date
Application number
PCT/IB2006/001330
Other languages
French (fr)
Other versions
WO2006126055A3 (en
Inventor
Juho Paasonen
Henri Melaanvuo
Roope Rainisto
Petri Tolppanen
Hannu Pirskanen
Kalle Saarinen
Matti VÄISÄNEN
Virpi Roto
Eero Tamminen
Simo SÄDE
Jussi-Pekka Kekki
Panu Johansson
Original Assignee
Nokia Corporation
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from US11/135,624 external-priority patent/US9785329B2/en
Application filed by Nokia Corporation filed Critical Nokia Corporation
Priority to JP2008512937A priority Critical patent/JP2008542868A/en
Priority to EP06755899A priority patent/EP1891507A2/en
Publication of WO2006126055A2 publication Critical patent/WO2006126055A2/en
Publication of WO2006126055A3 publication Critical patent/WO2006126055A3/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04806Zoom, i.e. interaction techniques or interactors for controlling the zooming operation

Definitions

  • the present invention generally relates to portable electronic equipment, and more particularly to a pocket computer having a graphical user interface.
  • the invention also relates to various methods of operating the user interface .
  • Pocket computers with graphical user interfaces have become increasingly popular in recent years.
  • a pocket computer is a personal digital assistant (PDA) , which may be embodied in various different forms.
  • Some pocket computers resemble laptop personal computers but in a miniaturized scale, i.e. they comprise a graphical display and a small hardware keyboard.
  • the graphical display is typically touch- sensitive and may be operated by way of a pointing tool such as a stylus, pen or a user's finger.
  • Other pocket computers rely more heavily on a touch-sensitive display as the main input device and have thus dispensed with a hardware keyboard.
  • Some of these pocket computers are in fact mobile terminals, i.e. in addition to providing typical pocket computer services such as calendar, word processing and games, they may also be used in con- junction with a mobile telecommunications system for services like voice calls, fax transmissions, electronic messaging, Internet browsing, etc.
  • a traditional way to solve this problem is to provide horizontal and vertical scrollbars, allowing a user to move the displayed content among the available content either by using scroll buttons on the scrollbar, or by moving the scroll indicator which indicates where the displayed content is located in the available content.
  • On computers with a full size keyboard it is also possible to move a cursor through the content with dedicated direction keys such as up, down, left, right, page up and page down, also resulting in content displayed on the display being shifted, or scrolled-
  • panning a method which for example is used in Adobe Acrobat Reader® 7.0. This works in a similar way to .when a user moves a paper with his/her hand on a desk in 'front of him/her. The user simply Mrags' the content by depressing a mouse button and moving the mouse while the mouse button is still depressed, and releasing the mouse button when the content is in the desired ' position.
  • Another function which is useful in computers is selecting data, for example text. Once the text is selected, the user may for example copy this text to a buffer which may be pasted into the same or another document- A manner known in the art to perform data selection is to Mrag' over the text to be selected by depressing a mouse button, moving the mouse while pressing the mouse button over the text to be selected, and releasing the mouse button once the desired text is selected.
  • the first option is a combined discontinuous and continuous multiple selection. This works as follows: A user may perform single selections by tapping a list item. If the user wants to perform discontinuous multiple selection, the user may press down a certain hardware button and tap any of the list items, which then either become selected or unselected according to their initial state. If the user wants to perform continuous multiple selection, the user may do so by pressing the stylus down on the display and dragging over the desired items, which then change their state to be selected if the state is initially unselected, or unselected if the state is initially selected. This method enables the user to perform drag and drop operations, but the user has to be very careful not to release the depressed hardware button during operation.
  • the other option is continuous multiple selection only. This works as follows: A user may perform single selections by tapping a list item. If the user wants to perform continuous multiple selection, the user may do so by pressing the stylus down on the display and dragging over the desired items, which then change their state to either selected or unselected according to their initial state. Discontinuous multiple selection is not possible with this method. This method disallows the user to perform drag and drop operations, as all dragging interactions with the list are interpreted as selections. Consequently there is a need for an invention that allows a user to select both single list items and discontinuous list items in a convenient and efficient manner.
  • window overlapping is not as great a problem, as available display space is large, and a mouse can easily be used to drag windows to another available area of the display.
  • the windowing system is designed so that dialog windows can not be dragged nor hidden. This makes some important use cases (e.g. checking a telephone number from an underlying application view to input it in the active window) impossible to perform.
  • the problem with window overlapping is solved by enabling the user to drag dialog windows around the display and then return them to the center of the display automatically when the stylus was lifted. This approach works as such, but it has two major disadvantages. Firstly, the movement of the dialog affects performance adversely. Secondly, if the dialog is very large, i.e. occupies most of the visible display area, dragging the window can be inconvenient for the user, as he/she may have to drag the window across a large part of the whole display.
  • the user may drag dialog windows freely with a stylus. This may result in a situation where the user drags the dialog outside the visible display area, which instantly prevents any further interaction with the dialog. Thus the user can not close the dialog and may have to restart the application, which may result in a data loss.
  • window-based graphical user interfaces such as Microsoft Windows or Mac OS X
  • viewable content e.g. text document or WWW page
  • scrollbars at one or more sides of the visible screen window, from which the user can scroll the content.
  • the conventional interaction required for scrolling content i.e. press stylus down on the scroll bar and drag horizontally or vertically, is very tiring for the hand, as the scroll bars may be positioned anywhere on the display, providing no physical support to alleviate scrolling.
  • the scroll bars are typically quite small (thin) and may therefore be difficult t ⁇ hit with a stylus - particularly if the handheld device is used in a moving environment.
  • window-based graphical user interfaces for desktop computers such as Microsoft Windows or Macintosh OS X
  • Microsoft Windows or Macintosh OS X there is often a basic need for the user to switch between running applications.
  • the same basic need is present in hand-held devices that have windowed graphical user interfaces.
  • windows can be scaled and moved with a mouse, so that underlying windows can be seen behind the current window.
  • Desktop environments also have other ways for showing running applications and switching between them.
  • Macintosh OS X Dock are two common examples. Yet another common way is to provide an application list that may be shown in the middle of the display. The list is shown when the user presses a key combination (Alt + Tab for Windows and Linux, Cmd + Tab for Macintosh) .
  • the Windows CE hand-held operating system has a Task bar similar to desktop Windows.
  • an application When an application is launched, its icon (and title) is shown in the Task bar. If another application, is launched, its icon is shown next to the previous one. ⁇ f the user wants to switch to the first application, he can tap its icon in the Task bar.
  • a problem with the prior art in this respect is how to efficiently and intuitively switch between running applications on a hand-held device such as a pocket computer.
  • an objective of the invention is to solve or at least reduce the above-identified and other problems and shortcomings with the prior art, and to provide improvements to a pocket computer.
  • a first inventive aspect is a method of operating a user interface in a pocket computer, the pocket computer being adapted for execution of different software appli- cations, each application having a number of functions, each function when invoked providing a certain functiona l lity to a user of the pocket computer, the method involving: providing, on a display of said pocket computer, a number of selectable user interface elements, each user interface element representing a certain use aspect of said pocket computer, said certain use aspect being associated with certain functions of certain applications; detecting selection by said user of a particular element among said user interface elements; for the selected particular element, presenting on said display a number of selectable and task-oriented options, each such option being associated with a certain function of a certain application; detecting selection by said user of a particular option among said options,- and invoking the function associated with said particular option.
  • Said display may be touch-sensitive f wherein said selections are done by the user by pointing at the touch- sensitive display.
  • Said selectable user interface elements are icons located at static positions on said display.
  • the task-oriented options may be presented as menu items in a menu.
  • a first use aspect of said pocket computer may be information browsing, and a second use aspect of said pocket computer may be electronic messaging.
  • Another expression of the first inventive aspect is a pocket computer having a user interface which includes a display and being adapted for execution of different software applications, each application having a number of functions, each function when invoked providing a certain functionality to a user of the pocket computer, the pocket computer being adapted to perform the method according to the first inventive aspect.
  • a second inventive aspect is a method for accepting input to select data items displayed on a touch sensitive display of a pocket computer further comprising a writing tool, comprising the steps of: detecting a first tap of said writing tool in a first position at a first point in time, determining that selection of data is to be commenced by detecting a second tap of said writing tool in a position less than a threshold distance from said first position within a predetermined time from said first point in time, and if it is determined that selection of data is to be commenced, upon detecting movement of said writing tool to a second position, selecting data items between said first position and said second position.
  • Said data items may represent a subset of available content, wherein if it is not determined that selection of data is to be commenced, said method may comprise the further steps of: determining that panning is to be commenced by detecting that said writing tool has moved after said first tap of said writing tool, and if it is determined that panning is to be commenced, detecting a second position of said writing tool, and performing a panning operation among said available content to display data items at a position offset by a difference between said first position and said second position- Said content and data items may belong to a web browser application executing in said pocket computer.
  • Another expression of the second inventive aspect is a pocket computer adapted to perform the method according to the second inventive aspect.
  • Still another expression of the second inventive aspect is a method for accepting input to pan content and to select data items, displayed on a touch sensitive display of a pocket computer further comprising a writing tool, said data items representing a subset of available content, the method comprising the steps of; detecting a first tap of said writing tool in a first position at a first point in time, determining that panning is to be commenced by detecting a second tap of said writing tool in a position less than a threshold distance from said first position within a predetermined time from said first point in time, if it is determined that panning is to be commenced, detecting a second position of said writing tool, and performing a panning operation among said available content to display data items at a position offset by a difference between said first position and said second position, if it is not determined that panning is to be commenced, determining that selection of data is to be commenced by detecting that said writing tool has moved after said first tap of said writing tool, and if it is determined that selection of data is to be commenced, upon
  • a third inventive aspect is a pocket computer comprising a zoom in button, a zoom out button and an input writing tool, being capable of displaying content on a display, wherein displayed content is a subset of available content, wherein said computer is capable of zooming in on displayed content on said display in response to a depression of said zoom in button, said computer being capable of zooming out on displayed content on said display in response to a depression of said ZOOT ⁇ out button, and said computer being capable of panning available content on said display in response to a tap of said writing tool in a first position on said display, a move of said writing tool and a lift of said writing tool in a second position on said display.
  • a fourth inventive aspect is a method for navigating through hyperlinks shown on a display of a pocket computer, comprising the steps of: receiving an input to shift focus to a subsequent hyperlink, determining what hyperlink is subsequent solely based on the geometrical position of said hyperlinks displayed on said display, and shifting focus to said hyperlink determined to be subsequent.
  • Said subsequent hyperlink may be a hyperlink before or after any hyperlink currently in focus.
  • Another expression of the fourth inventive aspect is a pocket computer adapted to perform the method according to the fourth inventive aspect.
  • a fifth inventive aspect is a method for changing a zoom factor of content shown on a display of a pocket computer, comprising the steps of: receiving input to display a menu relative to a target position on said display, displaying said menu, comprising at least one menu item for changing said zoom factor, receiving input to change said zoom factor by detecting a menu item with new zoom factor being selected, and rendering said content with said new zoom factor, centered around said target position.
  • Said display may be a touch sensitive display, and said input to display a menu may be a depression on said touch sensitive display during a time period longer than a predetermined threshold value, or a double tap on said touch sensitive display- Said content may belong to a web browser application executing on said pocket computer.
  • Said menu may be a context sensitive menu.
  • Another expression of the fifth inventive aspect is a pocket computer adapted to perform the method according to the fifth inventive aspect.
  • a sixth inventive aspect is a method for browsing through previously visited web pages in a web browser application executing on a pocket computer comprising a display, the method comprising the steps of: rendering a first web page on said display, accepting a first input to change to a new zoom factor for said first web page, rendering; said first web page with said new zoom factor, accepting a second input to render a second web page, rendering a second web page with a zoom factor distinct from said new zoom factor for said first web page, accepting a third input to again render said first web page, and rendering said first web page with said new zoom factor.
  • Said third input may be an input to navigate back or forward through browser history.
  • a seventh ⁇ inventive aspect is a method for accepting input to select at least one liat item in a user interface element representing a list, said element being operable in a single selection mode or a multiple distinct selection mode, displayed on a touch sensitive display of a pocket computer further comprising a writing tool, said method comprising the steps of: determining if said element is operating in said single selection mode, determining if said element is operating in a multiple distinct selection mode, detecting a first tap of said writing tool in a first position,.
  • Said element may further be operable in a range selection mode, wherein said method may comprise the further steps, prior to said step of detecting said second tap, of: determining if said element is operating in said range selection mode, and if said element is determined to be operating in a range selection mode and said first list item is not equal to a second list item corresponding to said second position, selecting all list items from said first list item to said second list item.
  • a further : step, prior to said step of selecting said second list item, may involve: if said element is determined to be operating in said range selection mode, deselecting previously selected list items.
  • Optional steps may involve: detecting a third tap in a position corresponding to a selected list item, detecting 'a third lift in a position corresponding to a second user interface element, and if said element is determined to be operating in the single selection or the range selection mode, providing data representing selected list items to said second user interface element.
  • Optional s.teps may involve: if said element is determined to be operating in a multiple distinct selection mode, rendering a selection indicator adjacent to each selected list item.
  • Said selection indicator may be a check mark.
  • Optional steps may involve: if said element is determined to be operating in the multiple distinct selection mode, detecting a third tap and a third lift of said writing tool in a position corresponding to a previously selected list item, and deselecting said previously selected list item.
  • An eighth inventive aspect is a method to temporarily hide a window, comprising a head area, displayed in a location on a touch sensitive display of a pocket computer further comprising a writing tool, said method comprising the steps of: detecting a tap of said writing tool in a position corresponding to said head area of said window, hiding contents of said window, thereby exposing any content previously covered by said window, detecting a lift of said writing tool, and re-drawing the content of said window in said location.
  • a further step, after said step of hiding, may involve : drawing a box outline indicating said location of said window.
  • Said window may be a dialog.
  • a ninth inventive aspect is a method for scrolling content in a window displayed on a touch sensitive display on a pocket computer, said display further displaying a remote scroll element, the method comprising the steps of: detecting a tap of a writing tool in a first position on said remote scroll element, based on said position of said tap, determining a direction to scroll content, based on said position of said tap, determining a distance to scroll content, and scrolling said content said distance in said direction to a new position.
  • Said remote scroll element may comprise a bitmap image.
  • an area on said touch sensitive display that underlies said remote scroll element may be used for presentation of information such as at least one non-selectable indicator.
  • Said window may comprise a scrollbar, having a scroll thumb, wherein a further step may involve: moving said scroll thumb to correspond to said new position of content.
  • Said remote scroll element may be located adjacent to said window, and/or along one edge of said display.
  • Said window may be located disjunctive from said remote scroll element.
  • a tenth inventive aspect is a method for scrolling content in a window displayed on a touch sensitive display of a pocket computer, said display further displaying a scrollbar comprising a scroll thumb movable in a trough, comprising the steps of: detecting a tap of a writing tool in a tapping position in said trough, scrolling said content, including updating a position of said scroll thumb in said trough accordingly by moving said scroll thumb in said trough, detecting a lift of said writing tool, and once lift of said writing tool is detected, stopping said scrolling of content, wherein, in said step of scrolling, said scrolling is allowed to continue such that said position of said scroll thumb moves past said tapping position in said trough.
  • Said step of scrolling said content may scroll content one page at a time- Said position may be distinct from said scroll thumb.
  • Another expression of the tenth inventive aspect is a pocket computer adapted to perform the method according to the tenth inventive aspect.
  • An eleventh inventive aspect is a graphical user interface for a pocket computer having a display and being adapted for execution of different software applications, the user interface including an application switcher panel capable of presenting a plurality of icons on said display, each icon being associated with a respective application executed on said pocket computer and being selectable by a user so as to cause activation of the associated application, wherein the icons have an order in the application switcher panel and wherein this order depends on an order in which the associated applications have been active in the past, specifically such that the icon associated with a most recently active application has a first position in the application switcher panel.
  • the graphical user interface may be further adapted, upon launching of a new application, to insert an icon associated with said new application at said first position in the application switcher panel while shifting the positions of existing icons in the application switcher panel by one position backwards .
  • only a predetermined maximum number of positions for icons may be allowed in said application switcher panel wherein, for an icon that has been shifted out from the application switcher panel, the application associated therewith may be activated through selection of a menu item in a menu on said display.
  • Another expression of the eleventh inventive aspect is a pocket computer having a graphical user interface as defined above.
  • a twelfth inventive aspect is a pocket computer having a display with a user interface and a controller, the controller being adapted for execution of different utility applications, each utility application providing certain nominal functionality to a user when executed as an active application in said user interface, the pocket computer having a home application adapted for simulta ⁇ neous provision on said display of a number of limited application views to respective ones among said utility applications, wherein each such limited application view enables the user to access a limited part of the nominal functionality of a respective utility application without executing this utility application as an active application.
  • a thirteenth inventive aspect is a pocket computer having an apparatus housing; a touch-sensitive display provided at a first side surface of said apparatus housing; at least one key for navigation among content shown on said display; and at least one key for performing zooming on content shown on said display, wherein one of said at least one key for navigation and said at least one key for performing zooming is located at said first side surface of said apparatus housing, whereas another one of said at least one key for navigation and said at least one key for performing zooming -is located at a second side surface of said apparatus housing, non-parallel to said first side surface, the location of said keys being such that both keys are within reach of a typical user's hand when holding the apparatus housing with one hand and without shifting grip.
  • a fourteenth inventive aspect of the invention is a method for displaying previously visited hypermedia pages in a hypermedia browser application executing on a mobile communication terminal comprising a display, the method comprising the steps of: rendering a first hypermedia page on said display, accepting a first input to modify rendering of said first hypermedia page according to a first new content display mode, rendering said first hypermedia page according to said first new content display mode, accepting a second input to render a second hypermedia page, rendering a second hypermedia page, accepting a third input to again render said first hypermedia page, and rendering said first hypermedia page according to said first new content display mode.
  • This provides a method where user modifications to content display modes are saved, reducing the need to re- modify the content display of a page when re-visiting the page.
  • Said content display mode may include a zoom factor.
  • Said content display mode may further include a frame display mode.
  • Said content display mode may yet further include a mode when a text of said first hypermedia page is selected.
  • Said content display mode may yet further include a page layout mode. Saving each of, or a combination of, these specific content modes with page history provides a better browsing experience for the user .
  • Said step of rendering a second hypermedia page may involve rendering said second hypermedia page according to said first new content display mode.
  • this allows any content mode modification made by the user to be the default when navigating to other pages.
  • the method may include the further steps, after said step of rendering a second hypermedia page, and before said step of accepting a third input, of: accepting a fourth input to modify rendering of said second hypermedia page according to a second new content display mode, and rendering said second hypermedia page according to said second new content display mode.
  • Said third input may be an input to navigate back through browser history.
  • Said third input may be an input to navigate forward through browser history.
  • Said hypermedia pages may represent at least one type of content selected from the group consisting of: html content, witil content, sgml content and xml content.
  • a second expression of the fourteenth aspect of the invention is a mobile communication terminal capable of executing a hypermedia browser application, said hypermedia browser application rendering hypermedia pages on a display of said mobile communication terminal, said mobile communication terminal comprising: means for rendering a first hypermedia page on said display, means for accepting a first input to modify rendering of said first hypermedia page according to a first new content display mode, means for' rendering said first hypermedia page according to said first new content display mode, means accepting a second input to render a second hypermedia page, means for rendering a second hypermedia page, means for accepting a third input to again render said first hypermedia page, and means for rendering said first hypermedia page according to said first new content display mode.
  • This provides a mobile communication terminal where user modifications to content display modes are saved, reducing the need to re-modify the content display of a page when re-visiting the page.
  • a third expression of the fourteenth aspect of the invention is a computer program product, directly loadable into a memory of a digital computer, comprising software code portions for performing a method according to the first expression of the fourteenth aspect of the invention.
  • This provides a computer program product where user modifications to content display modes are saved, reducing the need to re-modify the content display of a page when re-visiting the page.
  • Said first and second hypermedia pages are preferably, but not necessarily, web (www) pages and/or wap pages, i.e. digital content expressed in a html or wml language suitable for browsing in a web and/or wap browser.
  • Other markup languages may also be used to represent the digital content, such as sgml, xml or any other suitable markup language.
  • page denotes digital content, at least a part of which is presentable on a display to be viewed by a user.
  • a "writing tool" is an object used for providing input on a touch-sensitive display, not only in the form of writing (e.g.
  • a "writing tool” may be a stylus, pen, a user's finger or any other physical object suitable for interaction with the touch-sensitive display.
  • a fifteenth aspect of the invention is a portable electronic apparatus comprising: an apparatus housing; a touch-sensitive display provided on a first side surface of the apparatus housing, for use with an input writing tool; a zoom-in key provided on a second side surface, the second side surface being non-parallel to the first side surface; a zoom-out key provided on the second side surface; and a controller, wherein: the portable electronic apparatus is capable of displaying content on the touch-sensitive display, wherein displayed content is a subset of available content; the controller is configured to zoom in on displayed content on the touch- sensitive display in response to an actuation of the zoom-in key; the controller is configured to zoom out on displayed content on the touch-sensitive display in response to an actuation of the zooiu-out key; and the controller is configured to pan available content on the touch-sensitive display in response to a combination of a tap of the writing tool in a first position on the touch- sensitive display and a move of the writing tool to a second position on the touch-sensitive display.
  • the available content may be related to a web browser application of the portable electronic apparatus.
  • the portable electronic apparatus may be a pocket computer.
  • the portable electronic apparatus may be a device selected from the group comprising a mobile communication terminal, a portable gaming device and a personal digital assistant.
  • a second expression of the fifteenth aspect of the invention is a user interface method of a portable electronic apparatus comprising an apparatus housing, a controller, a touch-sensitive display provided on a first aide surface of the apparatus housing for use with an input writing tool, a zoom-in key provided on a second side surface, the second side surface being non-parallel to the first side surface, a zoom-out key provided on the second side surface, the controller being capable of displaying content on the touch-sensitive display, wherein displayed content is a subset of available content, the method comprising: zooming in, in response to an actuation of the zoom-in key, on displayed content on the touch-sensitive display, zooming out, in response to an actuation of the zoom-out key, on displayed content on the touch-sensitive display, and panning, in response to a combination of a tap of the writing tool in a first position on the touch-sensitive
  • a third expression of the fifteenth aspect of the invention is a computer program product directly loadable into a memory of a portable electronic apparatus, the computer program product comprising software code portions for performing the method according to the second expression of the fifteenth aspect.
  • a sixteenth aspect of the invention is a portable electronic apparatus comprising: an apparatus housing; a touch-sensitive display provided on a first side surface of the apparatus housing; a first input device arranged to be actuated with a first digit of a hand of a typical user; a second input device arranged to be actuated with a second digit of the hand of the typical user, allowing the typical user to operate at least the first input device and the second input device without change of grip; and a controller coupled to the touch-sensitive display, the first input device and second input device, the controller being capable of displaying content on the touch-sensitive display; wherein the controller is configured to affect the display of content on the touch- sensitive display in a first manner when the first input is actuated and to affect the display of content on the touch-sensitive display in
  • the controller may be configured to move the content on the touch-sensitive display when the first input device is actuated, and to change the zoom fsrctor of the content when the second input device is actuated.
  • the first input device and the second input device may be arranged to allow the portable electronic apparatus to be held by the hand of the typical user.
  • the first input device may be a key located on the first side surface of the apparatus housing, and the second input device may be located on a second side surface of the apparatus housing, non-parallel to the first side surface.
  • the first input device may be arranged to be actuated with a thumb of the hand of the typical user, the first input device being located at least a threshold distance from an edge of the first side, the edge being an edge of the first side being closest to where the thumb is connected to the rest of the hand.
  • the second side surface may be essentially perpendicular to the first side surface.
  • the controller may be configured to affect the display of content on the touch-sensitive display in a third manner when a writing tool is detected on the touch-sensitive display.
  • the third manner may be selected from the group comprising panning, selecting text, and actuating a user interface element to display new content.
  • the portable electronic apparatus may be a pocket computer .
  • the portable electronic apparatus may be selected from the group comprising a mobile communication terminal, a portable gaming device and a personal digital assistant .
  • a second expression of the sixteenth aspect of the invention is a user interface method of a portable electronic apparatus, the portable electronic apparatus comprising an apparatus housing and a touch-sensitive display provided on a first side surface of the apparatus housing, the method comprising: receiving a first input detected by a first input device, when the first input device is actuated by a first digit of a hand of a user; as a response to the first input, affecting how, in a first manner, content is displayed on the touch-sensitive display; receiving a second input detected by a second input device, when the second input device is actuated by a second digit of the hand of the user; and as a response to the second input, affecting how, in a second manner, content is displayed on the touch-sensitive display.
  • the receiving a first input and the receiving a second input may be performed without an intermediate change of grip of the hand by the user.
  • the first manner may be moving content
  • the second manner may be zooming content
  • the user interface method may furthermore comprise: receiving a third input detected by the touch-sensitive display, when the third input device is actuated by a writing tool by the user; as a response to the third input, affecting how, in a third manner, content is displayed on the touch-sensitive display.
  • the third manner may be selected from the group comprising panning, selecting text, and actuating a user interface element to display new content.
  • a third expression of the sixteenth aspect of the invention is a computer program product directly loadable into a memory of a portable electronic apparatus, the computer program product comprising software code portions for performing the method according to the second expression of the sixteenth aspect.
  • each of the methods of the inventive aspects referred to in this document may be performed by a corresponding computer program product, i.e. a computer program product directly loadable into a memory of a digital computer and comprising software code portions for performing the method in question,
  • a “pocket computer” is a small portable device with limited resources in terms of e.g. display size, data processing power and input means.
  • the pocket computer is a mobile terminal accessory particularly designed for electronic browsing and messaging.
  • Fig 1 is a perspective view of a pocket computer according to one embodiment, shown in a typical operating position in the hands of a user.
  • Figs 2 and 3 are different perspective views of the pocket computer of Fig 1 ,
  • Fig 4 illustrates a computer network environment in which the pocket computer of Figs 1-3 advantageously may be used for providing wireless access for the user to network resources and remote services.
  • Fig 5 is a schematic block diagram of the pocket computer according to the previous drawings .
  • Fig 6 is a front view of the pocket computer, demonstrating a typical display screen layout of its user interface.
  • Fig 7 illustrates a typical disposition of the display screen layout, including a home view- Figs 6-12 illustrate a task-oriented manner of operating the user interface as well as display screen layouts for certain typical applications executed in the pocket computer.
  • Figs 13-14 illustrate display screen layouts of a bookmark manager application.
  • Figs 15A and 15B illustrate how a user may pan content in an embodiment of an inventive aspect.
  • Figs 16A and 16B illustrate how a user may select text in an embodiment of an inventive aspect.
  • Figs 17A and 17B illustrate how a user may zoom in or out on text in an embodiment of an inventive aspect.
  • Fig 18 is a flow chart illustrating a method for allowing data selection in an embodiment of an inventive aspect.
  • Fig 19 is a flow chart illustrating a method for allowing both data selection and panning in an embodiment of an inventive aspect.
  • Fig 20 is a state diagram for an embodiment of an inventive aspect, allowing both data selection and panning.
  • Fig 21 illustrates a web browser showing content with hyperlinks.
  • Figs 22A and 22B illustrate an embodiment of an inventive aspect before and after a positioned zoom.
  • Fig 23 illustrate new content loaded in a web browser.
  • Fig 24 is a flow chart illustrating a method of an embodiment of a list element according to an inventive aspect.
  • Fig 25 is a flow chart illustrating drag and drop functionality in an embodiment of a list element according to an inventive aspect.
  • Figs 26A-C illustrate a list element in an embodiment of the in a context of other user interface elements .
  • Figs 27A and 27B illustrate how a window hiding method works in an embodiment of an inventive aspect
  • Figs 28A and 2BE illustrate a remote scroll element in embodiments of an inventive aspect.
  • Figs 29A, 29B, 29C and 29D illustrate different settings of a content display mode being a frame display mode and a page layout mode in an embodiment of the present invention.
  • Figs 3OA and 3OB show a display view of a hypermedia browser in the form of a web browser having rendered a first web page in two different content display modes, in this case being zoom factors.
  • Figs 3IA and 31B show a display view of the web browser having rendered a second web page in two different content display modes, being different in zoom factors and page layout mode.
  • Fig 32 shows an exemplary data table comprising history data according to an embodiment of the present invention .
  • the pocket computer 1 of the illustrated embodiment comprises an apparatus housing 2 and a large touch-sensitive display 3 provided at the surface of a front side 2t of the apparatus housing 2. Next to the display 3 a plurality of hardware keys 5a-d are provided, as well as a speaker 6.
  • key 5a is a five-way navigation key, i.e. a key which is depressible at four different peripheral positions to command navigation in respective orthogonal directions ("up”, “down”, “left”, “right") among information shown on the display 3, as well as depressible at a center position to command selection among information shown on the display 3.
  • Key 5b is a cancel key
  • key 5 ⁇ is a menu or options key
  • key 5d is a home key.
  • a second plurality of hardware keys 4a- c is provided at the surface of a first short side 2 U of the apparatus housing 2.
  • Key 4a is a power on/off key
  • key 4b is an increase/decrease key
  • key 4c is for toggling between full-screen and normal presentation on the display 3.
  • an earphone audio terminal 7a At the surface of a second short side 2i of the apparatus housing 2, opposite to said first short side 2u, there are provided an earphone audio terminal 7a, a mains power terminal 7b and a wire-based data interface 7c in the form of a serial USB port.
  • the display 3 will act both as a visual output device 52 and as an input device 53, both of which are included in a user interface 51 to a user 9 (see Fig 5) .
  • the user 9 may operate the pocket computer 1 by pointing/tapping/dragging with a stylus 9c, held in one hand 9a, on the surface of the touch-sensitive display 3 and/or by actuating any of the hardware keys 4a-c, 5a-d (which also are included' as input devices in the user interface 51) with the thumb and index finger of the other hand 9b.
  • some keys 5a-d are arranged essentially parallel to the touch-sensitive display 3, to be easily reached by a thumb as can be seen in Fig 1.
  • the thumb also acts as a support, allowing the user to hold the pocket computer easily in one hand 9b.
  • the keys 5a-d can be arranged such that the user can place the thumb somewhere in the vicinity of keys 5a- d for support. Having the thumb on the front side 2 f contributes to stability while holding the pocket computer in one hand 9b. Meanwhile, some keys 4a-c are arranged on the first short side 2 u , to be easily reached by an index finger as can be seen in Fig 1.
  • the hardware keys are arranged to be actuated by fingers on the hand of the user that holds the pocket computer 1, while the other hand can be used to operate the stylus 9c on the touch-sensitive display 3.
  • the hardware keys 4a-c, 5a-d that are reachable from one hand 9b, are sufficient for the user to perform all typical activities.
  • the navigation key 5a allows the user to move through the page
  • the zoom button 4b allows the user to change the 200m factor.
  • the functionality of the other keys 4a, 4c, 5b-d are described in more detail elsewhere in this document. while this arrangement of keys to simplify usage is described in an embodiment of a pocket computer, it can equally well be used in personal digital assistants (PDAs) , mobile terminals, portable gaming devices, or any suitable portable electronic apparatus with a touch screen .
  • PDAs personal digital assistants
  • the pocket computer 1 also has a controller 50 with associated memory 54.
  • the controller is responsible for the overall operation of the pocket computer 1 and may be implemented by any commercially available CPU (Central Processing Unit), DSP (Digital Signal Processor) or any other electronic programmable logic device.
  • the associated memory may be internal and/or external to the controller 50 and may be RAM memory, ROM memory, EEPROM memory, flash memory, hard disk, or any combination thereof.
  • the memory 54 is used for various purposes by the controller 50, one of them being for storing data and program instructions for various pieces of software in the pocket computer 1.
  • the software may include a realtime operating system, drivers e.g. for the user inter- face 51, as well as various applications 57,
  • Non-limiting examples of applications are an Internet/WWW/W ⁇ P browser application, a contacts application, a messaging application (email, SMS, MMS), a calendar application, an organizer application, a video game application, a calculator application, a voice memo application, an alarm clock application, a word processing application, a spreadsheet application, a code memory application, a music player application, a media streaming application, and a control panel application.
  • GUI graphical user interface
  • Text input to the pocket computer 1 may be performed in different ways .
  • One way is to use a virtual keyboard presented on the display. By tapping with the stylus 9c on individual buttons or keys of the virtual keyboard, the user 9 may input successive characters which aggregate to a text input shown in a text input field on the display.
  • Another way to input text is by performing handwriting on the touch-sensitive using the stylus 9c and involving handwriting recognition. Word prediction/- completion functionality may be provided.
  • the pocket computer 1 has a rechargeable battery, ⁇
  • the pocket computer also has at least one interface 55 for wireless access to network resources on at least one digital network. More detailed examples of this are given in Pig 4.
  • the pocket computer 1 may connect to a data communications network 32 by establishing a wireless link via a network access point 30, such as a WLAN (Wireless Local Area Network) router.
  • the data com- muni ⁇ ations network 32 may be a wide area network (WAN) , such as Internet or some part thereof, a local area network (LAN), etc.
  • WAN wide area network
  • LAN local area network
  • a plurality of network resources 40-44 may be connected to the data communications network 32 and are thus made available to the user 9 through the pocket computer 1.
  • the network resources may include servers 40 with associated contents 42 such as www data, wap data, ftp data, email data, audio data, video data, etc.
  • the network resources may also include other end-user devices 44, such as personal computers.
  • a second digital network 26 is shown in Fig 4 in the form of a mobile telecommunications network, compliant with any available mobile telecommunications standard such as GSM, UMTS, D-AMPS or CDMA2000.
  • the user 9 may access network resources 28 on the mobile telecommunications network 26 through the pocket computer 1 by establishing a wireless link 10b to a mobile terminal 20, which in turn has operative access to the mobile telecommunications network 26 over a wireless link 22 to a base station 24, as is well known per se.
  • the wireless links 10a, 10b may for instance be in compliance with BluetoothTM, MLAN (Wireless Local Area Network, e.g. as specified in IEEE 802.11), HomeRF or HIPERLAN.
  • the interface (s) 55 will con- tain all the necessary hardware and software required for establishing such links, as is readily realized by a man skilled in the art.
  • Fig 6 shows a front view of the pocket computer and indicates a typical display screen layout of its user interface.
  • the hardware keys 5a-d are shown at their actual location to the left of the display 3 on the front side surface 2 f of the apparatus housing 2, whereas, for clarity reasons, the hardware keys 4a-c are illustrated as being located above the display 3 on the front side surface 2 ⁇ even while they actually are located at aforesaid first short side surface 2 U (Fig 2) .
  • the display screen layout of the display 3 is divided into four main areas: a task navigator 60, a title area 70, a status indicator area 74 and an application area 30.
  • the application area 80 is used by a currently active application to present whatever information (content) is relevant and also to provide user interface controls such as click buttons, scrollable list, check boxes, radio buttons, hyper links, etc, which allow the user to interact with the currently active application by way of the stylus 9c.
  • a currently active application in the form of a web browser, uses the application area 80 in this manner is shown in Fig 9.
  • a name or other brief description of the currently active application e.g. the web browser
  • a current file or data item e.g. the current web page
  • the user may access an application menu 73 of the currently active application.
  • the status indicator area 74 contains a plurality of icons 76 that provide information about system events and status, typically not associated with any particular active application. As seen in Fig 7, the icons 76 may include a battery charge indicator, a display brightness control, a volume control as well as icons that pertain to the network interface (s) 55 and the ways in which the pocket computer connects to the network (s) 32, 26.
  • the task navigator 60, title area 70 and status indicator area 74 always remain on screen at their respective locations, unless full screen mode is commanded by depressing the hardware key 4 ⁇ , In such a case, the currently active application will use all of the display 3 in an expansion of the application area 80, and the areas 60, 70 and 74 will thus be hidden.
  • the task navigator 60- has an upper portion 62 and a lower portion 66.
  • the upper portion 62 contains icons 63- 65 which when selected will open a task-oriented, context-specific menu 90 to the right of the selected icon (see Fig 8, Fig 11) .
  • the context-specific menu 90 will contain, a plurality of task-oriented menu items 91, and the user may navigate among these menu items and select a desired one either by the navigation key 5a or by pointing at the display 3.
  • the menu 90 may be hier- archical .
  • the lower portion 66 represents an application switcher panel with respective icons 61 for each of a plurality of launched applications.
  • the topmost icon 63 is used for accessing tasks related to information browsing.
  • the available tasks are presented as menu items 91 in menu 90, as seen in Pig 8, More particularly, the user 9 may choose between opening a new browser window (Fig 9) , or managing bookmarks. Selecting of any of these menu items 91 will cause launching of the associated application (a browser application as seen in Fig 9 or a bookmark manager as seen in Figs 13-14) , or switching to such application if it is already included among the active ones, and also invocation of the appropriate functionality therein.
  • the menu 90 contains a set of direct links 92 to certain web pages, In the disclosed embodiment, this set includes bookmarks previously defined by the user 9, but in other embodiments it may include the most recently visited web sites.
  • the second icon 64 is used for accessing tasks related to electronic messaging, as is seen in Figs 11 and 12.
  • the ' icons 63 and 64 allow the user 9 to operate his pocket computer in a task-oriented manner.
  • the desired icon which represents a common use aspect, the user will be presented with a list of various tasks that can >be undertaken for that use aspect, instead of a conventional list of the available applications as such. This will make it easier to operate the pocket computer 1, since a typical user 9 is most often task-driven rather than application-driven.
  • a ' new email message is what the user needs, he may conveniently click on icon 64, as seen in Fig 11, and directly select the second menu item 93 shown in the task-oriented menu 90, whereupon the email messaging application will be automatically launched/switched to and the appropriate functionality will be invoked by presenting a create new email dialog 72, as seen in Fig 12.
  • Selection of the third icon 65 will cause presentation of a menu 190 with links to other tasks that are available, e.g the various ones among the applications 57 that are not related to information browsing or electronic messaging.
  • the ji ⁇ ons 63-65 represent use aspects that are likely to be frequently needed by the user 9, they remain static in the upper part 62 of the task navigator 60 and are thus constantly accessible.
  • the lower portion 66 of the task navigator 60 represents an application switcher panel with respective icons 67 for each of a plurality of launched applica- tions, i.e. running applications that are executed by the controller 50.
  • running applications i.e. running applications that are executed by the controller 50.
  • one will be active in the sense that it has control over the application areja 80 on the display 3.
  • the user 9 may conveniently use the application switcher panel 66 for switching to a desired application by tapping with the stylus 9c on the corresponding icon 67.
  • a help text preferably containing the application's title and a current file name, etc, if applicable, may conveniently be presented, on the display 3 next to the icon pointed at, so as to guide the user further, when the user lifts the stylus 9c, the application corres- ponding to the icon pointed at will be switched to.
  • the icons 67 in the application switcher panel 66 have a dynamic appearance; icons may change order, appear and disappear over time. More specifically, in the dis- closed embodiment a maximum of four different running applications will be represented by respective icons 67 in the application switcher panel 66. The order among the icons 67 is such that the 'icon for the most recently active application will be' shown at the topmost position, whereas the icon for the application that was active before the most recently active application will be shown immediately below, etc.
  • the one most recently active application represented by the topmost icon
  • the topmost icon will be the one that has current control over the application area 80. This is seen for instance in Fig 11 (the topmost icon being labeled 67a and containing- a browser symbol that represents the currently active web browser application) .
  • the topmost icon 67a is shown with a "de- pressed" appearance, again as seen in Fig 11.
  • the home application is the currently active one, as seen in Fig 6, none of the icons 67 represents the currently active Home application, and therefore no icon is shown depressed. As appears!
  • the vertical order of the application switcher icons' from top to bottom represents a historical order in which the four most recently used applications hajve been active, when a switch is done from a currently active application to another one, the order of the icons will be updated accordingly.
  • This is shown in Figs 11 and 12.
  • the web browser application is active and is thus represented by the topmost icon 67a.
  • the second icon 67b represents an audio player application that was actiye before the web browser application was launched, 'whereas the third and fourth icons 67c and 67d represent a file manager application and an image viewer application, respectively, that were active before that.
  • the messaging application becomes active and its icon takes the topmost position 67a, as seen in Fig 12,
  • the existing icons 67a- c of Fig 11 are shifted one vertical position downwards, so that the web browser icon (formerly at 67a) takes the second position at 67b, the audio player icon moves to the third position 67c, and the file manager icon goes to the lowermost position 67d.
  • the formerly shown image viewer icon disappears from the application switcher panel 66, but the image viewer application is still running.
  • an application switcher menu By tapping an application switcher menu button (or "more" button) 68, an application switcher menu will be presented in a popup window on the display 3.
  • This application switcher menu will contain menu items for all running applications, including the four most recent ones which are also represented by icons 67a-d in the application switcher panel 66, as well as those less recent applications the icons of which have been moved out from the application s'witcher panel 66 (such as the image viewer icon in the example described above) .
  • the user 9 By selecting any desired menu item in the application switcher menu, the user 9 will cause a switch to the corresponding application.
  • the application switcher menu may also include a menu item for the home application, as well as certain handy application control commands, such as "Close all applications.”.
  • the topmost icon 67a will be removed from the application switcher panel, 66, and the rest of the icons 67b-d will be shifted, one position upwards in the panel.
  • the application for the icon that now has become the topmost one will be switched to.
  • the user 9 may make a selection of content presented in the appli- cation area 80 for a first application, which is current- Iy active, and, drag the selected content to a desired one of the icons 67 in the application switcher panel 66. This will cause activation of an associated second application which will take control over the application area 80 and replace the first application as the currently active one. Then, the useii may proceed and drag the stylus to a desired input field of this second appli- cation in the application area 80, and finally lift the stylus 9c, wherein the selected content from the first application will be pasted into the second application.
  • the home application will be activated at start-up of the pocket computer 1.
  • the user 9 may always return to the home application by pressing the home key 5d on the front surface 2f of the apparatus housing 2.
  • Another way of invoking the home application is through the application switcher menu button 68, as has been described above.
  • the home application contains three application views 82, 83 and 84 on the display 3. Each .application view is a down- scaled version of the application view of another appli- cation 57.
  • application view 82 in Fig 7 represents a news application (e.g. Usenet news) and provides a limited view of this application by displaying the number of unread posts together with a few of the latest posts. Tapping on any of these latest posts will cause presentation of the contents of the post in question.
  • the user wants to access the complete functionality of the news application, he may switch to this application through e.g. the application switcher menu button 68 (as described above) , or the "Others" icon 65 in the upper part 62 of the task navigator 60.
  • tapping on a post in the application view 82 may directly cause launching (if not already running) of or switching to the news application.
  • the application view 83 represents an Internet radio application and gives a limited view of its functionality. By tapping on a "Manage” button therein, the user may invoke the actual Internet radio application to access its entire functionality.
  • the application view 84 represents a Clock application
  • the user may configure which application views to include in the home application,, and some particulars ⁇ f them.
  • the home application gives the user 9 a very convenient overlook view of certain applications that he probably likes to access frequently.
  • Part 510 is a storage hierarchy view, showing a current structure of folders 512 for bookmarks in the pocket computer 1.
  • the user 9 may select any of these fqlders by tapping on it with the stylus 9c, wherein the contents of this folder will open up into the second part 520, which lists all bookmarks 522 in the present folder 1512.
  • the user 9 may also create or delete such folders by 'tapping on a respective icon 532b, 532e in the third part 530.
  • bookmarks 522 By tapping on a desired bookmark 522 the web browser application will be invoked, and the web page defined by the bookmark in question will be visited. Moreover, by tapping in a check box 524 provided to the right of each bookmark 522, the user may select one or more of the bookmarks 522. For such selected bookmark (s) , further operations may be commanded by tapping on for instance an edit bookmark icon 532a, a delete bookmark icon 532e or a move bookmark icon 532c. If the move bookmark icon 532c is tapped on, a Move to folder dialog 540 will be shown, as is seen in Fig 14.
  • the' bookmark manager provides many ways for the user 9 ⁇ to manage his jsele ⁇ tion of bookmarks in a convenient manner.
  • Figs 15A and 15B illustrate how the user may pan content in an embodiment of an inventive aspect .
  • Content 302, or data, available for display is larger than what a display view 301 of the po'cket computer 1 can physically render.
  • the display view 301 shows a subset of the content 302 that can fit into the space defined by the display view 301.
  • Fig 15A to pan content, the user presses the stylus 9c in a first position 303 and, while holding the stylus 9c pressed, moves the stylus 9c to a second position 304, where the stylus 9c is lifted.
  • the stylus is moved to the left, the underlying available content is moved to the left, creating a resulting view 301 as can be seen in Fig 15B.
  • panning may be performed with a tap and drag.
  • Figs 16A and 16B illustrate how the user may select text m an embodiment of an inventive aspect.
  • content 302, or data available for display is larger than what the display view 301 of the pocket computer 1 can physically render.
  • the display view 301 shows part of the content 302 that can fit into the space defined by the display view
  • the user double-taps in a first position 305 and, while holding the stylus 9c pressed after the second tap, moves the stylus 9c to a second position 306, where the stylus 9c is lifted.
  • the user depresses the stylus 9c, lifts the stylus 9 ⁇ , depresses the stylus 9c a second
  • selection of data is performed with a double-tap and drag.
  • Figs 17A and 17B illustrate how the user may zoom in or out on text in an embodiment of an inventive aspect.
  • Fig 17A displays an initial state where the display view 301 displays content i being a subset of the available content 302. The user presses a 200m in button 4b, after which the display is updated to zoom in on the available content as is shown in Fig 17B. Due to the enlargement of displayed data 1 items, such as text, once 2oomed in, the display displays less content than before.
  • a zoom out button 4b the display is updated to zoom out on the available content such as is shown in Fig 17A. Consequently, more data items, such as 1 text, willlbe displayed once the display is zoomed out.
  • Any type of suitable user input can be used to zoom in and zoom out.
  • a jog dial can be used where jiwo directions of the jog dial correspond to zooming in or out, respectively.
  • a 4/5 way navigation key or a joystick can be used.
  • separate input t devices can be used for zooming in and out, such, as tihe zoom-in key and zoom-out key described above .
  • zooming functionality as explained above is particularly u;seful in conjunction with the panning functionality .described in conjunction with Fig 15 above.
  • This combination provides fan exceptionally efficient manner for the! user to navigate through content being larger than the physical display, which for example often is the case while using a web browser application. While this combination of zooming and panning is described in an embodiment of a pocket computer, it can equally well be used in personal digital assistants
  • PDAs mobile terminals
  • ⁇ .portable gaming devices or any suitable portable electronic apparatus with a touch- sensitive screen.
  • Fig 18 is. a flow chart illustrating a method for allowing data selection in an embodiment of an inventive aspect.
  • the method in this embodiment is implemented as software code instructions executing in the pocket computer 1.
  • the display view 301 shows a number of data items of available content 302, where the data items are for example text and/or images. However the display may show any data item representable on a display.
  • the pocket computer In a detect first tap step 331, the pocket computer
  • a conditional commence data selection step 332 it is determined whether data selection should be commenced. If a second tap of the stylus 9c is detected, which in conjunction withthe tap in the detect first tap step 331 makes; up a double tap, it is determined that data selection is to be commenced. However, the time difference between the first and the second tap must be less than a predetermined time. This predetermined time is preferably configurable by the user. Additionally, t second tap position must be in a position less than a threshold distance from said first position. This threshold relative distance, rather than requiring identical positions, is preferably used as it is rather likely that th'e second tap of an intended double tap by the user is in' fact not in the exact same position as the first tap.
  • execution of the method proceeds to a select data items corresponding to movement step 333.
  • any movement after the second tap, while the stylus 9c is still pressed, is detected, giving a current position of the stylus 9c It can then be deberitiined that all data items between the first tap position and the current position of the stylus 9 ⁇ are selected by the user.
  • This information is
  • Fig 19 is a flow chart illustrating a method for allowing both data selection and panning in an embodiment of an inventivei aspect.
  • the method in this embodiment is implemented as software code instructions executing m the pocket computer 1.
  • the display view 301 shows a number of data items of available content
  • the detect first tap , ,step 331, the commence data selection step, 332 and the select data items corresponding to movement step 333 are in the present embodiment identical to the embodiment shown in Fig 18.
  • commence data selection step 332 it is 'determined that data selection is not to be commenced
  • execution proceeds to a conditional commence panning step 334, in the commence panning step 334, it is determined whether panning is to be commenced. If it is detected that the stylus 9 ⁇ used in the detect first tap step 331 is still being pressed and has moved in position I. from a first position detected in the detect first tap step 331 , it is determined that panning is to be commenced. The movement relative to the first position may need to be more than a threshold distance to avoid unintentional panning.
  • commence panning step 334 If in the commence panning step 334 it is determined that panning is to be commenced, execution of the method proceeds to a pan content corresponding to movement step
  • the content in the display is moved according to the movement of the stylus 9c
  • the [.'underlying available content is moved to the left, such as can be seen in Fig 15A and 15B, where Fig 15A shows a display view 301 before the move of the stylus 9c to the left and Fig 15B shows a display view 301 after the stylus 9c is moved to the left.
  • Fig 15A shows a display view 301 before the move of the stylus 9c to the left
  • Fig 15B shows a display view 301 after the stylus 9c is moved to the left. This is :he classical way to perform panning.
  • the display rather than the content, is moved in the same direction as the stylus 9c movement, in an jalternative embodiment, the display view may move to tihe left if the stylus 9c is moved to the left.
  • This alternative type of behavior is more often referred to scrolling, rather than panning.
  • the computer transitions to the ready state 350.
  • the computer transitions to a selecting data state 354,
  • the computer Upon entering the selecting data state 354 the computer updates the display to indicate the data on the display between the first position and the current position as selected
  • the memory 54 is also updated to indicate what data items are currently selected. From the selecting data state 354, if the user performs a move action 375 with the stylus 9c, the computer reenters the selecting data state 354 with a new current position of the stylus 9c. On the other hand, from the selecting data state 354, if the user performs a lift action 376 with the stylus 9c, the computer transitions to the ready state 350, whi le retaining the current selected data items in the m ,mory 54 for further processing. Also, any indication on 'the display of the selection is retained.
  • the computer When the computer enters the panning state 355 after the user performs a move action 380 from the first tap state 351, the computer updates the display, moving the available content corresponding to the distance between the current position and the first position. Prom the panning state 355, if the user performs a move action 381 with the stylus 9c, the computer reenters the panning state 355 with a new current position. On the other hand, from the panning state 355, if the user performs a lift action 382 with the stylus 9c, the computer transitions to the ready state 350.
  • Fig 21 illustrates a web browser showing content with hyperlinks.
  • the web browser application executing in the pocket computer 1 renders a text on a display view 301 including a number of hyperlinks 310 - 313.
  • the web browser application will in stead display a new web page, referred to by the hyperlink.
  • buttons such as a right button and a left button of navigation key 5a, may be used to browse through available hyperlinks 310 - 313, with at most one hyperlink being selected at any one time, such as hyperlink 311.
  • a tab key on a computer keyboard is used to browse through the available hyperlinks.
  • a web page author may add information about relative the order of the hyperlinks using what is called tab order. This tab order is usually determined by the web page author in order to maximize usability when the web page is displayed on a full size computer display. Thus, when the web page is displayed on a display of the pocket computer, where the pixel resolution is often significantly less than on a full size computer, the original tab order may not be optimal.
  • the tab order indicated by the web author is ignored, Instead, the relative order of the hyperlinks is determined by the geometrical layout on the display.
  • hyperlink 310 has a tab order of 3
  • hyperlink 311 has a tab order of 2
  • hyperlink 312 has a tab order of 5
  • hyperlink 313 has a tab order of 4.
  • hyperlink 310 would be determined to be the subsequent hyperlink after hyperlink 311 as hyperlink 310 has the tab order of 3
  • the hyperlink 311 has the tab order o£ 2.
  • the subsequent hyperlink after hyperlink 311 would be determined as hyperlink 312.
  • This method works in two directions/ so if hyperlink 311 is selected and the user indicates a desire to select the subsequent hyperlink before hyperlink 311, hyperlink 310 would be selected.
  • Figs 22A and 22B illustrate an embodiment of an inventive aspect before and after a positioned zoom.
  • the display view 301 of the touch sensitive display 3 of the pocket computer 1 shows content with a zoom factor of 100%.
  • the content is a web page rendered by a web browser application executing in the pocket computer 1.
  • any application where the user may benefit from a zoom function could be executing.
  • the user has held the stylus 9c on the touch sensitive display 3 in a position 314 during a time period longer than a predetermined time, which has the effect of a context menu 315 showing.
  • the menu only shows different zoom factors, but any relevant menu items, such as navigation forward and backwards, properties, etc. may be presented in this menu.
  • the menu items may be organized in a hierarchical manner to provide a structured menu, in the case where there are more menu items available which may be grouped in logical subgroups .
  • the user selects to zoom to 200% by selecting menu item 316.
  • the application proceeds to re-render the same content but now with the new zoom factor, in this case 200%, as can be seen in Fig 22B.
  • the position relative to the content 314 in Fig 22A is now a center position in the content re-rendered by the web browser application.
  • Fig 23 illustrate new content loaded in a web browser.
  • Figs 22A and 22 ⁇ 3 can also be used in conjunction with Fig 23 to illustrate an embodiment of an inventive aspect where zoom factor information is retained. An example of such a method will now be disclosed.
  • the user may navigate to a first page containing content displayed in the display view 301 with an initial zoom factor of 100%.
  • the user may, for example, change the zoom factor to a new zoom factor of 200% for the first page, by using a context sensitive menu 315 as explained above.
  • the web browser re-renders the content with the new zoom factor of 200% for the first page as can be seen in Fig 22B.
  • the user may then navigate to a second page, using a link on the first page, by entering a uniform resource locator (URL), or by any other means.
  • a uniform resource locator URL
  • the second page is then rendered with an initial zoom factor of 100%.
  • Fig 24 is a flow chart illustrating a method of an embodiment of a list element according to an inventive aspect.
  • Fig 26A-C for an illustrative graphical representation of the list element.
  • the method provides the user with a user interface element representing a list, henceforth called a list element 420, having several ways in which its list items 421a-d may be selected.
  • the list element 420 is operable in three modes: a single selection mode, a multiple distinct selection mode and a range selection mode.
  • the flow chart illustrates the way in which selections may be made in the different list element modes.
  • the method in this example is executing in the pocket computer 1 with its touch sensitive display 3.
  • a first tap is detected from the stylus 9c being tapped on the touch sensitive display in a first position.
  • a select first list item step 402 a first list item corresponding to the first position is selected in the list element 420. The selection may for example be indicated on the display by changing the background color of the selected item and/or rendering a border around the selected item. Additionally, information about the selected item is stored in memory 54 to be available for later processing.
  • a first lift of the stylus 9c is detected in a second position.
  • This second position may be the same or different from the first position detected in the detect first tap step 401 above. In other words, the user may have moved the stylus 9c between the first tap and the first lift.
  • a conditional range selection mode & different positions step 404 it is firstly determined if the list element 420 is configured to be in a range selection mode. Secondly, it is determined which first list item corresponds to the first position, when the tap was detected, and which second list item corresponds to the second position, when the lift was detected. If the first list item and the second list item are the same, and the list element 420 is determined to be in a range selection mode, this conditional step is affirmative and execution proceeds to a select list items between first tap and first lift step 405. Otherwise, execution proceeds to a detect second tap step 406. In the ' select list items between first tap and first lift step 405, all items between the first list item and the second list item are selected. Preferably, the first and the second list items are also selected. What this entails for the user, is that upon dragging over several list items, all of these are selected, provided that the list element 420 is in range selection mode.
  • a second tap is detected in a position on the touch sensitive display.
  • a conditional single selection/range mode step 407 it is determined if the list element 420 is in a single selection or range mode, If this is affirmative, execution proceeds to a deselect any previously selected list items step 408. Otherwise execution proceeds to a select second list item step 409.
  • any previously selected list items are deselected.
  • a list item corresponding to the position detected in the detect second tap step 406 above is selected. Due to the effect of the deselect any selected list item step 408 above, multiple distinct selections are only possible if the list element 420 is in a multiple distinct selection mode .
  • Fig 25 is a flow chart illustrating drag and drop functionality in an embodiment of a list element according to an inventive aspect. The figure illustrates how a selection made in a list element 420 may be dragged and dropped to another user interface element. In a detect selection step 410, a selection of one or more list elements 420 is detected. The details of how the selection may be made are disclosed in conjunction with Fig 24 above.
  • a tap is detected on the touch sensitive display.
  • the position of this tap corresponds to a list item that is currently selected, as a result of the detect selection step 410 above.
  • a lift of the stylus 9c is detected in a position corresponding to a second user interface element. This corresponds to the behavior called drag and drop, which is well known per se in the art.
  • conditional range selection/single selection mode step 413 it is determined if the list element 420 is in a range selection or a single selection mode. If this is affirmative, execution proceeds to a provide selection data to second element step 414. Otherwise, execution of this method ends .
  • step 414 data corresponding to the list item or list items that are currently selected is provided to the second user interface element. If, for example, the second user interface element is a text area 426, the text data corresponding to the list item/items that are selected, may added to the text field.
  • Figs 26A-C illustrate the list element in an embodiment of the in the context of other user interface elements, where the list element 420 is in a single selection mode, multiple distinct selection mode and a range selection mode, respectively.
  • Fig 26A where the list element 420 is in a single selection mode, will be explained.
  • the list element 420 has four list items 421a-d.
  • a text area 426 is also displayed.
  • the user presses the stylus 9 ⁇ in a position 423, corresponding to a specific liat item. 42Ib 7 activating a selection of the list element 421b.
  • the user presses the stylus Sc in a position 424, activating a selection of a second list item 421d.
  • the first list item 421b is deselected.
  • the user performs a drag and drop operation/ by tapping the stylus 9c in a position corresponding to the second list item 42ld and, while holding the stylus 9c pressed, moving the stylus 9c to a position 427 in the text area 426 and lifting the stylus 9c.
  • a drag and drop operation / by tapping the stylus 9c in a position corresponding to the second list item 42ld and, while holding the stylus 9c pressed, moving the stylus 9c to a position 427 in the text area 426 and lifting the stylus 9c.
  • this is a single selection list element 420, drag and drop is possible, and information about the selected list item 421d in the list element 420 is provided to the text area 426, whereby the text corresponding to the selected list item 421d may be added to the text area 426 «
  • the text area 426 may be of the same application of the list element 420 or a totally separate application 57.
  • Fig 26C where the list element 420 is in a range selection mode, will be explained.
  • the user presses the stylus 9c in a position 423, corresponding to a specific list item 421b, activating a selection of the list element 421b. While still keeping the stylus 9c pressed, the user then moves the stylus 9c to a position and lifts the stylus 9c. This dragging selects list items 421b to 421d.
  • the user then performs a drag and drop operation, by tapping the stylus 9c in a position 424 corresponding to the second list item 421d and, while holding the stylus 9c pressed, moving the stylus 9c to a position 427 in the text area 426 and lifting the stylus 9c.
  • Figs 27A and 27B illustrate how a window hiding method works in an embodiment of an inventive aspect.
  • FIG. 27A on the pocket computer 1, there is the touch sensitive display 3, showing a display view 301.
  • a window 450 is displayed on a layer in front of any other windows currently displayed.
  • the window may be a full window, or a dialog, such as is shown here.
  • the window comprises a head area 451.
  • the user taps the stylus 9c in a position 452 on the touch sensitive display 3, corresponding to the head area 451 of the window 450.
  • the window 450 and its contents are hidden, as can be seen in Fig 27B, thereby exposing any content previously covered by the window 450.
  • a box outline 453 is displayed, showing the location of the hidden window.
  • Fig 28A is a diagram illustrating a remote scrolling element 463 in an embodiment of an inventive aspect.
  • the pocket computer comprises the display 3 with a visible area 460.
  • a web browser 461 currently uses all available space of the view 461 available to an application, leaving space for a remote scroll element 463.
  • the web browser has a vertical scrollbar 462 comprising a scroll thumb 464. As the scrollbar 462 is vertical, the remote scroll element 463 is also vertical. If the scrollbar 462 would have been horizontal, the remote scroll element 463 would have been placed along the bottom of the display 460, assuming a predominately horizontal shape. If the user presses the stylus 9c in a position on the remote scroll element 463, the application responds in the same way as if the user would have pressed on the scrollbar
  • Fig 28B is a diagram illustrating a disjunctive remote scrolling element 463 in an embodiment of an inventive aspect.
  • the pocket computer 1 comprises the display 3 with a visible area 460,
  • the web browser 461, comprising a scrollbar 462, is not occupying all available space of the view 461, and is only partly covering another application 468.
  • the remote scroll element 463 is here located along the right side of the screen, not in direct contact with the web browser 461. Still, if the user presses the stylus 9c in a position on the remote scroll element 463, the application responds in the same way as if the user would have pressed on the scrollbar 462 with a same vertical co-ordinate.
  • the remote scroll element 463 is located along the right side of the view 460 for convenience, and may be used for the currently active application,, regardless of the position of the application on the view 460.
  • the location of the remote scroll element 463 is visually indicated by e.g. including a bitmap image in the remote scroll element 463.
  • the remote scroll element 463 is partly or fully transparent, wherein the area on the display that underlies the remote scroll element 463 may be used for presentation of information such as non-selectable indicators (for instance a battery charge indicator or other status indicator) .
  • Fig 28A may also be used to explain another inventive aspect related to the scrollbar, wherein the scrollbar further comprises an upper part of a trough 467a and a lower part of the trough 467b.
  • the scrollbar further comprises an upper part of a trough 467a and a lower part of the trough 467b.
  • the content starts scrolling.
  • the content continues to scroll, until either the end of the content is reached or the user lifts the stylus 9 ⁇ .
  • the content may continue to a position past the position where the user tapped the stylus. This makes the exact position of the stylus less important when scrolling, thereby significantly simplifying the scrolling procedure when the user is in a moving environment, such as a bus or train or while the user is walking.
  • the scrolling is made up of scrolling steps, where each step scrolls one page of content. Preferably there is a pause after the first step of scrolling, allowing the user to stop the scrolling after the first page of scrolling.
  • Hypermedia pages are represented by web pages.
  • a zoom factor, a page layout mode or a frame display mode may be required to be adjusted for the user to be able to customize how content is shown in the display.
  • Page layout mode is when the user is given an option to either have a normal view or an optimized view. In the normal view, page content is displayed potenbially with content to the right of the display view. In the optimized view, the content is rearranged horizontally, such that no content is present outside the display view horizontally.
  • Figs 29A, 29B, 29C and 29D illustrate different settings of a content display mode being a frame display mode and a page layout mode in an embodiment of the present invention.
  • the frame display mode is in merged frames mode, frames are combined to a single frame as can be seen in Figs 29C and 29D
  • the page layout mode is set to be optimized, text in a frame is adjusted horizontally such that it fits into the visible portion of the frame.
  • the page layout mode is set to be optimized in Figs 29B and 29D.
  • Figs 29A, 29B, 29C and 29D will now be described in more detail.
  • the browser has optimized view disabled and merge frames disabled- A content page being displayed with a first frame 571 on the left of the display view 561, and a second frame 572 on the right.
  • the author of the web page has in this example indicated in the content page code, such as HTML, that the first frame 571 is to be displayed to the left and the second frame 572 is to be displayed to the right.
  • this first display mode takes into account the content page author's instructions about how the frames 571 and 572 should be displayed.
  • Frames 571 and 572 have vertical scroll bars 581 and 582, respectively, and horizontal scroll bars 583 and 584, respectively.
  • the frame of the frames 571 and 572 which is currently active will have its content scrolled. Only one frame can be active at any one point in time / resulting in an unpredictable behavior if the user scrolls the content without knowing for certain which frame is active.
  • Fig 29B the browser has optimized view enabled and merge frames disabled.
  • FIG 29A there is no content to the right of the display view 561, The content has been rearranged horizontally to fit within the physical boundaries of the right-hand frame 572.
  • this frame display mode has the advantage of only providing the user with one frame of scrollable content, which may be a preferable way for the user to navigate through the content. This is particularly useful in mobile communication terminals having limited user interfaces.
  • the user may in this frame display mode use the navigation key 5a to unambiguously scroll all of the content currently shown on the display view 561.
  • content may, as is the case here, exist to the right of the display view 561.
  • the frame 573 then has one vertical scroll bar 582 and one horizontal scroll bar 584.
  • the browser has optimized view enabled and merge frames enabled.
  • the contents of the frames 571 and 572 are merged into one merged frame 573 taking up the entire space of the display view 561.
  • the page layout mode is optimized here, whereby no content exists to the right of the display view 561.
  • the frame 573 then only has one vertical scroll bar 5B2, Figs 3OA and 3OB together with Figs 3IA and 31B are used to illustrate a method of how content display modes associated to web pages are retained.
  • Figs 3OA and 3OB show a display view of a web browser having rendered a first web page in two different content display modes, in this case being zoom factors.
  • Figs 3IA and 3IB show a display view of a web browser having rendered a second web page in two different content display modes, being a difference in zoom factors and page layout mode.
  • any content display mode may be used accordingly.
  • the content display modes of frame display mode and text selection could alternatively or additionally also be used.
  • the user has navigated to a first page containing content displayed in the display view 561 with an initial zoom factor of 100%.
  • the page layout mode is normal, whereby both a menu bar 561 and a button bar 563 are visible.
  • the button bar comprises a back button 567 and a forward button 568.
  • the user may then, for example, modify the content display mode by modifying the zoom factor to a new zoom factor of 200%, by using a context sensitive menu 565. This results in the web browser re-rendering the content with the new content display mode being a zoom factor of 200% as can be seen in Fig 3OB.
  • the page layout mode remains the same as before, being in normal mode.
  • Fig 3IA shows a display view 561 on which the browser has rendered the second page with an initial zoom factor of 200% and a normal page layout mode. Xn other words, the latest active content display mode is used for subsequent page renderings, such as the second page in this example. If the user chooses to change the content display mode, such as by changing the zoom factor to 100%,. and by- changing the page layout mode to optimized, the second content page is re-rendered according to the new content display mode. In this case this involves rendering the second page with the zoom factor of 100%, arranging the content such that no content exists to the right of the display view 561, as is illustrated in Fig 31B.
  • the first page has associated a zoom factor of 200% and normal page layout mode.
  • the second page has associated a zoom factor of 100% and an optimized page layout mode.
  • the user may then wish to return to the first page, for example using a combination of hardware keys (not shown) .
  • the web browser re-renders the first page according to the content display mode associated with the history item for the first page, thereby using a zoom factor of 200% and a normal page layout mode. In other words, the display will again look as shown in Fig 3OB.
  • the stored content display information can be used when revisiting already visited pages, either using back or forward functionality by means of the back button 567 or the forward button 568, respectively, commonly provided by web browsers in the art.
  • Fig 32 shows an exemplary data table 590 comprising history data according to an embodiment of the present invention.
  • the data table 590 is used to store history items.
  • the data table 590 is preferably stored in the memory 554, where it is accessible to the controller 550.
  • the table comprises a number of columns, where each column contains one type of data for each record. Records are shown vertically, where each step down in the table 590 corresponds to a new record.
  • a uniform Resource Locator (URL) column 591 contains the URL of the history item
  • a page layout column 592 contains information for each history item about page layout mode.
  • a frame mode column 593 contains information about the frame display mode for each history item,
  • a zoom factor column 594 contains the zoom factor for each history item.
  • a text selection column 595 contains information about any text selections for each history item. The text selection is in this illustrative example represented with two numbers, representing the start 1 and the end of the text selection in terms of character numbers. Although not shown, additional information is preferably included for text selection, such as a reference to the frame with the text being selected, etc Furthermore, "0,0" here simply denotes that no text selection has been made in the history item in question. Additional columns 596, related to content display modes or other information about the history item, may be added when suitable.

Abstract

A pocket computer is presented having an apparatus housing and a user interface with a touch-sensitive display provided at a first side surface of said apparatus housing, at least one key for navigation among content shown on said display, and at least one key for performing zooming on content shown on said display. Various methods of operating this user interface are also presented.

Description

IMPROVED POCKET COMPUTER AND ASSOCIATED METHODS Field, of the Invention
The present invention generally relates to portable electronic equipment, and more particularly to a pocket computer having a graphical user interface. The invention also relates to various methods of operating the user interface .
Background of the Invention
Pocket computers with graphical user interfaces have become increasingly popular in recent years. Perhaps the most common example of a pocket computer is a personal digital assistant (PDA) , which may be embodied in various different forms. Some pocket computers resemble laptop personal computers but in a miniaturized scale, i.e. they comprise a graphical display and a small hardware keyboard. The graphical display is typically touch- sensitive and may be operated by way of a pointing tool such as a stylus, pen or a user's finger. Other pocket computers rely more heavily on a touch-sensitive display as the main input device and have thus dispensed with a hardware keyboard. Some of these pocket computers are in fact mobile terminals, i.e. in addition to providing typical pocket computer services such as calendar, word processing and games, they may also be used in con- junction with a mobile telecommunications system for services like voice calls, fax transmissions, electronic messaging, Internet browsing, etc.
It is well known in the field that because of the noticeably limited resources of pocket computers, in terms of physical size, display size, data processing power and input device, compared to laptop or desktop computers, user interface 'Solutions known from laptop or desktop computers are generally not applicable or relevant for pocket computers. It is generally desired to provide improvements to the user interface of such pocket computers so as to enhance the user friendliness and improve the user's efficiency when using the .pocket computer. In computers in general, and in pocket computers in particular, there is a need to navigate through content which is larger than what can be displayed on the current display. This is especially apparent when using a web browser application on a pocket computer, as web pages are usually designed to be displayed on normal computer displays being considerably larger than the displays of pocket computers .
A traditional way to solve this problem is to provide horizontal and vertical scrollbars, allowing a user to move the displayed content among the available content either by using scroll buttons on the scrollbar, or by moving the scroll indicator which indicates where the displayed content is located in the available content. On computers with a full size keyboard, it is also possible to move a cursor through the content with dedicated direction keys such as up, down, left, right, page up and page down, also resulting in content displayed on the display being shifted, or scrolled- A more intuitive way to navigate through large content is to use what is called panning, a method which for example is used in Adobe Acrobat Reader® 7.0. This works in a similar way to .when a user moves a paper with his/her hand on a desk in 'front of him/her. The user simply Mrags' the content by depressing a mouse button and moving the mouse while the mouse button is still depressed, and releasing the mouse button when the content is in the desired 'position.
Another function which is useful in computers is selecting data, for example text. Once the text is selected, the user may for example copy this text to a buffer which may be pasted into the same or another document- A manner known in the art to perform data selection is to Mrag' over the text to be selected by depressing a mouse button, moving the mouse while pressing the mouse button over the text to be selected, and releasing the mouse button once the desired text is selected.
An issue thus arises 'of how to be able to provide a way for the user to pan and select data in the same document, as the method of dragging is used in both cases . A conventional solution to this problem is to have different modes - one pan mode and one text selection mode. This is a solution available in Adobe Acrobat Reader® 7.0. Here, in an application area on the display,, there are buttons available, allowing the user to switch between the different modes. However, this method is cumbersome and inconvenient, forcing the user to know or recognize which mode is currently active each time the user wishes to perform either a text selection operation or a panning operation. Consequently, there is a problem in how to provide a simple and intuitive way for a user to select data in a manner distinct from the conventional drag-method.
Because of the size and limited user interface of pocket computers, they are limited in the graphical user interface in general, and in the way multiple selection may be provided in list elements, in particular.
In the prior art, there are two known attempts to solve this problem.
The first option is a combined discontinuous and continuous multiple selection. This works as follows: A user may perform single selections by tapping a list item. If the user wants to perform discontinuous multiple selection, the user may press down a certain hardware button and tap any of the list items, which then either become selected or unselected according to their initial state. If the user wants to perform continuous multiple selection, the user may do so by pressing the stylus down on the display and dragging over the desired items, which then change their state to be selected if the state is initially unselected, or unselected if the state is initially selected. This method enables the user to perform drag and drop operations, but the user has to be very careful not to release the depressed hardware button during operation.
The other option is continuous multiple selection only. This works as follows: A user may perform single selections by tapping a list item. If the user wants to perform continuous multiple selection, the user may do so by pressing the stylus down on the display and dragging over the desired items, which then change their state to either selected or unselected according to their initial state. Discontinuous multiple selection is not possible with this method. This method disallows the user to perform drag and drop operations, as all dragging interactions with the list are interpreted as selections. Consequently there is a need for an invention that allows a user to select both single list items and discontinuous list items in a convenient and efficient manner.
In graphical user interfaces with windows, such as Microsoft Windows or Mac OS X, there often comes a situation where the user needs to move the active window, displayed over other windows, to see content of an underlying passive window. This same basic need is present in all handheld devices that have windowed graphical user interfaces. In a desktop environment, window overlapping is not as great a problem, as available display space is large, and a mouse can easily be used to drag windows to another available area of the display.
In handheld devices, however, available display space is limited and there is most often no free space where to drag the window. Furthermore, in most handheld devices, the windowing system is designed so that dialog windows can not be dragged nor hidden. This makes some important use cases (e.g. checking a telephone number from an underlying application view to input it in the active window) impossible to perform. In Nokia's Series 90 UI design, the problem with window overlapping is solved by enabling the user to drag dialog windows around the display and then return them to the center of the display automatically when the stylus was lifted. This approach works as such, but it has two major disadvantages. Firstly, the movement of the dialog affects performance adversely. Secondly, if the dialog is very large, i.e. occupies most of the visible display area, dragging the window can be inconvenient for the user, as he/she may have to drag the window across a large part of the whole display.
In Microsoft's Pocket PC environment, the user may drag dialog windows freely with a stylus. This may result in a situation where the user drags the dialog outside the visible display area, which instantly prevents any further interaction with the dialog. Thus the user can not close the dialog and may have to restart the application, which may result in a data loss.
In a Matchbox XIl window manager for handheld devices created by Mr. Matthew Allum (http://freshmeat.net/projects/matchbox/), like for the Pocket PC environment, the problem is solved by allowing the user to drag active dialogs anywhere on the display.
Consequently, there is a need for an invention allowing a user to conveniently and safely temporarily hide a currently active window.
In window-based graphical user interfaces, such as Microsoft Windows or Mac OS X, there often comes a situation when the size of viewable content (e.g. text document or WWW page) exceeds the physical size of the display or the size of the graphical user interface window. In most cases, this is fixed by showing scrollbars at one or more sides of the visible screen window, from which the user can scroll the content.
This same basic need is even more obvious in all handheld devices that have windowed graphical user interfaces and limited available screen space.
In handheld devices usable with stylus, the conventional interaction required for scrolling content, i.e. press stylus down on the scroll bar and drag horizontally or vertically, is very tiring for the hand, as the scroll bars may be positioned anywhere on the display, providing no physical support to alleviate scrolling. Moreover, in a handheld device, because of limited display space, the scroll bars are typically quite small (thin) and may therefore be difficult tσ hit with a stylus - particularly if the handheld device is used in a moving environment.
This leads to poor overall hardware ergonomics during scrolling and can be very disturbing for the overall user experience of the device. In window-based graphical user interfaces for desktop computers, such as Microsoft Windows or Macintosh OS X, there is often a basic need for the user to switch between running applications. The same basic need is present in hand-held devices that have windowed graphical user interfaces.
In a desktop environment, windows can be scaled and moved with a mouse, so that underlying windows can be seen behind the current window. Desktop environments also have other ways for showing running applications and switching between them. The Windows Task bar and the
Macintosh OS X Dock are two common examples. Yet another common way is to provide an application list that may be shown in the middle of the display. The list is shown when the user presses a key combination (Alt + Tab for Windows and Linux, Cmd + Tab for Macintosh) .
Most hand-held devices do not support multiple windows, nor do they provide for closing of applications. Therefore, such hand-held devices do not need to deal with the switching issue. Instead, devices with operating systems like the one in the Nokia 7710 Communicator, Symbian, Microsoft Pocket PC or Palm OS provide the user with a list of recently used applications.
The Windows CE hand-held operating system has a Task bar similar to desktop Windows. When an application is launched, its icon (and title) is shown in the Task bar. If another application, is launched, its icon is shown next to the previous one. ϊf the user wants to switch to the first application, he can tap its icon in the Task bar. These icons do not change their relative order when the user changes between applications.
In summary, a problem with the prior art in this respect is how to efficiently and intuitively switch between running applications on a hand-held device such as a pocket computer.
Summary of the Invention In view of the above, an objective of the invention is to solve or at least reduce the above-identified and other problems and shortcomings with the prior art, and to provide improvements to a pocket computer.
Generally, the above objectives and purposes are achieved by methods, pocket computers and user interfaces according to the attached independent patent claims.
A first inventive aspect is a method of operating a user interface in a pocket computer, the pocket computer being adapted for execution of different software appli- cations, each application having a number of functions, each function when invoked providing a certain functional lity to a user of the pocket computer, the method involving: providing, on a display of said pocket computer, a number of selectable user interface elements, each user interface element representing a certain use aspect of said pocket computer, said certain use aspect being associated with certain functions of certain applications; detecting selection by said user of a particular element among said user interface elements; for the selected particular element, presenting on said display a number of selectable and task-oriented options, each such option being associated with a certain function of a certain application; detecting selection by said user of a particular option among said options,- and invoking the function associated with said particular option.
Said display may be touch-sensitive f wherein said selections are done by the user by pointing at the touch- sensitive display. Said selectable user interface elements are icons located at static positions on said display. The task-oriented options may be presented as menu items in a menu. A first use aspect of said pocket computer may be information browsing, and a second use aspect of said pocket computer may be electronic messaging.
Another expression of the first inventive aspect is a pocket computer having a user interface which includes a display and being adapted for execution of different software applications, each application having a number of functions, each function when invoked providing a certain functionality to a user of the pocket computer, the pocket computer being adapted to perform the method according to the first inventive aspect. A second inventive aspect is a method for accepting input to select data items displayed on a touch sensitive display of a pocket computer further comprising a writing tool, comprising the steps of: detecting a first tap of said writing tool in a first position at a first point in time, determining that selection of data is to be commenced by detecting a second tap of said writing tool in a position less than a threshold distance from said first position within a predetermined time from said first point in time, and if it is determined that selection of data is to be commenced, upon detecting movement of said writing tool to a second position, selecting data items between said first position and said second position.
Said data items may represent a subset of available content, wherein if it is not determined that selection of data is to be commenced, said method may comprise the further steps of: determining that panning is to be commenced by detecting that said writing tool has moved after said first tap of said writing tool, and if it is determined that panning is to be commenced, detecting a second position of said writing tool, and performing a panning operation among said available content to display data items at a position offset by a difference between said first position and said second position- Said content and data items may belong to a web browser application executing in said pocket computer.
Another expression of the second inventive aspect is a pocket computer adapted to perform the method according to the second inventive aspect.
Still another expression of the second inventive aspect is a method for accepting input to pan content and to select data items, displayed on a touch sensitive display of a pocket computer further comprising a writing tool, said data items representing a subset of available content, the method comprising the steps of; detecting a first tap of said writing tool in a first position at a first point in time, determining that panning is to be commenced by detecting a second tap of said writing tool in a position less than a threshold distance from said first position within a predetermined time from said first point in time, if it is determined that panning is to be commenced, detecting a second position of said writing tool, and performing a panning operation among said available content to display data items at a position offset by a difference between said first position and said second position, if it is not determined that panning is to be commenced, determining that selection of data is to be commenced by detecting that said writing tool has moved after said first tap of said writing tool, and if it is determined that selection of data is to be commenced, upon detecting movement of said writing tool to a second position, selecting data items between said first position and said second position.
A third inventive aspect is a pocket computer comprising a zoom in button, a zoom out button and an input writing tool, being capable of displaying content on a display, wherein displayed content is a subset of available content, wherein said computer is capable of zooming in on displayed content on said display in response to a depression of said zoom in button, said computer being capable of zooming out on displayed content on said display in response to a depression of said ZOOTΠ out button, and said computer being capable of panning available content on said display in response to a tap of said writing tool in a first position on said display, a move of said writing tool and a lift of said writing tool in a second position on said display.
A fourth inventive aspect is a method for navigating through hyperlinks shown on a display of a pocket computer, comprising the steps of: receiving an input to shift focus to a subsequent hyperlink, determining what hyperlink is subsequent solely based on the geometrical position of said hyperlinks displayed on said display, and shifting focus to said hyperlink determined to be subsequent.
Said subsequent hyperlink may be a hyperlink before or after any hyperlink currently in focus.
Another expression of the fourth inventive aspect is a pocket computer adapted to perform the method according to the fourth inventive aspect.
A fifth inventive aspect is a method for changing a zoom factor of content shown on a display of a pocket computer, comprising the steps of: receiving input to display a menu relative to a target position on said display, displaying said menu, comprising at least one menu item for changing said zoom factor, receiving input to change said zoom factor by detecting a menu item with new zoom factor being selected, and rendering said content with said new zoom factor, centered around said target position.
Said display may be a touch sensitive display, and said input to display a menu may be a depression on said touch sensitive display during a time period longer than a predetermined threshold value, or a double tap on said touch sensitive display- Said content may belong to a web browser application executing on said pocket computer. Said menu may be a context sensitive menu.
Another expression of the fifth inventive aspect is a pocket computer adapted to perform the method according to the fifth inventive aspect.
A sixth inventive aspect is a method for browsing through previously visited web pages in a web browser application executing on a pocket computer comprising a display, the method comprising the steps of: rendering a first web page on said display, accepting a first input to change to a new zoom factor for said first web page, rendering; said first web page with said new zoom factor, accepting a second input to render a second web page, rendering a second web page with a zoom factor distinct from said new zoom factor for said first web page, accepting a third input to again render said first web page, and rendering said first web page with said new zoom factor. Said third input may be an input to navigate back or forward through browser history.
Another expression of the sixth inventive aspect is a pocket computer adapted to perform the method according to the sixth inventive aspect. A seventh ^inventive aspect is a method for accepting input to select at least one liat item in a user interface element representing a list, said element being operable in a single selection mode or a multiple distinct selection mode, displayed on a touch sensitive display of a pocket computer further comprising a writing tool, said method comprising the steps of: determining if said element is operating in said single selection mode, determining if said element is operating in a multiple distinct selection mode, detecting a first tap of said writing tool in a first position,. selecting a first list item corresponding to said first position, detecting a first lift of said writing tool in a second position, which may be equal to said first position, detecting second tap of said writing tool in a third position, if said element is determined to be operating in said single selection mode, deselecting said first list item, and selecting a list item corresponding to said third position.
Said element may further be operable in a range selection mode, wherein said method may comprise the further steps, prior to said step of detecting said second tap, of: determining if said element is operating in said range selection mode, and if said element is determined to be operating in a range selection mode and said first list item is not equal to a second list item corresponding to said second position, selecting all list items from said first list item to said second list item.
A further : step, prior to said step of selecting said second list item, may involve: if said element is determined to be operating in said range selection mode, deselecting previously selected list items.
Optional steps may involve: detecting a third tap in a position corresponding to a selected list item, detecting 'a third lift in a position corresponding to a second user interface element, and if said element is determined to be operating in the single selection or the range selection mode, providing data representing selected list items to said second user interface element.
Optional s.teps may involve: if said element is determined to be operating in a multiple distinct selection mode, rendering a selection indicator adjacent to each selected list item.
Said selection indicator may be a check mark. Optional steps may involve: if said element is determined to be operating in the multiple distinct selection mode, detecting a third tap and a third lift of said writing tool in a position corresponding to a previously selected list item, and deselecting said previously selected list item.
Another expression of the seventh inventive aspect is a pocket computer adapted to perform the method according to the seventh inventive aspect. An eighth inventive aspect is a method to temporarily hide a window, comprising a head area, displayed in a location on a touch sensitive display of a pocket computer further comprising a writing tool, said method comprising the steps of: detecting a tap of said writing tool in a position corresponding to said head area of said window, hiding contents of said window, thereby exposing any content previously covered by said window, detecting a lift of said writing tool, and re-drawing the content of said window in said location.
A further step, after said step of hiding, may involve : drawing a box outline indicating said location of said window.
Said window may be a dialog.
Another expression of the eighth inventive aspect is a pocket computer adapted to perform the method according to the eighth inventive aspect. A ninth inventive aspect is a method for scrolling content in a window displayed on a touch sensitive display on a pocket computer, said display further displaying a remote scroll element, the method comprising the steps of: detecting a tap of a writing tool in a first position on said remote scroll element, based on said position of said tap, determining a direction to scroll content, based on said position of said tap, determining a distance to scroll content, and scrolling said content said distance in said direction to a new position.
Said remote scroll element may comprise a bitmap image. Alternatively or in addition, an area on said touch sensitive display that underlies said remote scroll element may be used for presentation of information such as at least one non-selectable indicator.
Said window may comprise a scrollbar, having a scroll thumb, wherein a further step may involve: moving said scroll thumb to correspond to said new position of content.
Said remote scroll element may be located adjacent to said window, and/or along one edge of said display. Said window may be located disjunctive from said remote scroll element. Another expression of the ninth inventive aspect is a pocket computer adapted to perform the method according to the ninth inventive aspect.
A tenth inventive aspect is a method for scrolling content in a window displayed on a touch sensitive display of a pocket computer, said display further displaying a scrollbar comprising a scroll thumb movable in a trough, comprising the steps of: detecting a tap of a writing tool in a tapping position in said trough, scrolling said content, including updating a position of said scroll thumb in said trough accordingly by moving said scroll thumb in said trough, detecting a lift of said writing tool, and once lift of said writing tool is detected, stopping said scrolling of content, wherein, in said step of scrolling, said scrolling is allowed to continue such that said position of said scroll thumb moves past said tapping position in said trough.
Said step of scrolling said content may scroll content one page at a time- Said position may be distinct from said scroll thumb.
Another expression of the tenth inventive aspect is a pocket computer adapted to perform the method according to the tenth inventive aspect.
An eleventh inventive aspect is a graphical user interface for a pocket computer having a display and being adapted for execution of different software applications, the user interface including an application switcher panel capable of presenting a plurality of icons on said display, each icon being associated with a respective application executed on said pocket computer and being selectable by a user so as to cause activation of the associated application, wherein the icons have an order in the application switcher panel and wherein this order depends on an order in which the associated applications have been active in the past, specifically such that the icon associated with a most recently active application has a first position in the application switcher panel.
The graphical user interface may be further adapted, upon launching of a new application, to insert an icon associated with said new application at said first position in the application switcher panel while shifting the positions of existing icons in the application switcher panel by one position backwards . In one embodiment, only a predetermined maximum number of positions for icons may be allowed in said application switcher panel wherein, for an icon that has been shifted out from the application switcher panel, the application associated therewith may be activated through selection of a menu item in a menu on said display. Another expression of the eleventh inventive aspect is a pocket computer having a graphical user interface as defined above.
A twelfth inventive aspect is a pocket computer having a display with a user interface and a controller, the controller being adapted for execution of different utility applications, each utility application providing certain nominal functionality to a user when executed as an active application in said user interface, the pocket computer having a home application adapted for simulta¬ neous provision on said display of a number of limited application views to respective ones among said utility applications, wherein each such limited application view enables the user to access a limited part of the nominal functionality of a respective utility application without executing this utility application as an active application.
A thirteenth inventive aspect is a pocket computer having an apparatus housing; a touch-sensitive display provided at a first side surface of said apparatus housing; at least one key for navigation among content shown on said display; and at least one key for performing zooming on content shown on said display, wherein one of said at least one key for navigation and said at least one key for performing zooming is located at said first side surface of said apparatus housing, whereas another one of said at least one key for navigation and said at least one key for performing zooming -is located at a second side surface of said apparatus housing, non-parallel to said first side surface, the location of said keys being such that both keys are within reach of a typical user's hand when holding the apparatus housing with one hand and without shifting grip. A fourteenth inventive aspect of the invention is a method for displaying previously visited hypermedia pages in a hypermedia browser application executing on a mobile communication terminal comprising a display, the method comprising the steps of: rendering a first hypermedia page on said display, accepting a first input to modify rendering of said first hypermedia page according to a first new content display mode, rendering said first hypermedia page according to said first new content display mode, accepting a second input to render a second hypermedia page, rendering a second hypermedia page, accepting a third input to again render said first hypermedia page, and rendering said first hypermedia page according to said first new content display mode.
This provides a method where user modifications to content display modes are saved, reducing the need to re- modify the content display of a page when re-visiting the page.
Said content display mode may include a zoom factor. Said content display mode may further include a frame display mode. Said content display mode may yet further include a mode when a text of said first hypermedia page is selected. Said content display mode may yet further include a page layout mode. Saving each of, or a combination of, these specific content modes with page history provides a better browsing experience for the user .
Said step of rendering a second hypermedia page may involve rendering said second hypermedia page according to said first new content display mode. Advantageously, this allows any content mode modification made by the user to be the default when navigating to other pages. The method may include the further steps, after said step of rendering a second hypermedia page, and before said step of accepting a third input, of: accepting a fourth input to modify rendering of said second hypermedia page according to a second new content display mode, and rendering said second hypermedia page according to said second new content display mode.
In other words, modifications of content display modes are possible of later pages, without affecting content display modes stored with history items.
Said third input may be an input to navigate back through browser history.
Said third input may be an input to navigate forward through browser history.
Said hypermedia pages may represent at least one type of content selected from the group consisting of: html content, witil content, sgml content and xml content. A second expression of the fourteenth aspect of the invention is a mobile communication terminal capable of executing a hypermedia browser application, said hypermedia browser application rendering hypermedia pages on a display of said mobile communication terminal, said mobile communication terminal comprising: means for rendering a first hypermedia page on said display, means for accepting a first input to modify rendering of said first hypermedia page according to a first new content display mode, means for' rendering said first hypermedia page according to said first new content display mode, means accepting a second input to render a second hypermedia page, means for rendering a second hypermedia page, means for accepting a third input to again render said first hypermedia page, and means for rendering said first hypermedia page according to said first new content display mode.
This provides a mobile communication terminal where user modifications to content display modes are saved, reducing the need to re-modify the content display of a page when re-visiting the page.
A third expression of the fourteenth aspect of the invention is a computer program product, directly loadable into a memory of a digital computer, comprising software code portions for performing a method according to the first expression of the fourteenth aspect of the invention. This provides a computer program product where user modifications to content display modes are saved, reducing the need to re-modify the content display of a page when re-visiting the page.
Said first and second hypermedia pages are preferably, but not necessarily, web (www) pages and/or wap pages, i.e. digital content expressed in a html or wml language suitable for browsing in a web and/or wap browser. Other markup languages may also be used to represent the digital content, such as sgml, xml or any other suitable markup language. The term "page" denotes digital content, at least a part of which is presentable on a display to be viewed by a user. Throughout this document, a "writing tool" is an object used for providing input on a touch-sensitive display, not only in the form of writing (e.g. characters and text) but also in the form of control actions such as pointing, tapping ("clicking") , pressing and dragging. Thus, a "writing tool" may be a stylus, pen, a user's finger or any other physical object suitable for interaction with the touch-sensitive display.
A fifteenth aspect of the invention is a portable electronic apparatus comprising: an apparatus housing; a touch-sensitive display provided on a first side surface of the apparatus housing, for use with an input writing tool; a zoom-in key provided on a second side surface, the second side surface being non-parallel to the first side surface; a zoom-out key provided on the second side surface; and a controller, wherein: the portable electronic apparatus is capable of displaying content on the touch-sensitive display, wherein displayed content is a subset of available content; the controller is configured to zoom in on displayed content on the touch- sensitive display in response to an actuation of the zoom-in key; the controller is configured to zoom out on displayed content on the touch-sensitive display in response to an actuation of the zooiu-out key; and the controller is configured to pan available content on the touch-sensitive display in response to a combination of a tap of the writing tool in a first position on the touch- sensitive display and a move of the writing tool to a second position on the touch-sensitive display.
The available content may be related to a web browser application of the portable electronic apparatus. The portable electronic apparatus may be a pocket computer.
The portable electronic apparatus may be a device selected from the group comprising a mobile communication terminal, a portable gaming device and a personal digital assistant. A second expression of the fifteenth aspect of the invention is a user interface method of a portable electronic apparatus comprising an apparatus housing, a controller, a touch-sensitive display provided on a first aide surface of the apparatus housing for use with an input writing tool, a zoom-in key provided on a second side surface, the second side surface being non-parallel to the first side surface, a zoom-out key provided on the second side surface, the controller being capable of displaying content on the touch-sensitive display, wherein displayed content is a subset of available content, the method comprising: zooming in, in response to an actuation of the zoom-in key, on displayed content on the touch-sensitive display, zooming out, in response to an actuation of the zoom-out key, on displayed content on the touch-sensitive display, and panning, in response to a combination of a tap of the writing tool in a first position on the touch-sensitive display and a move of the writing tool to a second position on the touch sensitive display, available content on the touch-sensitive display.
A third expression of the fifteenth aspect of the invention is a computer program product directly loadable into a memory of a portable electronic apparatus, the computer program product comprising software code portions for performing the method according to the second expression of the fifteenth aspect. A sixteenth aspect of the invention is a portable electronic apparatus comprising: an apparatus housing; a touch-sensitive display provided on a first side surface of the apparatus housing; a first input device arranged to be actuated with a first digit of a hand of a typical user; a second input device arranged to be actuated with a second digit of the hand of the typical user, allowing the typical user to operate at least the first input device and the second input device without change of grip; and a controller coupled to the touch-sensitive display, the first input device and second input device, the controller being capable of displaying content on the touch-sensitive display; wherein the controller is configured to affect the display of content on the touch- sensitive display in a first manner when the first input is actuated and to affect the display of content on the touch-sensitive display in a second manner when the second input is actuated.
The controller may be configured to move the content on the touch-sensitive display when the first input device is actuated, and to change the zoom fsrctor of the content when the second input device is actuated. The first input device and the second input device may be arranged to allow the portable electronic apparatus to be held by the hand of the typical user.
The first input device may be a key located on the first side surface of the apparatus housing,, and the second input device may be located on a second side surface of the apparatus housing, non-parallel to the first side surface.
The first input device may be arranged to be actuated with a thumb of the hand of the typical user, the first input device being located at least a threshold distance from an edge of the first side, the edge being an edge of the first side being closest to where the thumb is connected to the rest of the hand. The second side surface may be essentially perpendicular to the first side surface.
The controller may be configured to affect the display of content on the touch-sensitive display in a third manner when a writing tool is detected on the touch-sensitive display.
The third manner may be selected from the group comprising panning, selecting text, and actuating a user interface element to display new content.
The portable electronic apparatus may be a pocket computer .
The portable electronic apparatus may be selected from the group comprising a mobile communication terminal, a portable gaming device and a personal digital assistant . A second expression of the sixteenth aspect of the invention is a user interface method of a portable electronic apparatus, the portable electronic apparatus comprising an apparatus housing and a touch-sensitive display provided on a first side surface of the apparatus housing, the method comprising: receiving a first input detected by a first input device, when the first input device is actuated by a first digit of a hand of a user; as a response to the first input, affecting how, in a first manner, content is displayed on the touch-sensitive display; receiving a second input detected by a second input device, when the second input device is actuated by a second digit of the hand of the user; and as a response to the second input, affecting how, in a second manner, content is displayed on the touch-sensitive display.
The receiving a first input and the receiving a second input may be performed without an intermediate change of grip of the hand by the user.
The first manner may be moving content, and the second manner may be zooming content.
The user interface method may furthermore comprise: receiving a third input detected by the touch-sensitive display, when the third input device is actuated by a writing tool by the user; as a response to the third input, affecting how, in a third manner, content is displayed on the touch-sensitive display.
The third manner may be selected from the group comprising panning, selecting text, and actuating a user interface element to display new content.
A third expression of the sixteenth aspect of the invention is a computer program product directly loadable into a memory of a portable electronic apparatus, the computer program product comprising software code portions for performing the method according to the second expression of the sixteenth aspect.
Generally, each of the methods of the inventive aspects referred to in this document may be performed by a corresponding computer program product, i.e. a computer program product directly loadable into a memory of a digital computer and comprising software code portions for performing the method in question,
As used he-rein, a "pocket computer" is a small portable device with limited resources in terms of e.g. display size, data processing power and input means. In one embodiment, the pocket computer is a mobile terminal accessory particularly designed for electronic browsing and messaging.
Other objectives, features and advantages of the present invention will appear from the following detailed disclosure, from the attached dependent claims as well as from the drawings .
Brief Description of the Drawings
Embodiments of different inventive aspects will now be described in more detail, reference being made to the enclosed drawings.
Fig 1 is a perspective view of a pocket computer according to one embodiment, shown in a typical operating position in the hands of a user. Figs 2 and 3 are different perspective views of the pocket computer of Fig 1 ,
Fig 4 illustrates a computer network environment in which the pocket computer of Figs 1-3 advantageously may be used for providing wireless access for the user to network resources and remote services.
Fig 5 is a schematic block diagram of the pocket computer according to the previous drawings .
Fig 6 is a front view of the pocket computer, demonstrating a typical display screen layout of its user interface.
Fig 7 illustrates a typical disposition of the display screen layout, including a home view- Figs 6-12 illustrate a task-oriented manner of operating the user interface as well as display screen layouts for certain typical applications executed in the pocket computer.
Figs 13-14 illustrate display screen layouts of a bookmark manager application.
Figs 15A and 15B illustrate how a user may pan content in an embodiment of an inventive aspect.
Figs 16A and 16B illustrate how a user may select text in an embodiment of an inventive aspect. Figs 17A and 17B illustrate how a user may zoom in or out on text in an embodiment of an inventive aspect.
Fig 18 is a flow chart illustrating a method for allowing data selection in an embodiment of an inventive aspect.
Fig 19 is a flow chart illustrating a method for allowing both data selection and panning in an embodiment of an inventive aspect.
Fig 20 is a state diagram for an embodiment of an inventive aspect, allowing both data selection and panning.
Fig 21 illustrates a web browser showing content with hyperlinks.
Figs 22A and 22B illustrate an embodiment of an inventive aspect before and after a positioned zoom.
Fig 23 illustrate new content loaded in a web browser.
Fig 24 is a flow chart illustrating a method of an embodiment of a list element according to an inventive aspect.
Fig 25 is a flow chart illustrating drag and drop functionality in an embodiment of a list element according to an inventive aspect.
Figs 26A-C illustrate a list element in an embodiment of the in a context of other user interface elements .
Figs 27A and 27B illustrate how a window hiding method works in an embodiment of an inventive aspect,
Figs 28A and 2BE illustrate a remote scroll element in embodiments of an inventive aspect.
Figs 29A, 29B, 29C and 29D illustrate different settings of a content display mode being a frame display mode and a page layout mode in an embodiment of the present invention. Figs 3OA and 3OB show a display view of a hypermedia browser in the form of a web browser having rendered a first web page in two different content display modes, in this case being zoom factors.
Figs 3IA and 31B show a display view of the web browser having rendered a second web page in two different content display modes, being different in zoom factors and page layout mode.
Fig 32 shows an exemplary data table comprising history data according to an embodiment of the present invention .
Detailed Description of the Invention
The pocket computer 1 of the illustrated embodiment comprises an apparatus housing 2 and a large touch-sensitive display 3 provided at the surface of a front side 2t of the apparatus housing 2. Next to the display 3 a plurality of hardware keys 5a-d are provided, as well as a speaker 6.
More particularly, key 5a is a five-way navigation key, i.e. a key which is depressible at four different peripheral positions to command navigation in respective orthogonal directions ("up", "down", "left", "right") among information shown on the display 3, as well as depressible at a center position to command selection among information shown on the display 3. Key 5b is a cancel key, key 5σ is a menu or options key, and key 5d is a home key.
Sn addition, a second plurality of hardware keys 4a- c is provided at the surface of a first short side 2U of the apparatus housing 2. Key 4a is a power on/off key, key 4b is an increase/decrease key, and key 4c is for toggling between full-screen and normal presentation on the display 3.
At the surface of a second short side 2i of the apparatus housing 2, opposite to said first short side 2u, there are provided an earphone audio terminal 7a, a mains power terminal 7b and a wire-based data interface 7c in the form of a serial USB port. Being touch-sensitive, the display 3 will act both as a visual output device 52 and as an input device 53, both of which are included in a user interface 51 to a user 9 (see Fig 5) . More specifically, as seen in Fig 1, the user 9 may operate the pocket computer 1 by pointing/tapping/dragging with a stylus 9c, held in one hand 9a, on the surface of the touch-sensitive display 3 and/or by actuating any of the hardware keys 4a-c, 5a-d (which also are included' as input devices in the user interface 51) with the thumb and index finger of the other hand 9b. In one embodiment, some keys 5a-d are arranged essentially parallel to the touch-sensitive display 3, to be easily reached by a thumb as can be seen in Fig 1. The thumb also acts as a support, allowing the user to hold the pocket computer easily in one hand 9b. The distance between the keys 5a-d and the edge that is closest to where the thumb meets the rest of the hand 9b, Is large enough to allow the user to place the thumb as support without actuating any of the keys 5a-d, as can be seen in Fig 1. Alternatively, if the distance is very short, the keys 5a-d can be arranged such that the user can place the thumb somewhere in the vicinity of keys 5a- d for support. Having the thumb on the front side 2f contributes to stability while holding the pocket computer in one hand 9b. Meanwhile, some keys 4a-c are arranged on the first short side 2u, to be easily reached by an index finger as can be seen in Fig 1.
In other words, the hardware keys are arranged to be actuated by fingers on the hand of the user that holds the pocket computer 1, while the other hand can be used to operate the stylus 9c on the touch-sensitive display 3.
Furthermore, the hardware keys 4a-c, 5a-d, that are reachable from one hand 9b, are sufficient for the user to perform all typical activities. For example, when a browser is running, the navigation key 5a allows the user to move through the page, and the zoom button 4b allows the user to change the 200m factor. The functionality of the other keys 4a, 4c, 5b-d are described in more detail elsewhere in this document. while this arrangement of keys to simplify usage is described in an embodiment of a pocket computer, it can equally well be used in personal digital assistants (PDAs) , mobile terminals, portable gaming devices, or any suitable portable electronic apparatus with a touch screen . As seen in Fig 5, the pocket computer 1 also has a controller 50 with associated memory 54. The controller is responsible for the overall operation of the pocket computer 1 and may be implemented by any commercially available CPU (Central Processing Unit), DSP (Digital Signal Processor) or any other electronic programmable logic device. The associated memory may be internal and/or external to the controller 50 and may be RAM memory, ROM memory, EEPROM memory, flash memory, hard disk, or any combination thereof. The memory 54 is used for various purposes by the controller 50, one of them being for storing data and program instructions for various pieces of software in the pocket computer 1. The software may include a realtime operating system, drivers e.g. for the user inter- face 51, as well as various applications 57,
Many if not all of these applications will interact with the user 9 both by receiving data input from him, such as text input through the input device 53, and by providing data output to him, such as visual output in the form of e.g. text and graphical information presented on the display 52. Non-limiting examples of applications are an Internet/WWW/WΛP browser application, a contacts application, a messaging application (email, SMS, MMS), a calendar application, an organizer application, a video game application, a calculator application, a voice memo application, an alarm clock application, a word processing application, a spreadsheet application, a code memory application, a music player application, a media streaming application, and a control panel application. Some applications will be described in more detail later. GUI (graphical user interface) functionality 56 in the user interface 51 controls the interaction between the applications 57, the user 9 and the elements 52, 53 of the user interface.
Text input to the pocket computer 1 may be performed in different ways . One way is to use a virtual keyboard presented on the display. By tapping with the stylus 9c on individual buttons or keys of the virtual keyboard, the user 9 may input successive characters which aggregate to a text input shown in a text input field on the display. Another way to input text is by performing handwriting on the touch-sensitive using the stylus 9c and involving handwriting recognition. Word prediction/- completion functionality may be provided.
To allow portable use, the pocket computer 1 has a rechargeable battery, The pocket computer also has at least one interface 55 for wireless access to network resources on at least one digital network. More detailed examples of this are given in Pig 4. Here, the pocket computer 1 may connect to a data communications network 32 by establishing a wireless link via a network access point 30, such as a WLAN (Wireless Local Area Network) router. The data com- muniσations network 32 may be a wide area network (WAN) , such as Internet or some part thereof, a local area network (LAN), etc. A plurality of network resources 40-44 may be connected to the data communications network 32 and are thus made available to the user 9 through the pocket computer 1. For instance, the network resources may include servers 40 with associated contents 42 such as www data, wap data, ftp data, email data, audio data, video data, etc. The network resources may also include other end-user devices 44, such as personal computers. A second digital network 26 is shown in Fig 4 in the form of a mobile telecommunications network, compliant with any available mobile telecommunications standard such as GSM, UMTS, D-AMPS or CDMA2000. In the illustrated exemplifying embodiment, the user 9 may access network resources 28 on the mobile telecommunications network 26 through the pocket computer 1 by establishing a wireless link 10b to a mobile terminal 20, which in turn has operative access to the mobile telecommunications network 26 over a wireless link 22 to a base station 24, as is well known per se. The wireless links 10a, 10b may for instance be in compliance with Bluetooth™, MLAN (Wireless Local Area Network, e.g. as specified in IEEE 802.11), HomeRF or HIPERLAN. Thus, the interface (s) 55 will con- tain all the necessary hardware and software required for establishing such links, as is readily realized by a man skilled in the art.
Fig 6 shows a front view of the pocket computer and indicates a typical display screen layout of its user interface. A typical disposition of the display screen layout, presenting a view of a home application (i.e., a start or base view that the user may return to whenever he likes), is shown in more detail in Fig 7. In Fig 6, the hardware keys 5a-d are shown at their actual location to the left of the display 3 on the front side surface 2f of the apparatus housing 2, whereas, for clarity reasons, the hardware keys 4a-c are illustrated as being located above the display 3 on the front side surface 2 even while they actually are located at aforesaid first short side surface 2U (Fig 2) .
With reference to Fig 7, the display screen layout of the display 3 is divided into four main areas: a task navigator 60, a title area 70, a status indicator area 74 and an application area 30. The application area 80 is used by a currently active application to present whatever information (content) is relevant and also to provide user interface controls such as click buttons, scrollable list, check boxes, radio buttons, hyper links, etc, which allow the user to interact with the currently active application by way of the stylus 9c. One example of how a currently active application, in the form of a web browser, uses the application area 80 in this manner is shown in Fig 9. A name or other brief description of the currently active application (e.g. the web browser) and a current file or data item (e.g. the current web page) is given at 72 in the title area, 70 (e.g. "Web - Nokia"). In addition, as seen in Fig 10, by tapping in the title area 70, the user may access an application menu 73 of the currently active application.
The status indicator area 74 contains a plurality of icons 76 that provide information about system events and status, typically not associated with any particular active application. As seen in Fig 7, the icons 76 may include a battery charge indicator, a display brightness control, a volume control as well as icons that pertain to the network interface (s) 55 and the ways in which the pocket computer connects to the network (s) 32, 26.
The task navigator 60, title area 70 and status indicator area 74 always remain on screen at their respective locations, unless full screen mode is commanded by depressing the hardware key 4σ, In such a case, the currently active application will use all of the display 3 in an expansion of the application area 80, and the areas 60, 70 and 74 will thus be hidden.
The task navigator 60- has an upper portion 62 and a lower portion 66. The upper portion 62 contains icons 63- 65 which when selected will open a task-oriented, context-specific menu 90 to the right of the selected icon (see Fig 8, Fig 11) . The context-specific menu 90 will contain, a plurality of task-oriented menu items 91, and the user may navigate among these menu items and select a desired one either by the navigation key 5a or by pointing at the display 3. The menu 90 may be hier- archical . The lower portion 66 represents an application switcher panel with respective icons 61 for each of a plurality of launched applications.
The upper portion 62, of the task navigator 60 will now be described in more detail. The topmost icon 63 is used for accessing tasks related to information browsing. The available tasks are presented as menu items 91 in menu 90, as seen in Pig 8, More particularly, the user 9 may choose between opening a new browser window (Fig 9) , or managing bookmarks. Selecting of any of these menu items 91 will cause launching of the associated application (a browser application as seen in Fig 9 or a bookmark manager as seen in Figs 13-14) , or switching to such application if it is already included among the active ones, and also invocation of the appropriate functionality therein. In addition, the menu 90 contains a set of direct links 92 to certain web pages, In the disclosed embodiment, this set includes bookmarks previously defined by the user 9, but in other embodiments it may include the most recently visited web sites.
The second icon 64 is used for accessing tasks related to electronic messaging, as is seen in Figs 11 and 12.
Thus, the 'icons 63 and 64 allow the user 9 to operate his pocket computer in a task-oriented manner. By simply clicking on the desired icon which represents a common use aspect, the user will be presented with a list of various tasks that can >be undertaken for that use aspect, instead of a conventional list of the available applications as such. This will make it easier to operate the pocket computer 1, since a typical user 9 is most often task-driven rather than application-driven. For instance, if the user realizes that he needs to exchange information with someone, it is more intuitive to click on an icon 64 that represents this use aspect (namely electronic messaging) and have the various available tasks 91 presented in a selectable menu 90 (Fig 11), than to navigate inj a conventional application-oriented menu (or click among a group of shortcut desktop icons representing respective applications) , decide which application that is the appropriate one, select this application to launch it, then invoke the application menu of the launched application and navigate in this application menu so as to finally arrive at the appro- priate menu item that will perform what the user needed in the first place. If for instance a' new email message is what the user needs, he may conveniently click on icon 64, as seen in Fig 11, and directly select the second menu item 93 shown in the task-oriented menu 90, whereupon the email messaging application will be automatically launched/switched to and the appropriate functionality will be invoked by presenting a create new email dialog 72, as seen in Fig 12.
Selection of the third icon 65 will cause presentation of a menu 190 with links to other tasks that are available, e.g the various ones among the applications 57 that are not related to information browsing or electronic messaging.
Since the jiσons 63-65 represent use aspects that are likely to be frequently needed by the user 9, they remain static in the upper part 62 of the task navigator 60 and are thus constantly accessible.
The lower portion 66 of the task navigator 60 will now be described in more detail, As already mentioned, it represents an application switcher panel with respective icons 67 for each of a plurality of launched applica- tions, i.e. running applications that are executed by the controller 50. Among such .running applications, one will be active in the sense that it has control over the application areja 80 on the display 3.
The user 9 may conveniently use the application switcher panel 66 for switching to a desired application by tapping with the stylus 9c on the corresponding icon 67. A help text, preferably containing the application's title and a current file name, etc, if applicable, may conveniently be presented, on the display 3 next to the icon pointed at, so as to guide the user further, when the user lifts the stylus 9c, the application corres- ponding to the icon pointed at will be switched to.
In contrast to the icons 63-65 in the upper portion 62, the icons 67 in the application switcher panel 66 have a dynamic appearance; icons may change order, appear and disappear over time. More specifically, in the dis- closed embodiment a maximum of four different running applications will be represented by respective icons 67 in the application switcher panel 66. The order among the icons 67 is such that the 'icon for the most recently active application will be' shown at the topmost position, whereas the icon for the application that was active before the most recently active application will be shown immediately below, etc.
Often, the one most recently active application, represented by the topmost icon, will be the one that has current control over the application area 80. This is seen for instance in Fig 11 (the topmost icon being labeled 67a and containing- a browser symbol that represents the currently active web browser application) . In such a case, the topmost icon 67a is shown with a "de- pressed" appearance, again as seen in Fig 11. However, when the home application is the currently active one, as seen in Fig 6, none of the icons 67 represents the currently active Home application, and therefore no icon is shown depressed. As appears! from the above, the vertical order of the application switcher icons' from top to bottom represents a historical order in which the four most recently used applications hajve been active, when a switch is done from a currently active application to another one, the order of the icons will be updated accordingly. This is shown in Figs 11 and 12. In Fig 11, the web browser application is active and is thus represented by the topmost icon 67a. The second icon 67b represents an audio player application that was actiye before the web browser application was launched, 'whereas the third and fourth icons 67c and 67d represent a file manager application and an image viewer application, respectively, that were active before that.
Now, when the user 9 invokes the messaging application by selecting the menu item 93 in the afore-described task-oriented menu 90, the messaging application becomes active and its icon takes the topmost position 67a, as seen in Fig 12, At the same time, the existing icons 67a- c of Fig 11 are shifted one vertical position downwards, so that the web browser icon (formerly at 67a) takes the second position at 67b, the audio player icon moves to the third position 67c, and the file manager icon goes to the lowermost position 67d. The formerly shown image viewer icon disappears from the application switcher panel 66, but the image viewer application is still running. By tapping an application switcher menu button (or "more" button) 68, an application switcher menu will be presented in a popup window on the display 3. This application switcher menu 'will contain menu items for all running applications, including the four most recent ones which are also represented by icons 67a-d in the application switcher panel 66, as well as those less recent applications the icons of which have been moved out from the application s'witcher panel 66 (such as the image viewer icon in the example described above) . By selecting any desired menu item in the application switcher menu, the user 9 will cause a switch to the corresponding application. The application switcher menu may also include a menu item for the home application, as well as certain handy application control commands, such as "Close all applications.".
If the user closes the active application, the topmost icon 67a will be removed from the application switcher panel, 66, and the rest of the icons 67b-d will be shifted, one position upwards in the panel. The application for the icon that now has become the topmost one will be switched to. Certain inventive aspects relate to drag and drop functionality, as will bei'described in more detail in later sections of this document. It is to be noticed already here that the application switcher panel 66 is particularly well suited for use together with drag and drop functionality. Thus , using the stylus 9c, the user 9 may make a selection of content presented in the appli- cation area 80 for a first application, which is current- Iy active, and, drag the selected content to a desired one of the icons 67 in the application switcher panel 66. This will cause activation of an associated second application which will take control over the application area 80 and replace the first application as the currently active one. Then, the useii may proceed and drag the stylus to a desired input field of this second appli- cation in the application area 80, and finally lift the stylus 9c, wherein the selected content from the first application will be pasted into the second application.
The particulars and functionality of the above- described application switcher panel 66 make switching between applications both;.fast and intuitive, and also clearly inform the user of the applications which are currently running as well as the order between them.
The home application ,72 of Fig 7 will now be described in more detail. Typically, the home application will be activated at start-up of the pocket computer 1. During ongoing use of theipocket computer 1, irrespective of whatever other application that is currently active, the user 9 may always return to the home application by pressing the home key 5d on the front surface 2f of the apparatus housing 2. Another way of invoking the home application is through the application switcher menu button 68, as has been described above. As seen in Fig 7, in this embodiment the home application contains three application views 82, 83 and 84 on the display 3. Each .application view is a down- scaled version of the application view of another appli- cation 57. Thus, among all the functionality nominally provided by such another application 57, the application view in the home application will only provide access to limited parts thereof. For instance, application view 82 in Fig 7 represents a news application (e.g. Usenet news) and provides a limited view of this application by displaying the number of unread posts together with a few of the latest posts. Tapping on any of these latest posts will cause presentation of the contents of the post in question. If the user wants to access the complete functionality of the news application, he may switch to this application through e.g. the application switcher menu button 68 (as described above) , or the "Others" icon 65 in the upper part 62 of the task navigator 60. In another embodiment, tapping on a post in the application view 82 may directly cause launching (if not already running) of or switching to the news application.
The application view 83 represents an Internet radio application and gives a limited view of its functionality. By tapping on a "Manage" button therein, the user may invoke the actual Internet radio application to access its entire functionality. The application view 84 represents a Clock application,
The interaction betwe'en such a limited application view 82, 83, 8'4 and the actual application it represents may be implemented using push technique, as is readily realized by a skilled person.
In one embodiment, the user may configure which application views to include in the home application,, and some particulars σf them. Using only limited resources in terms of memory, CPU load and display screen space, the home application gives the user 9 a very convenient overlook view of certain applications that he probably likes to access frequently.
The bookmark manager !i72 previously mentioned will now be described in more detail. As seen in Figs 13 and 14/ the bookmark manager divides the application area into three parts 510, 520 and 530. Part 510 is a storage hierarchy view, showing a current structure of folders 512 for bookmarks in the pocket computer 1. The user 9 may select any of these fqlders by tapping on it with the stylus 9c, wherein the contents of this folder will open up into the second part 520, which lists all bookmarks 522 in the present folder 1512. The user 9 may also create or delete such folders by 'tapping on a respective icon 532b, 532e in the third part 530. By tapping on a desired bookmark 522 the web browser application will be invoked, and the web page defined by the bookmark in question will be visited. Moreover, by tapping in a check box 524 provided to the right of each bookmark 522, the user may select one or more of the bookmarks 522. For such selected bookmark (s) , further operations may be commanded by tapping on for instance an edit bookmark icon 532a, a delete bookmark icon 532e or a move bookmark icon 532c. If the move bookmark icon 532c is tapped on, a Move to folder dialog 540 will be shown, as is seen in Fig 14.
Thus, the' bookmark manager provides many ways for the user 9σ to manage his jseleσtion of bookmarks in a convenient manner.
Whenever the terms press and lift are used in this document, it is to be understood that this may be implemented using the stylus 9c on the touch sensitive display 3, a mouse, a trackball or any other suitable pointer input technology,
Figs 15A and 15B illustrate how the user may pan content in an embodiment of an inventive aspect . Content 302, or data, available for display is larger than what a display view 301 of the po'cket computer 1 can physically render. As known in the art, the display view 301 then shows a subset of the content 302 that can fit into the space defined by the display view 301.
As shown in Fig 15A, to pan content, the user presses the stylus 9c in a first position 303 and, while holding the stylus 9c pressed, moves the stylus 9c to a second position 304, where the stylus 9c is lifted. This effects a movement of the. content according to the movement of the stylus 9c. So in this example, as the stylus is moved to the left, the underlying available content is moved to the left, creating a resulting view 301 as can be seen in Fig 15B. In other words, panning may be performed with a tap and drag.
Figs 16A and 16B illustrate how the user may select text m an embodiment of an inventive aspect. Like for the situation explainei in conjunction with Figs 15A and 15B, content 302, or data available for display is larger than what the display view 301 of the pocket computer 1 can physically render. As is known m the art, the display view 301 then shows part of the content 302 that can fit into the space defined by the display view
301.
To select part of the data displayed, the user double-taps in a first position 305 and, while holding the stylus 9c pressed after the second tap, moves the stylus 9c to a second position 306, where the stylus 9c is lifted. In other words,, the user depresses the stylus 9c, lifts the stylus 9σ, depresses the stylus 9c a second
Figure imgf000042_0001
must be less than a specific threshold distance for it to be considered a double-tap. In summary, selection of data is performed with a double-tap and drag.
The above described method to select data is different from conventional methods to selecb data. The most common method to select data is to press the stylus 9c down, move the stylus 9c and lift the stylus 9σ. However, as explained in conjunction with Figs 15A and 15B above, this method is ' used to pan through content. Consequently, with the novel and inventive way to select data in the inventive aspect, text selection or panning may be performed at will by the user without requiring the user to switch to a specific text selection or panning mode. , It is also to be noted that it is also in scope of the inventive aspect to perform panning with a double-tap and drag, and data selection with a tap and drag.
Figs 17A and 17B illustrate how the user may zoom in or out on text in an embodiment of an inventive aspect. Fig 17A displays an initial state where the display view 301 displays content i being a subset of the available content 302. The user presses a 200m in button 4b, after which the display is updated to zoom in on the available content as is shown in Fig 17B. Due to the enlargement of displayed data1 items, such as text, once 2oomed in, the display displays less content than before.
Analogously, if the initial state is as shown in Fig 16B and the user presses a zoom out button 4b, the display is updated to zoom out on the available content such as is shown in Fig 17A. Consequently, more data items, such as1 text, willlbe displayed once the display is zoomed out. Any type of suitable user input can be used to zoom in and zoom out. For example, a jog dial can be used where jiwo directions of the jog dial correspond to zooming in or out, respectively. Similarly, a 4/5 way navigation key or a joystick can be used. Alternatively, separate input t devices can be used for zooming in and out, such, as tihe zoom-in key and zoom-out key described above .
The zooming functionality as explained above is particularly u;seful in conjunction with the panning functionality .described in conjunction with Fig 15 above. This combination provides fan exceptionally efficient manner for the! user to navigate through content being larger than the physical display, which for example often is the case while using a web browser application. While this combination of zooming and panning is described in an embodiment of a pocket computer, it can equally well be used in personal digital assistants
(PDAs) , mobile terminals,,{.portable gaming devices, or any suitable portable electronic apparatus with a touch- sensitive screen.
Fig 18 is. a flow chart illustrating a method for allowing data selection in an embodiment of an inventive aspect. The method in this embodiment is implemented as software code instructions executing in the pocket computer 1. In this method, the display view 301 shows a number of data items of available content 302, where the data items are for example text and/or images. However the display may show any data item representable on a display. In a detect first tap step 331, the pocket computer
1 detects a tap by the stylus 9c on the touch sensitive display of the pocket computer 1.
In a conditional commence data selection step 332, it is determined whether data selection should be commenced. If a second tap of the stylus 9c is detected, which in conjunction withthe tap in the detect first tap step 331 makes; up a double tap, it is determined that data selection is to be commenced. However, the time difference between the first and the second tap must be less than a predetermined time. This predetermined time is preferably configurable by the user. Additionally, t second tap position must be in a position less than a threshold distance from said first position. This threshold relative distance, rather than requiring identical positions, is preferably used as it is rather likely that th'e second tap of an intended double tap by the user is in' fact not in the exact same position as the first tap. If it is determined to commence selection of data in the previous step, execution of the method proceeds to a select data items corresponding to movement step 333. Here any movement after the second tap, while the stylus 9c is still pressed, is detected, giving a current position of the stylus 9c It can then be deberitiined that all data items between the first tap position and the current position of the stylus 9σ are selected by the user. This information is | updated in the memory 54 in the pocket computer 1 for further processing and is also displayed on the display 3. Once the user lifts the stylus 9c from', the display, the selection has been made and this method ends. If it is not determined in the commence data selection step 332 that data selection is to be commenced, execution of the method ends.
With a selection of data items made, the user may, as is known in the art, perform various tasks associated with the selected data items. For example the user may copy the selected data items into a buffer and paste these data items into the | same or another document. Alternatively, if the selected data items are text, the selected text could be formatted in various ways . Fig 19 is a flow chart illustrating a method for allowing both data selection and panning in an embodiment of an inventivei aspect. The method in this embodiment is implemented as software code instructions executing m the pocket computer 1. In this method, the display view 301 shows a number of data items of available content
302, where the; data items are for example text and/or images. This Method is essentially an extension of the method shown in Fig 18.
The detect first tap ,,step 331, the commence data selection step, 332 and the select data items corresponding to movement step 333 are in the present embodiment identical to the embodiment shown in Fig 18.
However, in this embodiment, if in the commence data selection step 332 it is 'determined that data selection is not to be commenced, execution proceeds to a conditional commence panning step 334, in the commence panning step 334, it is determined whether panning is to be commenced. If it is detected that the stylus 9σ used in the detect first tap step 331 is still being pressed and has moved in position I. from a first position detected in the detect first tap step 331 , it is determined that panning is to be commenced. The movement relative to the first position may need to be more than a threshold distance to avoid unintentional panning.
If in the commence panning step 334 it is determined that panning is to be commenced, execution of the method proceeds to a pan content corresponding to movement step
335. While the stylus 9c is still pressed, in this step the content in the display is moved according to the movement of the stylus 9c For example, if the stylus 9c is moved to the left, the [.'underlying available content is moved to the left, such as can be seen in Fig 15A and 15B, where Fig 15A shows a display view 301 before the move of the stylus 9c to the left and Fig 15B shows a display view 301 after the stylus 9c is moved to the left. This is :he classical way to perform panning.
However, as it may be preferred that the display, rather than the content, is moved in the same direction as the stylus 9c movement, in an jalternative embodiment, the display view may move to tihe left if the stylus 9c is moved to the left. This alternative type of behavior is more often referred to scrolling, rather than panning.
Figure imgf000047_0001
lift state 352, the user instead performs a tap same position action 373 with the stylus 9c, the computer transitions to a second tap state 353.
From the second tap state 353, if the user performs a lift action 378 with the stylus 9c, the computer transitions to the ready state 350. On the other hand, from the second tap state 353, if the user with the stylus 9c still pressed performs a move action 374 with the stylus 9c, the computer transitions to a selecting data state 354,
Upon entering the selecting data state 354 the computer updates the display to indicate the data on the display between the first position and the current position as selected The memory 54 is also updated to indicate what data items are currently selected. From the selecting data state 354, if the user performs a move action 375 with the stylus 9c, the computer reenters the selecting data state 354 with a new current position of the stylus 9c. On the other hand, from the selecting data state 354, if the user performs a lift action 376 with the stylus 9c, the computer transitions to the ready state 350, whi le retaining the current selected data items in the m ,mory 54 for further processing. Also, any indication on 'the display of the selection is retained.
When the computer enters the panning state 355 after the user performs a move action 380 from the first tap state 351, the computer updates the display, moving the available content corresponding to the distance between the current position and the first position. Prom the panning state 355, if the user performs a move action 381 with the stylus 9c, the computer reenters the panning state 355 with a new current position. On the other hand, from the panning state 355, if the user performs a lift action 382 with the stylus 9c, the computer transitions to the ready state 350.
Fig 21 illustrates a web browser showing content with hyperlinks. In this example, the web browser application executing in the pocket computer 1 renders a text on a display view 301 including a number of hyperlinks 310 - 313. As is known in the art, if the user taps on one of the links using the stylus 9c on the touch sensitive display 3r the web browser application will in stead display a new web page, referred to by the hyperlink.
Alternatively, hardware buttons, such as a right button and a left button of navigation key 5a, may be used to browse through available hyperlinks 310 - 313, with at most one hyperlink being selected at any one time, such as hyperlink 311. In the prior art, a tab key on a computer keyboard is used to browse through the available hyperlinks. A web page author may add information about relative the order of the hyperlinks using what is called tab order. This tab order is usually determined by the web page author in order to maximize usability when the web page is displayed on a full size computer display. Thus, when the web page is displayed on a display of the pocket computer, where the pixel resolution is often significantly less than on a full size computer, the original tab order may not be optimal.
In an embodiment of an inventive aspect, the tab order indicated by the web author is ignored, Instead, the relative order of the hyperlinks is determined by the geometrical layout on the display. Again with reference to Fig 21, there may be an example where hyperlink 310 has a tab order of 3, hyperlink 311 has a tab order of 2, hyperlink 312 has a tab order of 5 and hyperlink 313 has a tab order of 4. If the user now indicates a desire to navigate to the subsequent hyperlink after a currently selected hyperlink 311, in the prior art, hyperlink 310 would be determined to be the subsequent hyperlink after hyperlink 311 as hyperlink 310 has the tab order of 3, and the hyperlink 311 has the tab order o£ 2. However, in this embodiment of an inventive aspect, as the geometrical position takes precedence over the tab order of the hyperlinks, the subsequent hyperlink after hyperlink 311 would be determined as hyperlink 312.
This method works in two directions/ so if hyperlink 311 is selected and the user indicates a desire to select the subsequent hyperlink before hyperlink 311, hyperlink 310 would be selected.
Figs 22A and 22B illustrate an embodiment of an inventive aspect before and after a positioned zoom. In Fig 22A, the display view 301 of the touch sensitive display 3 of the pocket computer 1 shows content with a zoom factor of 100%. In this example, the content is a web page rendered by a web browser application executing in the pocket computer 1. However, any application where the user may benefit from a zoom function could be executing. In this example, the user has held the stylus 9c on the touch sensitive display 3 in a position 314 during a time period longer than a predetermined time, which has the effect of a context menu 315 showing. In this example, the menu only shows different zoom factors, but any relevant menu items, such as navigation forward and backwards, properties, etc. may be presented in this menu. Additionally, while this example only shows menu items in one level, the menu items may be organized in a hierarchical manner to provide a structured menu, in the case where there are more menu items available which may be grouped in logical subgroups .
In this example, the user selects to zoom to 200% by selecting menu item 316. After the user selects the zoom factor, the application proceeds to re-render the same content but now with the new zoom factor, in this case 200%, as can be seen in Fig 22B. The position relative to the content 314 in Fig 22A is now a center position in the content re-rendered by the web browser application.
Fig 23 illustrate new content loaded in a web browser. Figs 22A and 22Ϊ3 can also be used in conjunction with Fig 23 to illustrate an embodiment of an inventive aspect where zoom factor information is retained. An example of such a method will now be disclosed.
Rs shown in Fig 22A, the user may navigate to a first page containing content displayed in the display view 301 with an initial zoom factor of 100%. The user may, for example, change the zoom factor to a new zoom factor of 200% for the first page, by using a context sensitive menu 315 as explained above. The web browser re-renders the content with the new zoom factor of 200% for the first page as can be seen in Fig 22B.
The user may then navigate to a second page, using a link on the first page, by entering a uniform resource locator (URL), or by any other means. As shown in Fig 23, the second page is then rendered with an initial zoom factor of 100%.
The user may then wish to return to the first page, for example using a back button 317 in the web browser application. Upon the user pressing the back button 317, the web browser then re-renders the first page, using the new zoom factor of 200% for the first page. In other words, the browser keeps zoom factor information in memory 54 as part of the browser history, benefiting the browsing experience for the user. This information is stored so it can be used when revisiting already visited pages, either using the back or a forward functionality by means of a back button 317 or a forward button 318, respectively, commonly provided by web browsers in the art. Fig 24 is a flow chart illustrating a method of an embodiment of a list element according to an inventive aspect. Refer to Fig 26A-C for an illustrative graphical representation of the list element. The method provides the user with a user interface element representing a list, henceforth called a list element 420, having several ways in which its list items 421a-d may be selected. In this example, the list element 420 is operable in three modes: a single selection mode, a multiple distinct selection mode and a range selection mode. The flow chart illustrates the way in which selections may be made in the different list element modes. The method in this example is executing in the pocket computer 1 with its touch sensitive display 3.
In a detect first tap step 401, a first tap is detected from the stylus 9c being tapped on the touch sensitive display in a first position. In a select first list item step 402 a first list item corresponding to the first position is selected in the list element 420. The selection may for example be indicated on the display by changing the background color of the selected item and/or rendering a border around the selected item. Additionally, information about the selected item is stored in memory 54 to be available for later processing.
In a detect first lift step 403, a first lift of the stylus 9c is detected in a second position. This second position may be the same or different from the first position detected in the detect first tap step 401 above. In other words, the user may have moved the stylus 9c between the first tap and the first lift.
In a conditional range selection mode & different positions step 404, it is firstly determined if the list element 420 is configured to be in a range selection mode. Secondly, it is determined which first list item corresponds to the first position, when the tap was detected, and which second list item corresponds to the second position, when the lift was detected. If the first list item and the second list item are the same, and the list element 420 is determined to be in a range selection mode, this conditional step is affirmative and execution proceeds to a select list items between first tap and first lift step 405. Otherwise, execution proceeds to a detect second tap step 406. In the' select list items between first tap and first lift step 405, all items between the first list item and the second list item are selected. Preferably, the first and the second list items are also selected. What this entails for the user, is that upon dragging over several list items, all of these are selected, provided that the list element 420 is in range selection mode.
In the detect second tap step 406, a second tap is detected in a position on the touch sensitive display. In a conditional single selection/range mode step 407, it is determined if the list element 420 is in a single selection or range mode, If this is affirmative, execution proceeds to a deselect any previously selected list items step 408. Otherwise execution proceeds to a select second list item step 409.
In the deselect any selected list item step 408, any previously selected list items are deselected.
In the select second list item step 409, a list item corresponding to the position detected in the detect second tap step 406 above is selected. Due to the effect of the deselect any selected list item step 408 above, multiple distinct selections are only possible if the list element 420 is in a multiple distinct selection mode . Fig 25 is a flow chart illustrating drag and drop functionality in an embodiment of a list element according to an inventive aspect. The figure illustrates how a selection made in a list element 420 may be dragged and dropped to another user interface element. In a detect selection step 410, a selection of one or more list elements 420 is detected. The details of how the selection may be made are disclosed in conjunction with Fig 24 above.
In a detect tap on selection step 411 a tap is detected on the touch sensitive display. The position of this tap corresponds to a list item that is currently selected, as a result of the detect selection step 410 above.
In a detect a lift on second element step 412, a lift of the stylus 9c is detected in a position corresponding to a second user interface element. This corresponds to the behavior called drag and drop, which is well known per se in the art.
In a conditional range selection/single selection mode step 413, it is determined if the list element 420 is in a range selection or a single selection mode. If this is affirmative, execution proceeds to a provide selection data to second element step 414. Otherwise, execution of this method ends .
In the provide selection data to second element step 414, data corresponding to the list item or list items that are currently selected is provided to the second user interface element. If, for example, the second user interface element is a text area 426, the text data corresponding to the list item/items that are selected, may added to the text field.
Figs 26A-C illustrate the list element in an embodiment of the in the context of other user interface elements, where the list element 420 is in a single selection mode, multiple distinct selection mode and a range selection mode, respectively.
Firstly, Fig 26A, where the list element 420 is in a single selection mode, will be explained. On the touch sensitive display 3 of the pocket computer 1, a number of user interface elements are shown on a display view 301. The list element 420 has four list items 421a-d. A text area 426 is also displayed. Firstly, the user presses the stylus 9σ in a position 423, corresponding to a specific liat item. 42Ib7 activating a selection of the list element 421b. Secondly, the user presses the stylus Sc in a position 424, activating a selection of a second list item 421d. When the second list item 421d is selected, the first list item 421b is deselected. Finally, the user performs a drag and drop operation/ by tapping the stylus 9c in a position corresponding to the second list item 42ld and, while holding the stylus 9c pressed, moving the stylus 9c to a position 427 in the text area 426 and lifting the stylus 9c. As this is a single selection list element 420, drag and drop is possible, and information about the selected list item 421d in the list element 420 is provided to the text area 426, whereby the text corresponding to the selected list item 421d may be added to the text area 426« It is to be noted that the text area 426 may be of the same application of the list element 420 or a totally separate application 57.
Secondly, Fig 26B, where the list element 420 is in a multiple distinct selection mode, will be explained. Firstly, the user presses the stylus 9c in a position
423, corresponding to a specific list item 421b, activating a selection of the list element 421b. In this type of list element 420, a selected list item is indicated with a check box 422 next to the list item. Secondly, the user presses the stylus 9c in a position
424, activating a selection of a second list item 421d> When the second list item 421d is selected, the first list item 421b is still selected. Finally, the user attempts to perform a drag and drop operation, by tapping the stylus 9c in a position corresponding to the second list item 421d and, while holding the stylus 9c pressed, moving the stylus 9c to a position 427 in the text area 426 and lifting the stylus 9c. As this is a multiple distinct selection list element 420, drag and drop is not possible, and no information may be provided to the text area 426. Instead, from the second tap in the position 424, the second list item 421d is deselected.
Thirdly, Fig 26C, where the list element 420 is in a range selection mode, will be explained. The user presses the stylus 9c in a position 423, corresponding to a specific list item 421b, activating a selection of the list element 421b. While still keeping the stylus 9c pressed, the user then moves the stylus 9c to a position and lifts the stylus 9c. This dragging selects list items 421b to 421d. The user then performs a drag and drop operation, by tapping the stylus 9c in a position 424 corresponding to the second list item 421d and, while holding the stylus 9c pressed, moving the stylus 9c to a position 427 in the text area 426 and lifting the stylus 9c. As this is a range selection list element 420, drag and drop is possible, and information about the selected list item 42ld in the list element 420 is provided to the text area 426, whereby the text corresponding to the selected list items 421b-d may be added to the text area 426. Figs 27A and 27B illustrate how a window hiding method works in an embodiment of an inventive aspect.
Beginning with Fig 27A, on the pocket computer 1, there is the touch sensitive display 3, showing a display view 301. A window 450 is displayed on a layer in front of any other windows currently displayed. The window may be a full window, or a dialog, such as is shown here. The window comprises a head area 451. The user taps the stylus 9c in a position 452 on the touch sensitive display 3, corresponding to the head area 451 of the window 450.
As a result, the window 450 and its contents are hidden, as can be seen in Fig 27B, thereby exposing any content previously covered by the window 450. Preferably, a box outline 453 is displayed, showing the location of the hidden window.
Once the user lifts the stylus 9c, the window 450 is displayed again, effecting a view 301 as seen in Fig 27A. Fig 28A is a diagram illustrating a remote scrolling element 463 in an embodiment of an inventive aspect. The pocket computer comprises the display 3 with a visible area 460. A web browser 461 currently uses all available space of the view 461 available to an application, leaving space for a remote scroll element 463. The web browser has a vertical scrollbar 462 comprising a scroll thumb 464. As the scrollbar 462 is vertical, the remote scroll element 463 is also vertical. If the scrollbar 462 would have been horizontal, the remote scroll element 463 would have been placed along the bottom of the display 460, assuming a predominately horizontal shape. If the user presses the stylus 9c in a position on the remote scroll element 463, the application responds in the same way as if the user would have pressed on the scrollbar
462 with a same vertical co-ordinate. For example, if the user presses in a position 465 on the remote scroll element 463, which has the same vertical co-ordinate as a up arrow 466 of the scrollbar 462, it has the same effect as if the user would have pressed on the up arrow 466 immediately, i.e. scrolling the screen upwards. All actions that can be performed on the scrollbar 463 itself, such as scrolling up and down using the arrow buttons, scrolling by dragging the scroll thumb 464, or pressing in the area below or above the scroll thumb to scroll a page at a time, can in this way be performed by a corresponding press on the remote scroll element 463-
Fig 28B is a diagram illustrating a disjunctive remote scrolling element 463 in an embodiment of an inventive aspect. The pocket computer 1 comprises the display 3 with a visible area 460, The web browser 461, comprising a scrollbar 462, is not occupying all available space of the view 461, and is only partly covering another application 468. The remote scroll element 463 is here located along the right side of the screen, not in direct contact with the web browser 461. Still, if the user presses the stylus 9c in a position on the remote scroll element 463, the application responds in the same way as if the user would have pressed on the scrollbar 462 with a same vertical co-ordinate. The remote scroll element 463 is located along the right side of the view 460 for convenience, and may be used for the currently active application,, regardless of the position of the application on the view 460.
In one embodiment, the location of the remote scroll element 463 is visually indicated by e.g. including a bitmap image in the remote scroll element 463. In another embodiment, the remote scroll element 463 is partly or fully transparent, wherein the area on the display that underlies the remote scroll element 463 may be used for presentation of information such as non-selectable indicators (for instance a battery charge indicator or other status indicator) .
Fig 28A may also be used to explain another inventive aspect related to the scrollbar, wherein the scrollbar further comprises an upper part of a trough 467a and a lower part of the trough 467b. When the user presses the stylus 9c in the trough, for example in the lower part of the trough 467b, the content starts scrolling. The content continues to scroll, until either the end of the content is reached or the user lifts the stylus 9σ. Thus, the content may continue to a position past the position where the user tapped the stylus. This makes the exact position of the stylus less important when scrolling, thereby significantly simplifying the scrolling procedure when the user is in a moving environment, such as a bus or train or while the user is walking.
The scrolling is made up of scrolling steps, where each step scrolls one page of content. Preferably there is a pause after the first step of scrolling, allowing the user to stop the scrolling after the first page of scrolling.
Below follows a description related to content display modes. It is to be noted that here the hypermedia pages are represented by web pages. In order for the user to be able to view web pages on a mobile terminal, that were originally intended to be displayed on a personal computer, he/she may need to change the content display mode. For example,, a zoom factor, a page layout mode or a frame display mode may be required to be adjusted for the user to be able to customize how content is shown in the display. Page layout mode is when the user is given an option to either have a normal view or an optimized view. In the normal view, page content is displayed potenbially with content to the right of the display view. In the optimized view, the content is rearranged horizontally, such that no content is present outside the display view horizontally.
Figs 29A, 29B, 29C and 29D illustrate different settings of a content display mode being a frame display mode and a page layout mode in an embodiment of the present invention. When the frame display mode is in merged frames mode, frames are combined to a single frame as can be seen in Figs 29C and 29D, When the page layout mode is set to be optimized, text in a frame is adjusted horizontally such that it fits into the visible portion of the frame. The page layout mode is set to be optimized in Figs 29B and 29D. Each of the Figs 29A, 29B, 29C and 29D will now be described in more detail.
In Fig 29a, the browser has optimized view disabled and merge frames disabled- A content page being displayed with a first frame 571 on the left of the display view 561, and a second frame 572 on the right. The author of the web page has in this example indicated in the content page code, such as HTML, that the first frame 571 is to be displayed to the left and the second frame 572 is to be displayed to the right. As can be seen in Fig 29A, this first display mode takes into account the content page author's instructions about how the frames 571 and 572 should be displayed. Frames 571 and 572 have vertical scroll bars 581 and 582, respectively, and horizontal scroll bars 583 and 584, respectively. If the user indicates a desire to scroll the content using, for example, the navigation key 5a, the frame of the frames 571 and 572 which is currently active will have its content scrolled. Only one frame can be active at any one point in time/ resulting in an unpredictable behavior if the user scrolls the content without knowing for certain which frame is active.
In Fig 29B, the browser has optimized view enabled and merge frames disabled. Here there are still two frames 571 and 572, each having- scroll bars 581 and 582, respectively. However, compared to FIG 29A, there is no content to the right of the display view 561, The content has been rearranged horizontally to fit within the physical boundaries of the right-hand frame 572.
In Fig 29C/ the browser has optimized view disabled and merge frames enabled. Here the contents of the frames 571 and 572 are merged into one merged frame 573 taking up the entire space of the display view 561. While not strictly following the code instructions of the web page, this frame display mode has the advantage of only providing the user with one frame of scrollable content, which may be a preferable way for the user to navigate through the content. This is particularly useful in mobile communication terminals having limited user interfaces. For example, the user may in this frame display mode use the navigation key 5a to unambiguously scroll all of the content currently shown on the display view 561. As the page layout mode is not optimized, content may, as is the case here, exist to the right of the display view 561. The frame 573 then has one vertical scroll bar 582 and one horizontal scroll bar 584. In Fig 29D, the browser has optimized view enabled and merge frames enabled. As in Fig 29C, the contents of the frames 571 and 572 are merged into one merged frame 573 taking up the entire space of the display view 561. Furthermore, the page layout mode is optimized here, whereby no content exists to the right of the display view 561. The frame 573 then only has one vertical scroll bar 5B2, Figs 3OA and 3OB together with Figs 3IA and 31B are used to illustrate a method of how content display modes associated to web pages are retained.
Figs 3OA and 3OB show a display view of a web browser having rendered a first web page in two different content display modes, in this case being zoom factors. Figs 3IA and 3IB show a display view of a web browser having rendered a second web page in two different content display modes, being a difference in zoom factors and page layout mode.
Although the following example uses the content display modes being a zoom factor and page layout mode, any content display mode may be used accordingly. For example, the content display modes of frame display mode and text selection could alternatively or additionally also be used.
With reference to Figs 3QA-B and 3IA-B, a process will now be disclosed, illustrating how an embodiment of the present invention retains content display modes related to web pages.
As shown in Fig 3OA, the user has navigated to a first page containing content displayed in the display view 561 with an initial zoom factor of 100%. The page layout mode is normal, whereby both a menu bar 561 and a button bar 563 are visible. The button bar comprises a back button 567 and a forward button 568. The user may then, for example, modify the content display mode by modifying the zoom factor to a new zoom factor of 200%, by using a context sensitive menu 565. This results in the web browser re-rendering the content with the new content display mode being a zoom factor of 200% as can be seen in Fig 3OB. The page layout mode remains the same as before, being in normal mode.
The user may then navigate to a second page, using a link on the first page, using a bookmark, by entering a uniform resource locator (URL), or by any other means. Fig 3IA shows a display view 561 on which the browser has rendered the second page with an initial zoom factor of 200% and a normal page layout mode. Xn other words, the latest active content display mode is used for subsequent page renderings, such as the second page in this example. If the user chooses to change the content display mode, such as by changing the zoom factor to 100%,. and by- changing the page layout mode to optimized, the second content page is re-rendered according to the new content display mode. In this case this involves rendering the second page with the zoom factor of 100%, arranging the content such that no content exists to the right of the display view 561, as is illustrated in Fig 31B.
There are now two history items for the two pages stored by the browser, The first page has associated a zoom factor of 200% and normal page layout mode. The second page has associated a zoom factor of 100% and an optimized page layout mode.
The user may then wish to return to the first page, for example using a combination of hardware keys (not shown) . Upon the user pressing the combination of hardware keys, the web browser re-renders the first page according to the content display mode associated with the history item for the first page, thereby using a zoom factor of 200% and a normal page layout mode. In other words, the display will again look as shown in Fig 3OB. By keeping content display mode information in memory 554 as part of the browser history, the browser improves the browsing experience for the user. The stored content display information can be used when revisiting already visited pages, either using back or forward functionality by means of the back button 567 or the forward button 568, respectively, commonly provided by web browsers in the art.
Fig 32 shows an exemplary data table 590 comprising history data according to an embodiment of the present invention. The data table 590 is used to store history items. The data table 590 is preferably stored in the memory 554, where it is accessible to the controller 550. The table comprises a number of columns, where each column contains one type of data for each record. Records are shown vertically, where each step down in the table 590 corresponds to a new record.
A uniform Resource Locator (URL) column 591 contains the URL of the history item, A page layout column 592 contains information for each history item about page layout mode. A frame mode column 593 contains information about the frame display mode for each history item, A zoom factor column 594 contains the zoom factor for each history item. A text selection column 595 contains information about any text selections for each history item. The text selection is in this illustrative example represented with two numbers, representing the start1 and the end of the text selection in terms of character numbers. Although not shown, additional information is preferably included for text selection, such as a reference to the frame with the text being selected, etc Furthermore, "0,0" here simply denotes that no text selection has been made in the history item in question. Additional columns 596, related to content display modes or other information about the history item, may be added when suitable.
The inventive aspects have mainly been described above with reference to a number of embodiments . However, as is readily appreciated by a person skilled in the art, other embodiments than the ones disclosed above are equally possible within the scope of the inventive aspects, as defined by the appended patent claims.

Claims

1. A method of operating a user interface in a pocket computer, the pocket computer being adapted for execution of different software applications, each application having a number of functions, each function when invoked providing a certain functionality to a user of the pocket computer, the method involving providing, on a display of said pocket computer, a number of selectable user interface elements, each user interface element representing a certain use aspect of said pocket computer, said certain use aspect being associated with certain functions of certain applications; detecting selection by said user of a particular element among said user interface elements; for the selected particular element, presenting on said display a number of selectable and task-oriented options, each such option being associated with a certain function of a certain application/ detecting selection by said user of a particular option among said options; and invoking the function associated with said particular option.
2. A method as in claim 1, wherein said display is touch-sensitive and said selections are done by the user by pointing at the touch-sensitive display.
3. A method as in claim 1, wherein said selectable user interface elements are icons located at static positions on said display.
4. A method as in claim 1, wherein said task-oriented options are presented as menu items in a menu.
5. A method as in claim 1, wherein a first use aspect of said pocket computer is information browsing and a second use aspect of said pocket computer is electronic messaging.
6. A pocket computer having a user interface which includes a display and being adapted for execution of different software applications, each application having a number of functions, each function when invoked providing a certain functionality to a user of the pocket computer, the pocket computer being adapted to perform the method as defined in claim 1.
7.A method for accepting input to select data items displayed on a touch sensitive display of a pocket computer further comprising a writing tool, comprising the steps of: detecting a first tap of said writing tool in a first position at a first point in time, determining that selection of data is to be commenced by detecting a second tap of said writing tool in a position less than a threshold distance from said first position within a predetermined time from said first point in time, and if it is determined that selection of data is to be commenced, upon detecting movement of said writing tool to a second position, selecting data items between said first position and said second position.
8. A method according to claim 7, said data items representing a subset of available content, wherein if it is not determined that selection of data is to be commenced, said method comprising the further steps of: determining that panning is to be commenced by detecting that said writing tool has moved after said first tap of said writing tool, and if it is determined that panning is to be commenced, detecting a second position of said writing tool, and performing a panning operation among said available content to display data items at a position offset by a difference between said first position and said second position.
9. A method for accepting input to pan content and to select data items, displayed on a touch sensitive display of a pocket computer further comprising a writing tool, said data items representing a subset of available content, the method comprising the steps of: detecting a first tap of said writing tool in a first position at a first point in time, determining that panning is to be commenced by detecting a second tap of said writing tool in a position less than a threshold distance from said first position within a predetermined time from said first point in time, if it is determined that panning is to be commenced, detecting a second position of said writing tool, and performing a panning operation among said available content to display data items at a position offset by a difference between said first position and said second position, if it is not determined that panning is to be commenced, determining that selection of data is to be commenced by detecting that said writing tool has moved after said first tap of said writing tool, and if it is determined that selection of data is to be commenced, upon detecting movement of said writing tool to a second position, selecting data items between said first position and said second position.
10. A method according to claim B, wherein said content and data items belong to a web browser application executing in said pocket computer.
11. A pocket computer adapted to perform the method according to claim 8.
12. A pocket computer comprising a zoom in button, a zoom out button and an input writing tool, being capable of displaying content on a display, wherein displayed content is a subset of available content, wherein said computer is capable of zooming in on displayed content on said display in TeSpOnSe1 to a depression of said zoom in button, said computer being capable of zooming out on displayed content on said display in response to a depression of said zoom out button, and said computer being capable of panning available content on said display in response to a tap of said writing tool in a first position on said display, a move of said writing tool and a lift of said writing tool in a second position on said display.
13. A method for navigating through hyperlinks shown on a display of a pocket computer, comprising the steps of: receiving an input to shift focus to a subsequent hyperlink, determining what hyperlink is subsequent solely based on the geometrical position of said hyperlinks displayed on said display, and shifting focus to said hyperlink determined to be subsequent.
14. A method according to claim 13, wherein said subsequent hyperlink is a hyperlink after any hyperlink currently in focus .
15. A method according to claim 13, wherein said subsequent hyperlink is a hyperlink before any hyperlink currently in focus ,
16. A pocket computer adapted to perform the method according to claim 13.
17. A method for changing a zoom factor of content shown on a display of a pocket computer, comprising the steps of: receiving input to display a menu relative to a target position on said display, displaying said menu, comprising at least one menu item for changing said zoom factor, receiving input to change said zoom factor by detecting a menu item with new zoom factor being selected, and rendering said content with said new zoom factor, centered around said target position.
18. A method according to claim 17, wherein said display is a touch sensitive display, and said input to display a menu is a depression on said touch sensitive display during a time period longer than a predetermined threshold value.
19. A method according to claim 17, wherein said display is a touch sensitive display, and said input to display a menu is a double tap on said touch sensitive display.
20. A method according to claim 17, wherein said content belong to a web browser application executing on said pocket computer.
21. A method according to claim 17, wherein said menu is a context sensitive menu.
22. A pocket computer adapted to perform the method according to claim 17.
23. A method for browsing through previously visited web pages in a web browser application executing on a pocket computer comprising a display, the method comprising the steps of: rendering a first web page on said display, accepting a first input to change to a new zoom factor for said first web page, rendering, said first web page with said new zoom factor, accepting a second input to render a second web page, rendering a second web page with a zoom factor distinct from said new zoom factor for said first web page, accepting a third input to again render said first web page, and rendering, said first web page with said new zoom factor.
24. A method according to claim 23, wherein said third input is an input to navigate back through browser history.
25. A method according to claim 23, wherein said third input is, an input to navigate forward through browser history.
26. A pocket computer adapted to perform the method according to claim 23.
27. A method for accepting input to select at least one list item in a user interface element representing a list, said element being operable in a single selection mode or a multiple distinct Selection mode, displayed on a touch sensitive display of a pocket computer further comprising a writing tool, said method comprising the steps of: determining if said element is operating in said single selection mode, determining if said element is operating in a multiple distinct selection mode, detecting a first tap of said writing tool in a first position, selecting a first list item corresponding to said first position, detecting a first lift of said writing tool in a second position,, which may be equal to said first position, detecting a second tap of said writing tool in a third position, if said element is determined to be operating in said single selection mode, deselecting said first list item, and selecting a list item corresponding to said third position.
28. A method according to claim 27, wherein said element is further operable in a range selection mode, said method further comprising the steps, prior to said step of detecting said second tap, of: determining if said element is operating in said range selection mode, and if said element is determined to be operating in a range selection mode and said first list item is not equal to a second list item corresponding to said second position, selecting all list items from said first list item to said second list item.
29. A method according to claim 28, further comprising the step, prior to said step of selecting said second list item, of: if said element is determined to be operating in said range selection mode, deselecting previously selected list items.
30. A method according to claim 27, further comprising the steps of: detecting a third tap in a position corresponding to a selected list item, detecting a third lift in a position corresponding to a second user interface element, and if said element is determined to be operating in the single selection or the range selection mode, providing data representing selected list items to said second user interface element.
31. A method according to claim 27, further comprising the step of: if said element is determined to be operating in a multiple distinct selection mode, rendering a selection indicator adjacent to each selected list item.
32. A method according to claim 31, wherein said selection indicator is a check mark.
33. A method according to claim 27, further comprising the step of: if said element is determined to be operating in the multiple distinct selection mode, detecting a third tap and a third lift of said writing tool in a position corresponding to a previously selected list item, and deselecting said previously selected list item.
34. A pocket computer adapted to perform the method according to claim 27.
35. A method to temporarily hide a window, comprising a head area, displayed in a location on a touch sensitive display of a pocket computer further comprising a writing tool, said method comprising the steps of: detecting a tap of said writing tool in a position corresponding to said head area o£ said window, hiding contents of said window, thereby exposing any content previously covered by said window, detecting a lift of said writing tool, and re-drawing the content of said window in said location.
36. A method according to claim 35, further comprising the step, after said step of hiding, of: drawing a box outline indicating said location of said window,
37. A method according to claim 35, wherein said window is a dialog.
38. A pocket computer adapted to perform the method according to claim 35.
39. A method for scrolling content in a window displayed on a touch sensitive display on a pocket computer, said display further displaying a remote scroll element, the method comprising the steps of: detecting a tap of a writing tool in a first position on said remote scroll element, based on said position of said tap, determining a direction to scroll content, based on said position of said tap, determining a distance to scroll content, and scrolling said content said distance in said direction to a new position,
40. A method according to claim 39, wherein said remote scroll element comprises a bitmap image.
41. A method according to claim 39, wherein said window comprises a scrollbar, comprising a scroll thumb, said method further comprising the step of: moving said scroll thumb to correspond to said new position of content.
42. A method according to claim 39, wherein said remote scroll element is located adjacent to said window.
43. A method according to claim 39, wherein said remote scroll element is located along one edge of said display,
44. A method according to claim 39, wherein said window is located disjunctive from said remote scroll element.
45. Α pocket computer adapted to perform the method according to claim 39,
46. A method for scrolling content in a window displayed on a touch sensitive display of a pocket computer, said display further displaying a scrollbar comprising a scroll thumb movable in a trough, comprising the steps of: detecting a tap of a writing tool in a tapping position in said trough, scrolling said content, including updating a position of said scroll thumb in said trough accordingly by moving said scroll thumb in said trough, detecting a lift of said writing tool, and on.ce lift of said writing tool is detected, stopping said scrolling of content, wherein, in said step of scrolling, said scrolling is allowed to continue such that said position of said scroll thumb moves past said tapping position in said trough.
47. A method according to claim 46, wherein said step of scrolling said content scrolls content one page at a time.
48. A method according to claim 46, wherein said position is distinct from said scroll thumb.
49. A pocket computer adapted to perform the method according to claim 46.
50. A graphical user interface for a pocket computer having a display and being adapted for execution of different software applications, the user interface including an application switcher panel capable of presenting a plurality of icons on said display, each icon being associated with a respective application executed on said pocket computer and being selectable by a user so as to cause activation of the associated application, wherein the icons have an order in the application switcher panel and wherein this order depends on an order in which the associated applications have been active in the past, specifically such that the icon associated with a most recently active application has a first position in the application switcher panel.
51. A graphical user interface as in claim 50, further being adapted, upon launching of a new application, to insert an icon associated with said new application at said first position in the application switcher panel while shifting the positions of existing icons in the application switcher panel by one position backwards.
52. A graphical user interface as in claim 51, wherein only a predetermined maximum number of positions for icons are allowed in said application switcher panel and wherein, for an icon that has been shifted out from the application switcher panel, the application associated therewith may be activated through selection of a menu item' in a menu on said display.
53. A pocket computer having a graphical user interface as defined in claim 50.
54. A pocket computer having a display with a user interface and a controller, the controller being adapted for execution of different utility applications, each utility application providing certain nominal functionality to a user when executed as an active application in said user interface, the pocket computer having a home application adapted for simultaneous provision on said display of a number of limited application views to respective ones among said utility applications, wherein each such limited application view enables the user to access a limited part of the nominal functionality of a respective utility application without executing this utility application as an active application.
55. A pocket computer having an apparatus housing; a touch-sensitive display provided at a first side surface of said apparatus housing; at least one key for navigation among content shown on said display; and at least one key for performing zooming on content shown on said display, wherein one of said at least one key for navigation and said at least one key for performing zooming is located at said first side surface of said apparatus housing, whereas another one of said at least one key for navigation and;said at least one key for performing zooming is loca'ted at a second side surface of said apparatus housing, non-parallel to said first side surface, the location of said keys being such that both keys are within reach of a typical user' s hand when holding the apparatus housing with one hand and without shifting grip.
56. A method according to claim 39, wherein an area on said touch 'sensitive display that underlies said remote scroll element is used for presentation of information such as at least one non-selectable indi- cator.
57. A method for displaying previously visited hypermedia pages in a hypermedia browser application executing on a. mobile communication terminal comprising a display, the method comprising the steps of: rendering' a first hypermedia page on said display, accepting a first input to modify rendering of said first hypermedia page according to a first content display mode, rendering! said first hypermedia page according to said first content display mode, accepting ' a second input to render a second hypermedia page, rendering a second hypermedia page, accepting' a third input to again render said first hypermedia page, and rendering ,said first hypermedia page according to said first content display mode.
58. A method according to claim 57, wherein said content display, mode includes a zoom factor.
59. A methiod according to claim 57, wherein said content display! mode includes a frame display mode. !
60. A method according to claim 57, wherein said content display mode includes a mode when a text of said first hypermedia page is selected.
61. A method according to claim 57, wherein said content display mode includes a page layout mode,
62, A method according to claim 57, wherein said step of rendering a second hypermedia page involves rendering said second hypermedia page according to said first content display mode.
63. A method according to claim 57, wherein said method includes the further steps, after said step of rendering a second hypermedia page, and before said step of accepting a third input, of; accepting a fourth input to modify rendering of said second hypermedia page according to a second new content display mode, and rendering said second hypermedia page according to said second new content display mode.
64. A method according to claim 57, wherein said third input is an input to navigate back through browser history.
65. A method according to claim 57, wherein said third input is an input to navigate forward through browser history.
66. A method according to claim 57, wherein said hypermedia pages represent at least one type of content selected from the group consisting of; html content,, wml content, sgml content and xml content.
67. A mobile communication terminal capable of executing a hyp|ermedia browser application, said hypermedia browser application rendering hypermedia pages on a display of said mobile communication terminal, said mobile communication terminal comprising: means for' rendering a first hypermedia page on said display,. means for accepting a first input to modify rendering of said first hypermedia page according to a first content display mode, means for rendering said first hypermedia page according to said first content display mode, means accepting a second input to render a second hypermedia page, means for, rendering a second hypermedia page, means for accepting a third input to again render said first hypermedia page, and means for; rendering said first hypermedia page according to said first content display mode.
68. A computer program product, directly loadable into a memory of a digital computer, comprising software code portions for performing a method according to claim 57.
69. A portable electronic apparatus comprising: an apparatus housing; a touch-sensitive display provided on a first side surface of said apparatus housing, for use with an input writing tool; , a zoom-in 'key provided on a second side surface, said second side surface being non-parallel to said first side surface; a zoom-out key provided on said second side surface; and a controller, wherein: said portable electronic apparatus is capable of displaying content on said touch-sensitive display, wherein displayed content is a subset of available content; said controller is configured to zoom in on displayed content on said touch-sensitive display in response to an actuation of said zoom-in key; said controller is configured to zoom out on displayed content on said touch-sensitive display in response to an actuation of said zoom-out key; and said controller is configured to pan available content on said touch-sensitive display in response to a combination of a tap of said writing tool in a first position on said touch-sensitive display and a move of said writing tool to a second position on said touch- sensitive display.
70. The portable electronic apparatus according to claim 69, wherein said available content is related to a web browser application of said portable electronic apparatus.
71. The portable electronic apparatus according to claim 69, wherein said portable electronic apparatus is a pocket computer,
72. The portable electronic apparatus according to claim 69, wherein said portable electronic apparatus is a device selected from the group comprising a mobile communication terminal, a portable gaming device and a personal digital assistant.
73. A user interface method of a portable electronic apparatus comprising an apparatus housing, a controller, a touch-sensitive display provided on a first side surface of said apparatus housing for use with an input writing tool, a zoom-in key provided on a second side surface, said second side surface being non-parallel to said first side surface, a zoom-out key provided on said second side surface, said controller being capable of displaying content on said touch-sensitive display, wherein displayed content is a subset of available content, said method comprising: zooming in, in response to an actuation of said zoom-in key, on displayed content on said touch-sensitive display, zooming out, in response to an actuation of said zoom-out key, on displayed content on said touch- sensitive display, and panning, in response to a combination of a tap of said writing tool in a first position on said touch- sensitive display and a move of said writing tool to a second position on said touch sensitive display, available content on said touch-sensitive display.
74. A computer program product directly loadable into a memory of a portable electronic apparatus, said computer program product comprising software code portions for performing the method according to claim 73.
75. A portable electronic apparatus comprising; an apparatus housing; a touch-sensitive display provided on a first side surface of said apparatus housing; a first input device arranged to be actuated with a first digit of a hand of a typical user; a second input device arranged to be actuated with a second digit of said hand of said typical user, allowing said typical user to operate at least said first input device and said second input device without change of grip; and a controller coupled to said touch-sensitive display, said first input device and second input device, said controller being capable of displaying content on said touch-sensitive display? wherein said controller is configured to affect the display of content on said touch-sensitive display in a first manner when said first input is actuated and to affect the display of content on said touch-sensitive display in a second manner when said second input is actuated.
76. The portable electronic apparatus according to claim 75, wherein said controller is configured to move said content on said touch-sensitive display when said first input device is actuated, and to change zoom factor of said content when said second input device is actuated.
77. The portable electronic apparatus according to claim 75, wherein said first input device and said second input device are arranged to allow said portable electronic apparatus to be held by said hand of said typical user.
73. The portable electronic apparatus according to claim 75, wherein said first input device is a key located on said first side surface of said apparatus housing, and said second input device is located on a second side surface of said apparatus housing, non- parallel to said first side surface.
79. The portable electronic apparatus according to claim 78, wherein said first input device is arranged to be actuated with a thumb of said hand of said typical user, said first input device being located at least a threshold distance from an edge of said first side, said edge being an edge of said first side being closest to where said thumb is connected to the rest of said hand.
80. The portable electronic apparatus according to claim 78, wherein said second side surface is essentially perpendicular to said first side surface.
81. The portable electronic apparatus according to claim 75, wherein said controller is configured to affect the display of content on. said touch-sensitive display in a third manner when a writing tool is detected on said touch-sensitive display.
82. The portable electronic apparatus according to claim 75, wherein said third manner is selected from the group comprising panning, selecting text, and actuating a user interface element to display new content.
83. The portable electronic apparatus according to claim 75, wherein said portable slectronic apparatus is a pocket computer.
84. The portable electronic apparatus according to claim 75, wherein said portable electronic apparatus is selected from the group comprising a mobile communication terminal, a portable gaming device and a personal digital assistant,
85. A user interface method of a portable electronic apparatus, said portable electronic apparatus comprising an apparatus housing and a touch--sensitive display provided on a first side surface of said apparatus housing, said method comprising: receiving a first input detected by a first input device, when said first input device is actuated by a first digit of a hand of a user; as a response to said first input, affecting how, in a first manner, content is displayed on said touch- sensitive display; receiving a second input detected by a second input device, when said second input device is actuated by a second digit of said hand of said user; and as a response to said second input, affecting how, in a second manner,, content is displayed on said touch- sensitive display.
86. The user interface method according to claim 85, wherein said receiving a first input and said receiving a second input are performed without an intermediate change of grip of said hand by said user.
87. The user interface method according to claim 85, wherein said first manner is moving content, and said second manner is zooming content.
88. The user interface method according to claim 85, furthermore comprising: receiving a third input detected by said touch- sensitive display, when said third input device is actuated by a writing tool by said user; as a response to said third input, affecting how, in a third manner, content is displayed on said touch- sensitive display.
89. The user interface method according to claim 88, wherein said third manner is selected from the group ' comprising panning, selecting text, and actuating a user interface element to display new content.
90. A computer program product directly loadable into a memory of a portable electronic apparatus, said computer program product comprising software code portions for performing the method according to claim 85.
PCT/IB2006/001330 2005-05-23 2006-05-22 Improved pocket computer and associated methods WO2006126055A2 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
JP2008512937A JP2008542868A (en) 2005-05-23 2006-05-22 Improved pocket computer and related methods
EP06755899A EP1891507A2 (en) 2005-05-23 2006-05-22 Improved pocket computer and associated methods

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
US11/135,624 2005-05-23
US11/135,624 US9785329B2 (en) 2005-05-23 2005-05-23 Pocket computer and associated methods
US11/249,156 2005-10-12
US11/249,156 US9448711B2 (en) 2005-05-23 2005-10-12 Mobile communication terminal and associated methods

Publications (2)

Publication Number Publication Date
WO2006126055A2 true WO2006126055A2 (en) 2006-11-30
WO2006126055A3 WO2006126055A3 (en) 2007-09-13

Family

ID=37452404

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/IB2006/001330 WO2006126055A2 (en) 2005-05-23 2006-05-22 Improved pocket computer and associated methods

Country Status (4)

Country Link
EP (1) EP1891507A2 (en)
KR (1) KR101025259B1 (en)
RU (1) RU2421777C2 (en)
WO (1) WO2006126055A2 (en)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2008085744A1 (en) * 2007-01-07 2008-07-17 Apple Inc. Portable multifunction device,method, and graphical user interface for translating displayed content
US7479949B2 (en) 2006-09-06 2009-01-20 Apple Inc. Touch screen device, method, and graphical user interface for determining commands by applying heuristics
WO2010026044A1 (en) * 2008-09-03 2010-03-11 Volkswagen Ag Method and device for displaying information, in particular in a vehicle
WO2010040201A1 (en) * 2008-10-08 2010-04-15 Research In Motion Limited Panning and zooming images on a handheld touch-sensitive display
US8201109B2 (en) 2008-03-04 2012-06-12 Apple Inc. Methods and graphical user interfaces for editing on a portable multifunction device
US8255830B2 (en) 2009-03-16 2012-08-28 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8427445B2 (en) 2004-07-30 2013-04-23 Apple Inc. Visual expander
US8570278B2 (en) 2006-10-26 2013-10-29 Apple Inc. Portable multifunction device, method, and graphical user interface for adjusting an insertion point marker
JP2014002764A (en) * 2013-07-30 2014-01-09 Fujitsu Ltd Terminal apparatus, display control method, and program having display function
US8650507B2 (en) 2008-03-04 2014-02-11 Apple Inc. Selecting of text using gestures
US8661339B2 (en) 2011-05-31 2014-02-25 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US8949735B2 (en) 2012-11-02 2015-02-03 Google Inc. Determining scroll direction intent
US9348511B2 (en) 2006-10-26 2016-05-24 Apple Inc. Method, system, and graphical user interface for positioning an insertion marker in a touch screen display
US10877628B2 (en) 2017-05-16 2020-12-29 Apple Inc. Devices, methods, and graphical user interfaces for navigating, displaying, and editing media items with multiple display modes

Families Citing this family (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100976042B1 (en) * 2008-02-19 2010-08-17 주식회사 엘지유플러스 Web browsing apparatus comprising touch screen and control method thereof
US8957920B2 (en) * 2010-06-25 2015-02-17 Microsoft Corporation Alternative semantics for zoom operations in a zoomable scene
KR101780440B1 (en) * 2010-08-30 2017-09-22 삼성전자 주식회사 Output Controling Method Of List Data based on a Multi Touch And Portable Device supported the same
CN102567358B (en) * 2010-12-16 2014-07-02 腾讯科技(深圳)有限公司 Navigation content display method and navigation content display device
KR20130052753A (en) * 2011-08-16 2013-05-23 삼성전자주식회사 Method of executing application using touchscreen and terminal supporting the same
US9377937B2 (en) 2012-04-06 2016-06-28 Samsung Electronics Co., Ltd. Method and device for executing object on display
US9146655B2 (en) * 2012-04-06 2015-09-29 Samsung Electronics Co., Ltd. Method and device for executing object on display
RU2509377C2 (en) * 2012-06-05 2014-03-10 Корпорация "САМСУНГ ЭЛЕКТРОНИКС Ко., Лтд." Method and system for image viewing on display device
RU2511992C2 (en) * 2012-06-27 2014-04-10 Николай Борисович Болотин Injector unit of gas-turbine engine combustion chamber
RU2662636C2 (en) * 2012-09-25 2018-07-26 Опера Софтвэар Ас Information management and display in web browsers
RU2606879C2 (en) * 2015-02-06 2017-01-10 Общество С Ограниченной Ответственностью "Яндекс" Method of controlling electronic device and electronic device
EP3268853B1 (en) 2015-03-13 2021-05-05 Telefonaktiebolaget LM Ericsson (PUBL) Device for handheld operation and method thereof
RU2640638C2 (en) * 2015-04-24 2018-01-10 Общество С Ограниченной Ответственностью "Яндекс" Method and electronic device for e-mail message processing based on interaction with user
US10586300B2 (en) * 2015-11-10 2020-03-10 Gt Gettaxi Limited Graphical user interface (GUI) for implementing controls for geographic conveyance

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5523775A (en) * 1992-05-26 1996-06-04 Apple Computer, Inc. Method for selecting objects on a computer display
US5543591A (en) * 1992-06-08 1996-08-06 Synaptics, Incorporated Object position detector with edge motion feature and gesture recognition
US5689666A (en) * 1994-01-27 1997-11-18 3M Method for handling obscured items on computer displays
US5995084A (en) * 1997-01-17 1999-11-30 Tritech Microelectronics, Ltd. Touchpad pen-input and mouse controller
US20010045949A1 (en) * 2000-03-29 2001-11-29 Autodesk, Inc. Single gesture map navigation graphical user interface for a personal digital assistant
US6570583B1 (en) * 2000-08-28 2003-05-27 Compal Electronics, Inc. Zoom-enabled handheld device
US6862712B1 (en) * 1999-03-08 2005-03-01 Tokyo University Of Agriculture And Technology Method for controlling displayed contents on a display device

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100381583B1 (en) * 2001-04-24 2003-04-26 엘지전자 주식회사 Method for transmitting a user data in personal digital assistant
KR100568495B1 (en) * 2003-09-16 2006-04-07 주식회사 쏠리테크 A portable electronic apparatus and a method for controlling the apparatus

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5523775A (en) * 1992-05-26 1996-06-04 Apple Computer, Inc. Method for selecting objects on a computer display
US5543591A (en) * 1992-06-08 1996-08-06 Synaptics, Incorporated Object position detector with edge motion feature and gesture recognition
US5689666A (en) * 1994-01-27 1997-11-18 3M Method for handling obscured items on computer displays
US5995084A (en) * 1997-01-17 1999-11-30 Tritech Microelectronics, Ltd. Touchpad pen-input and mouse controller
US6862712B1 (en) * 1999-03-08 2005-03-01 Tokyo University Of Agriculture And Technology Method for controlling displayed contents on a display device
US20010045949A1 (en) * 2000-03-29 2001-11-29 Autodesk, Inc. Single gesture map navigation graphical user interface for a personal digital assistant
US6570583B1 (en) * 2000-08-28 2003-05-27 Compal Electronics, Inc. Zoom-enabled handheld device

Non-Patent Citations (8)

* Cited by examiner, † Cited by third party
Title
AMAZON:[Online] XP002423923 Retrieved from the Internet: URL:http://www.amazon.com/PALM-P80720US-PalmOne-Zire-Handheld/dp/B00008WFVI> [retrieved on 2007-03-07] *
APPLE COMPUTER INC: "Apple Unleashes "Tiger" Friday at 6:00 p.m."[Online] 28 April 2005 (2005-04-28), XP002438839 Retrieved from the Internet: URL:http://www.apple.com/pr/library/2005/apr/28tiger.html> [retrieved on 2007-06-22] *
APPLE COMPUTER, INC: "Dashboard, Handy widgets at your command"[Online] 7 May 2005 (2005-05-07), XP002438838 Retrieved from the Internet: URL:http://web.archive.org/web/20050507020223/http://www.apple.com/macosx/features/dashboard/> [retrieved on 2007-06-22] *
NINTENDO: "Nintendo DS Technical Specs"[Online] 12 November 2004 (2004-11-12), XP002437722 Retrieved from the Internet: URL:http://web.archive.org/web/20041112133534/http://www.nintendo.com/techspecds> [retrieved on 2007-06-12] *
PALM INC.: "using your Treo"[Online] 2004, XP002437723 Retrieved from the Internet: URL:http://www.palm.com/us/support/handbooks/treo/treo600gsm_UG.pdf> [retrieved on 2007-06-14] *
PALM INC.: "Handbook for the Palm Zire 71 Handheld" [Online] 2003, , XP007901882 Retrieved from the Internet: URL:http://www.palm.com/us/support/handbooks/zire71/zire71_hb_ENG.pdf> [retrieved on 2007-03-07] page 18 page 39 - page 40 page 76 - page 77 *
RED HAT: "Red Hat Linux 6.1: The Official Red Hat Linux Getting Started Guide, Chapter 11. The Enlightenment Window Manager"[Online] 18 October 2003 (2003-10-18), pages 1-12, XP002438642 Retrieved from the Internet: URL:http://web.archive.org/web/20031018155954/http://www.redhat.com/docs/manuals/linux/RHL-6.1-Manual/getting-started-guide/ecapplet.html> [retrieved on 2007-06-20] *
TEXTWARE SOLUTIONS: "FitalyVirtual Options and Advanced Features"[Online] 13 March 2004 (2004-03-13), XP007902538 Retrieved from the Internet: URL:http://web.archive.org/web/20040313051005/http://fitaly.com/fitalyvirtualt3/fitalysetup.htm#mru> [retrieved on 2007-06-18] *

Cited By (40)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8427445B2 (en) 2004-07-30 2013-04-23 Apple Inc. Visual expander
US11029838B2 (en) 2006-09-06 2021-06-08 Apple Inc. Touch screen device, method, and graphical user interface for customizing display of content category icons
US7479949B2 (en) 2006-09-06 2009-01-20 Apple Inc. Touch screen device, method, and graphical user interface for determining commands by applying heuristics
US9335924B2 (en) 2006-09-06 2016-05-10 Apple Inc. Touch screen device, method, and graphical user interface for customizing display of content category icons
US8564544B2 (en) 2006-09-06 2013-10-22 Apple Inc. Touch screen device, method, and graphical user interface for customizing display of content category icons
US9952759B2 (en) 2006-09-06 2018-04-24 Apple Inc. Touch screen device, method, and graphical user interface for customizing display of content category icons
US8570278B2 (en) 2006-10-26 2013-10-29 Apple Inc. Portable multifunction device, method, and graphical user interface for adjusting an insertion point marker
US9632695B2 (en) 2006-10-26 2017-04-25 Apple Inc. Portable multifunction device, method, and graphical user interface for adjusting an insertion point marker
US9348511B2 (en) 2006-10-26 2016-05-24 Apple Inc. Method, system, and graphical user interface for positioning an insertion marker in a touch screen display
US9207855B2 (en) 2006-10-26 2015-12-08 Apple Inc. Portable multifunction device, method, and graphical user interface for adjusting an insertion point marker
US7966578B2 (en) 2007-01-07 2011-06-21 Apple Inc. Portable multifunction device, method, and graphical user interface for translating displayed content
WO2008085744A1 (en) * 2007-01-07 2008-07-17 Apple Inc. Portable multifunction device,method, and graphical user interface for translating displayed content
US8201109B2 (en) 2008-03-04 2012-06-12 Apple Inc. Methods and graphical user interfaces for editing on a portable multifunction device
US9529524B2 (en) 2008-03-04 2016-12-27 Apple Inc. Methods and graphical user interfaces for editing on a portable multifunction device
US8650507B2 (en) 2008-03-04 2014-02-11 Apple Inc. Selecting of text using gestures
WO2010025781A1 (en) * 2008-09-03 2010-03-11 Volkswagen Ag Method and device for displaying information in a vehicle
WO2010026044A1 (en) * 2008-09-03 2010-03-11 Volkswagen Ag Method and device for displaying information, in particular in a vehicle
WO2010040201A1 (en) * 2008-10-08 2010-04-15 Research In Motion Limited Panning and zooming images on a handheld touch-sensitive display
US9395867B2 (en) 2008-10-08 2016-07-19 Blackberry Limited Method and system for displaying an image on an electronic device
US8756534B2 (en) 2009-03-16 2014-06-17 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8584050B2 (en) 2009-03-16 2013-11-12 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8255830B2 (en) 2009-03-16 2012-08-28 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US10761716B2 (en) 2009-03-16 2020-09-01 Apple, Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8370736B2 (en) 2009-03-16 2013-02-05 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US9875013B2 (en) 2009-03-16 2018-01-23 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US9846533B2 (en) 2009-03-16 2017-12-19 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8661362B2 (en) 2009-03-16 2014-02-25 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8510665B2 (en) 2009-03-16 2013-08-13 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8661339B2 (en) 2011-05-31 2014-02-25 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US8719695B2 (en) 2011-05-31 2014-05-06 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US9244605B2 (en) 2011-05-31 2016-01-26 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US8677232B2 (en) 2011-05-31 2014-03-18 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US10664144B2 (en) 2011-05-31 2020-05-26 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US9092130B2 (en) 2011-05-31 2015-07-28 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US11256401B2 (en) 2011-05-31 2022-02-22 Apple Inc. Devices, methods, and graphical user interfaces for document manipulation
US8949735B2 (en) 2012-11-02 2015-02-03 Google Inc. Determining scroll direction intent
JP2014002764A (en) * 2013-07-30 2014-01-09 Fujitsu Ltd Terminal apparatus, display control method, and program having display function
US10877628B2 (en) 2017-05-16 2020-12-29 Apple Inc. Devices, methods, and graphical user interfaces for navigating, displaying, and editing media items with multiple display modes
US11487402B2 (en) 2017-05-16 2022-11-01 Apple Inc. Devices, methods, and graphical user interfaces for navigating, displaying, and editing media items with multiple display modes
US11921978B2 (en) 2017-05-16 2024-03-05 Apple Inc. Devices, methods, and graphical user interfaces for navigating, displaying, and editing media items with multiple display modes

Also Published As

Publication number Publication date
KR101025259B1 (en) 2011-03-29
EP1891507A2 (en) 2008-02-27
KR20080011326A (en) 2008-02-01
WO2006126055A3 (en) 2007-09-13
RU2421777C2 (en) 2011-06-20
RU2007143132A (en) 2009-06-27

Similar Documents

Publication Publication Date Title
US9785329B2 (en) Pocket computer and associated methods
US20070024646A1 (en) Portable electronic apparatus and associated method
WO2006126055A2 (en) Improved pocket computer and associated methods
US10698567B2 (en) Method and apparatus for providing a user interface on a device that indicates content operators
AU2008100003A4 (en) Method, system and graphical user interface for viewing multiple application windows
US20170364218A1 (en) Method and apparatus for providing a user interface on a device enabling selection of operations to be performed in relation to content
KR101763130B1 (en) Method and Apparatus for Providing User Interface
US8689138B2 (en) Method and arrangment for a primary actions menu for applications with sequentially linked pages on a handheld electronic device
US9081498B2 (en) Method and apparatus for adjusting a user interface to reduce obscuration
EP2423800B1 (en) Method for switching user interface, electronic device and recording medium using the same
EP2169528A2 (en) Method of operating a user interface
EP2339431A2 (en) Browser navigation for devices with a limited input system
US20130227490A1 (en) Method and Apparatus for Providing an Option to Enable Multiple Selections
US20130227454A1 (en) Method and Apparatus for Providing an Option to Undo a Delete Operation
CA2865193A1 (en) Method of accessing and performing quick actions on an item through a shortcut menu
WO2002073457A2 (en) Multi-functional application launcher with integrated status
US20090203408A1 (en) User Interface with Multiple Simultaneous Focus Areas
US20050223341A1 (en) Method of indicating loading status of application views, electronic device and computer program product
US20220326816A1 (en) Systems, Methods, and User Interfaces for Interacting with Multiple Application Views

Legal Events

Date Code Title Description
WWE Wipo information: entry into national phase

Ref document number: 8620/DELNP/2007

Country of ref document: IN

WWE Wipo information: entry into national phase

Ref document number: 2006755899

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 2008512937

Country of ref document: JP

NENP Non-entry into the national phase

Ref country code: DE

WWW Wipo information: withdrawn in national office

Ref document number: DE

WWE Wipo information: entry into national phase

Ref document number: 1020077029803

Country of ref document: KR

WWE Wipo information: entry into national phase

Ref document number: 2007143132

Country of ref document: RU

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 06755899

Country of ref document: EP

Kind code of ref document: A2

WWP Wipo information: published in national office

Ref document number: 2006755899

Country of ref document: EP