CN101520709B - Touch-based tab navigation method and related device - Google Patents
Touch-based tab navigation method and related device Download PDFInfo
- Publication number
- CN101520709B CN101520709B CN2008100964694A CN200810096469A CN101520709B CN 101520709 B CN101520709 B CN 101520709B CN 2008100964694 A CN2008100964694 A CN 2008100964694A CN 200810096469 A CN200810096469 A CN 200810096469A CN 101520709 B CN101520709 B CN 101520709B
- Authority
- CN
- China
- Prior art keywords
- labels
- touch
- portable digital
- massaging device
- user
- Prior art date
- Legal status (The legal status 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 status listed.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
A method of navigating between different tabs in a user interface of a portable digital information device includes displaying a first set of tabs sequentially arranged along a linear direction on a display of the portable digital information device, the first set of tabs containing tabs that are a subset of tabs contained in a master set of tabs. A user then touches a touch-sensitive area of the portable digital information device and drags a finger across the touch-sensitive area in a direction parallel to the linear direction in which the first set of tabs are sequentially arranged. This dragging motion causes the position of the tabs displayed along the linear direction of the display to move in a direction opposite to the direction along which the user drags the finger across the touch-sensitive area for displaying a second set of tabs containing tabs.
Description
Technical field
The present invention is the interface browsing method that discloses a kind of portable electron device, refers to that especially a kind of being used to has the browsing method that touch is controlled the portable electron device at interface.
Background technology
Along with the market of portable electron device is developed gradually, the function that portable electron device possessed also hurriedly increases with it, and browses with the demand of visiting these functions also following on the set user interface of portable electron device.In the above-mentioned user interface, (Graphical UserInterface, enforcement GUI) can bring directly and benefit such as operation intuitively for the user with graphic user interface again.
See also the 1st figure, show the synoptic diagram 5 of three label type browing systems in its icon prior art.Screen 10 is two labels 12 and 14 that show the size that halves, and selects for the user.Screen 20 is three labels 22,24 of showing the trisection size, with 26, select for the user.Screen 30 is five labels 32,34,36,38,40 that show five aliquot-sized, selects for the user.By the label type browing system shown in the 1st figure, the user not only can significantly see the label of being opened at present, can see that also other is not unlocked but operational label at present.
See also the 2nd figure, it is the another kind of synoptic diagram that is used for the screen 50 of label type browing system in the prior art.Screen 50 is to show label 52,54,56,58,60,62, and 64.Label 62 is to be the label that is unlocked at present, and label 52,54,56,58,60, and 64 is not unlocked at present.Menu 66 corresponding to label 62 also is revealed, and comes the selectable difference in functionality option of explicit user according to label 62 pairing functions.
See also the 3rd figure, it is three text boxes 70,80 in the prior art, and 90 synoptic diagram.Text box 70 is the width and height with fixed size, and does not possess and any scroll bar is arranged (scroll bar).Text box 80 has fixing width and variable height, and has a scroll bar 82, and wherein scroll bar 82 is to have direction icon 84 and 86, with scroll bar 82 up or rolls downward.Text box 90 has variable width and height, and has scroll bar 91 and 95, and wherein direction icon 92 and 93 is to be used for scroll bar 91 up or rolls downward, and direction icon 96 and 97 is to be used for scroll bar 95 rolling of turning left or turn right.
Though disclosed label type browing system all provides the user suitable function of browse among above-mentioned each figure, but these label type browing systems all can bring suitable inconvenience for the user in the use, and to be used to use personal digital assistant (Personal Digital Assistant, PDA) or the user of the set Touch Screen of intelligent mobile phone (SmartPhone) also and be not easy left-hand seat.Therefore, the user can need use to go up easy and touch browing system intuitively, so that come to browse on user interface fast by small-sized touch-control input device.
Summary of the invention
Therefore, fundamental purpose of the present invention provides a kind of touch-based tab navigation method and relevant apparatus, to allow the user carry out required browsing by forms option shown on the touch-control input device.
According to one embodiment of the invention, disclose the method that a kind of user interface on the portable digital massaging device is browsed different labels.This method comprises and shows one first tag set; Receive the touch-control input that a user is triggered; According to the input of this touch-control, change on this display screen along this linear direction institute position of a plurality of labels of distribution in regular turn; And according on this display screen along this linear direction institute the position after a plurality of labels of distribution are changed in regular turn, show one second tag set.A plurality of labels that this first tag set is comprised are that the linear direction on the set display screen of this portable digital massaging device distributes in regular turn, and these a plurality of labels of being comprised of this first tag set are subclass of a plurality of labels of being comprised for main label set.The input of this touch-control is to touch a Touch Zone set on this portable digital massaging device and triggered along a direction moveable finger that is parallel to this linear direction on this Touch Zone by this user.A plurality of labels that this second tag set is comprised are subclass of gathering these a plurality of labels that comprised for this main label.
According to another embodiment of the present invention, disclose a kind of portable digital massaging device, be used for receiving the touch-control input that a user is triggered, on the set user interface of this portable digital massaging device, to browse different labels.This portable digital massaging device is to comprise a display screen, a Touch Zone, an and processor.This display screen is to be used for showing a plurality of labels that comprised along one first tag set of linear direction distribution.These a plurality of labels that this first tag set is comprised are subclass of gathering a plurality of labels that comprised for a main label.This Touch Zone is to be used for receiving a user to touch this Touch Zone and this user's finger is moved the touch-control input that is triggered along a direction parallel with this linear direction on this Touch Zone.This processor be with this user of cause receive the input of this touch-control, according to this touch-control input that is received change a plurality of labels of arranging along this linear direction the position, and control this display screen according to the position of reformed these a plurality of labels and show one second tag set.A plurality of labels that this second tag set is comprised are subclass of gathering a plurality of labels that comprised for this main label.
By this, the user can utilize the characteristic of touch-control input, produces moving of linear direction in the Touch Zone and conveniently browses label, and the present invention not only fills the characteristic that part uses the touch-control input, and the user more is provided more convenient browsing mode.
Description of drawings
The 1st figure is the synoptic diagram that shows three label type browing systems in the diagram prior art;
The 2nd figure is the another kind of synoptic diagram that is used for the screen of label type browing system in the prior art;
The 3rd figure is the synoptic diagram of three text boxes in the prior art;
The 4th figure is the functional block diagram of a portable digital massaging device provided by the present invention;
The 5th figure is the top view of disclosed according to a preferred embodiment of the invention portable digital massaging device;
The 6th figure, the 7th figure, to be diagram with the 8th figure be selected the sign label when selected, the corresponding content displayed of display screen when the different labels on the browsing area;
The 9th figure and the 10th figure are diagram browsing area had display block and two display blocks not.
[primary clustering symbol description]
100 portable digital massaging devices
102 display screens
104 Touch Zones
106 processors
108 control knobs
110 storeies
112 shells
120 browsing area
122 choose the sign label
130,134 display blocks not
132 display blocks
5 synoptic diagram
10,20,30,50 screens
12,14,22,24,26,32,34,36, label
38、40、52、54、56、58、60、62
70,80,90 text boxes
82,91,95 scroll bars
84,86,92,93,96,97 direction icons
Embodiment
See also the 4th figure, it is the functional block diagram of a portable digital massaging device 100 provided by the present invention.Portable digital massaging device 100 comprises a display screen 102, a Touch Zone 104, a processor 106, control knob 108, reaches a storer 110.Touch Zone 104 can be installed on this portable digital massaging device 100 and with display screen 102 separates part.When display screen 102 is when implementing with Touch Screen, Touch Zone 104 also can be the some of display screen 102.Touch Zone 104 is to be used for receiving the instructions such as control operation that the user is imported portable digital massaging device 100 by its finger.In of the present invention one other embodiment, the user also can use the stylus (stylus) of Touch Screen special use to come induction zone 104 input instructions.Processor 106 is the operations that are used for controlling portable digital massaging device 100, and is used for coming image shown on the control display screen curtain 102 according to the input of induction zone 104 or control knob 108.Storer 110 is user data and the application programs that are used for storing portable digital massaging device 100.
See also the 5th figure, it is the top view (Top View) of disclosed according to a preferred embodiment of the invention portable digital massaging device 100.Portable digital massaging device 100 comprises a shell 112, and display screen 102, induction zone 104, with control knob 108 be to be installed on the shell 112.The some of display screen 102 is that figure is shown with a browsing area 120.Browsing area 120 is to be used for being used for browsing different menus on the user interface of portable digital massaging device 100.In a preferred embodiment of the present invention, browsing area 120 is to show a plurality of labels with graphical representation, and one chooses that to indicate label 122 be to point out the menu project that the user browses at present in the mode that highlights (highlight).
See also the 6th figure, the 7th figure, with the 8th figure.To be diagrams be selected sign label 122 when selected, 102 corresponding content displayed of display screen when the different labels on the browsing area 120 to the 6th figure to the 8 figure.Unfortunately be that because employed functional type and quantity are all continuing to increase in the conventional device, under limited display area, browsing area 120 can't demonstrate all labels that it had simultaneously.Therefore, the user must the scrolling window, can see do not show at present on the display screen 102 other label.For instance, by screen contraposition direction and the label arrangement that the figure of institute among the 6th figure to the 8 figure marks, other label that the user can not demonstrate on the display screen up till now by the mode of browsing area 120 the is turned left scrolling or the scrolling of turning right.By the above as can be known, the present invention has provided a kind of touch browing system of novelty, so that the user can be browsed between the label that browsing area 120 is had fast.
See also the 9th figure and the 10th figure.The 9th figure and the 10th figure are display block 132 and two display blocks 130,134 not that diagram browsing area 120 is had.In the 9th figure and the 10th figure, display block 132 is to comprise browsing area 120 present displayable all labels, and is positioned at the middle body of all labels that browsing area 120 comprised.In the 9th figure, first not display block 130 be to comprise to be positioned at the label in the left side of display block 132, and second not display block 134 be to comprise to be positioned at the label on the right side of display block 132.In like manner, in the 10th figure, first not display block 130 be to comprise to be positioned at the label of display block 132 belows, and second not display block 134 be to comprise to be positioned at the label of display block 132 tops.Therefore, these labels can horizontal direction or vertical direction distribute, or be shown in optional position on the display screen 102.
The present invention provides four kinds of modes, to browse between the label on the browsing area 120.In first kind of mode, when display screen 102 is to be a Touch Screen, the user of portable digital massaging device 100 can be only by the auxiliary image that goes to touch on the display screen 102 of its finger or a stylus, wherein this image is corresponding to being positioned on the browsing area 120 label of display block 132 at present.In the second way, the directionkeys on the control knob 108 is to be used for browsing between the different labels on the browsing area 120, and wherein the label that comprised of browsing area 120 is to be present in display block 132 and display block 130,134 not.
In the third mode, be that hypothesis display screen 102 is implemented with Touch Screen.The user can be by nuzzling up finger Touch Screen and move to the icon of wanting, to roll as to choose the label that indicates label 122 optional position to the icon parade that comprises above-mentioned icon.When user's scroll tab, each icon that the display block 132 of browsing area 120 is comprised all can be to be carried out displacement with label by the opposite other direction of rotating direction.Therefore, when user's finger touches arrived the border of display screen 102, user's finger also can point on above-mentioned last icon that icon parade comprised simultaneously.In like manner, when user's finger pointed to display screen 102 central, user's finger also can point to the above-mentioned middle icon that icon parade comprised simultaneously.Thus, the user can browse the width size goes up several times greatly than the effective area of display screen 102 icon parade easily.In addition, when the user with any direction on this icon parade during scroll tab, this label will move to nearest picture mark position at any time, to allow the position that the user can easier lock icon.
The 4th kind of method is similar with above-mentioned the third method, but the 4th kind of method utilized the Touch Zone 104 that separates with display screen 102, promptly shown in the 5th figure.In the 5th figure, Touch Zone 104 is the bottoms that are installed on the shell of portable digital massaging device 100, to allow the user browse the different labels that browsing area 120 is comprised by the nuzzle up action of Touch Zone 104 of its finger.When user's finger nuzzles up Touch Zone 104, represent the image of label will fall within abutting connection with the position of user's finger.The position change amount of the label that is shown as described above, is relevant with the distance of user's moveable finger on Touch Zone 104.
Except mode on display screen 102 or Touch Zone 104 to point corresponding to the user, visually beyond the action of the icon of mobile each label of performance, the touch-control feedback that shows in modes such as touch-control pulse or shock pulses also can be used for indicating the user to browse the moving state of a certain icon to another any icon on the display block 132 of browsing area 120.The use of touch-control feedback can help the user browsing any label under the situation of not seeing display screen 102 on browsing area 120.
Sum up, the present invention provides the user browses different labels by graphical user interface convenient manner, and allow the user can visit at present not other label in the indication range of display screen fast, and allow the user can fill the characteristic that part uses the touch-control input.Moreover, the user can't rely on the phenomenon of feeling to choose label commonly used by muscle memory in the situation of not seeing display screen, also can achieve a solution, to allow the user know the displacement of each label on display screen by the mode that haptic feedback or sound feedback are provided.
The above only is the preferred embodiments of the present invention, and all equalizations of being done according to the present patent application claim change and modify, and all should belong to covering scope of the present invention.
Claims (19)
1. the user interface on the portable digital massaging device is browsed the method for different labels, comprises:
Show one first tag set, a plurality of labels that this first tag set is comprised are that the linear direction on the set display screen of this portable digital massaging device distributes in regular turn, and these a plurality of labels of being comprised of this first tag set are subclass of a plurality of labels of being comprised for main label set;
Receive the touch-control input that a user triggered, wherein this touch-control input is to touch a Touch Zone set on this portable digital massaging device and triggered along a direction moveable finger that is parallel to this linear direction on this Touch Zone by this user;
According to the input of this touch-control, changing on this linear direction on this display screen along this linear direction institute position of a plurality of labels of distribution in regular turn; And
According on this display screen along this linear direction a plurality of labels of distributing in regular turn position after being changed, show one second tag set, wherein a plurality of labels of being comprised of this second tag set are subclass of these a plurality of labels of being comprised for this main label set.
2. the method for claim 1, wherein this Touch Zone is a set contactor control device on the shell for this portable digital massaging device.
3. method as claimed in claim 2, wherein this Touch Zone be with this portable digital massaging device on this display screen separate.
4. the method for claim 1, wherein this display screen on this portable digital massaging device is to be a Touch Screen, and this Touch Zone is the some for this Touch Screen.
5. method as claimed in claim 4, wherein this Touch Zone is the some for this Touch Screen, and these a plurality of labels are to be shown on this Touch Screen.
6. the method for claim 1, the position change amount that wherein is shown label is relevant with this user's the displacement of finger on this Touch Zone.
7. the method for claim 1, a plurality of labels that wherein belong to this main label set and do not belong to this first tag set are to be shown after the position of a plurality of labels that change this first tag set on this display screen.
8. the method for claim 1, wherein a plurality of labels of this first tag set and second tag set are to distribute with horizontal direction or vertical direction on this display screen of this portable digital massaging device.
9. the method for claim 1, wherein the position of a plurality of labels of this first tag set is that the reverse direction that the finger along this user moves on this Touch Zone moves.
10. portable digital massaging device is used for receiving the touch-control input that a user is triggered, and to browse different labels on the set user interface of this portable digital massaging device, this portable digital massaging device is to comprise:
One display screen is used for showing a plurality of labels that comprised along one first tag set of linear direction distribution, and these a plurality of labels that this first tag set is comprised are subclass of gathering a plurality of labels that comprised for a main label;
One Touch Zone is used for receiving a user and touches this Touch Zone and this user's finger is moved the touch-control input that is triggered along a direction parallel with this linear direction on this Touch Zone; And
One processor, with this user of cause receive the input of this touch-control, according to this touch-control input that is received come on this linear direction, to change a plurality of labels of arranging along this linear direction the position, and control this display screen according to the position of reformed this a plurality of labels and show one second tag set, wherein a plurality of labels of being comprised of this second tag set are subclass of gathering a plurality of labels that comprised for this main label.
11. portable digital massaging device as claimed in claim 10, wherein this Touch Zone is a set contactor control device on the shell for this portable digital massaging device.
12. portable digital massaging device as claimed in claim 11, wherein this Touch Zone is that this display screen with this portable digital massaging device separates.
13. portable digital massaging device as claimed in claim 10, wherein this display screen is to be a Touch Screen, and this Touch Zone is the part for this Touch Screen.
14. portable digital massaging device as claimed in claim 13, wherein this Touch Zone is the part for this Touch Screen, and these a plurality of labels are to be shown in this Touch Screen.
15. portable digital massaging device as claimed in claim 10, wherein each label is to implement with visual image.
16. portable digital massaging device as claimed in claim 10, wherein this processor is the position that changes shown a plurality of labels according to this user's the displacement of finger on this Touch Zone.
17. portable digital massaging device as claimed in claim 10, wherein this processor is this display screen of order behind the position of a plurality of labels that change this first tag set, shows a plurality of labels that belong to this main label set and do not belong to this first tag set.
18. portable digital massaging device as claimed in claim 10, wherein a plurality of labels of this first tag set and second tag set are to distribute with horizontal direction or vertical direction on this display screen.
19. portable digital massaging device as claimed in claim 10, wherein this processor is the finger position that a mobile reverse direction moves these a plurality of labels on this Touch Zone along this user.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| US12/037,942 US20080270931A1 (en) | 2007-04-27 | 2008-02-27 | Touch-based tab navigation method and related device |
| US12/037,942 | 2008-02-27 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN101520709A CN101520709A (en) | 2009-09-02 |
| CN101520709B true CN101520709B (en) | 2011-07-06 |
Family
ID=41090280
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2008100964694A Active CN101520709B (en) | 2008-02-27 | 2008-05-06 | Touch-based tab navigation method and related device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101520709B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP5925459B2 (en) * | 2011-09-28 | 2016-05-25 | 株式会社東芝 | Horizontal display information display device and display method thereof |
| CN103034391A (en) * | 2011-10-10 | 2013-04-10 | 英华达（上海）科技有限公司 | Classification management system and method for application program row table |
| CN103218156B (en) * | 2013-02-28 | 2016-08-03 | 广东欧珀移动通信有限公司 | Realize the method for many Tab page layout switch and touch mobile terminal thereof |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1932744A (en) * | 2005-09-15 | 2007-03-21 | 株式会社电装 | Input system |
| EP1840717A1 (en) * | 2006-03-30 | 2007-10-03 | LG Electronics Inc. | Terminal and method for selecting displayed items |
-
2008
- 2008-05-06 CN CN2008100964694A patent/CN101520709B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1932744A (en) * | 2005-09-15 | 2007-03-21 | 株式会社电装 | Input system |
| EP1840717A1 (en) * | 2006-03-30 | 2007-10-03 | LG Electronics Inc. | Terminal and method for selecting displayed items |
Also Published As
| Publication number | Publication date |
|---|---|
| CN101520709A (en) | 2009-09-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20080270931A1 (en) | Touch-based tab navigation method and related device | |
| US9213477B2 (en) | Apparatus and method for touch screen user interface for handheld electric devices part II | |
| US7564449B2 (en) | Method of scrolling that is activated by touchdown in a predefined location on a touchpad that recognizes gestures for controlling scrolling functions | |
| CN102099776B (en) | Card metaphor for activities in a computing device | |
| CN102483680B (en) | Method and device for displaying information | |
| US9367227B1 (en) | Chapter navigation user interface | |
| US20050223342A1 (en) | Method of navigating in application views, electronic device, graphical user interface and computer program product | |
| EP2708996A1 (en) | Display device, user interface method, and program | |
| US20130263052A1 (en) | Multi-layer user interface with flexible parallel movement | |
| US20090204928A1 (en) | Layer-based user interface | |
| CN104137043A (en) | Method for human-computer interaction on a graphical user interface (gui) | |
| CN103813209A (en) | Display apparatus and control method for displaying an operational state of a user's input | |
| US8386927B1 (en) | Gravity-based link assist | |
| CN103329062A (en) | Multi-screen user interface with orientation based control | |
| CN102037435A (en) | Navigating among activities in a computing device | |
| CN103324329A (en) | Touch control method and device | |
| AU2011215630A1 (en) | Multi-layer user interface with flexible parallel movement | |
| KR20150119253A (en) | User Interface for Toolbar Navigation | |
| CN103197852A (en) | Display apparatus and item selecting method using the same | |
| JP2013016123A (en) | Display device and screen transition method | |
| CN101520709B (en) | Touch-based tab navigation method and related device | |
| KR100795590B1 (en) | Method of navigating, electronic device, user interface and computer program product | |
| Schwesig et al. | Gummi: user interface for deformable computers | |
| US20070006086A1 (en) | Method of browsing application views, electronic device, graphical user interface and computer program product | |
| Huot et al. | Focus+ context visualization techniques for displaying large lists with multiple points of interest on small tactile screens |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |