WO2010131900A2 - Direction-selecting user interface and user terminal having same - Google Patents

Direction-selecting user interface and user terminal having same Download PDF

Info

Publication number
WO2010131900A2
WO2010131900A2 PCT/KR2010/002999 KR2010002999W WO2010131900A2 WO 2010131900 A2 WO2010131900 A2 WO 2010131900A2 KR 2010002999 W KR2010002999 W KR 2010002999W WO 2010131900 A2 WO2010131900 A2 WO 2010131900A2
Authority
WO
WIPO (PCT)
Prior art keywords
menu
user interface
component
components
user
Prior art date
Application number
PCT/KR2010/002999
Other languages
French (fr)
Korean (ko)
Other versions
WO2010131900A3 (en
Inventor
오의진
Original Assignee
Oh Eui Jin
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 KR1020090095531A external-priority patent/KR20100122433A/en
Application filed by Oh Eui Jin filed Critical Oh Eui Jin
Publication of WO2010131900A2 publication Critical patent/WO2010131900A2/en
Publication of WO2010131900A3 publication Critical patent/WO2010131900A3/en

Links

Images

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/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus

Definitions

  • the present invention relates to a user interface capable of efficiently searching for desired information with a minimum input operation in a limited screen size and reconfigurable by a user, and comprising: a trajectory for arranging a component frame having a predetermined geometric shape for a plurality of menu components;
  • the present invention relates to a user interface for searching for final content in a manner of outputting menu components of a next step by arranging orientations on a bearing and selecting one of them, and a user terminal implementing the same.
  • the problem to be solved by the embodiment of the present invention is to effectively search for various information provided through a communication network, such as the Internet, even with a minimum input operation in a limited screen size, and to implement a user interface that can be reconfigured by a user It is to provide a user terminal.
  • a communication network such as the Internet
  • One aspect of the present invention for solving the above problems is a plurality of user selectable menu components; And a component frame having a geometrically possible planar or three-dimensional figure shape and a frame for arranging the menu components at a predetermined position for each orientation on one or more tracks.
  • a user interface including a plurality of menu components selectable by a user, and a component frame having a geometrically planar planar or three-dimensional figure shape and a frame for arranging the menu components at predetermined positions for each orientation on one or more tracks.
  • An input unit providing an output unit for displaying and an operation unit for selecting a menu component of the user interface;
  • a GUI operating unit configured to configure the user interface and output a user interface of a next step indicated by a selected menu component when one of the menu components is selected, or output final content corresponding to the selected menu.
  • the environment mainly requires a small area input means due to the characteristics of the portable terminal device. More efficient information retrieval means are provided.
  • the configuration menu components can be edited and reconfigured directly according to the user's intention, it is possible to conveniently check the desired content in a short time on a limited size screen. Do.
  • 1 to 6 are screen examples schematically illustrating a general structure of a user interface according to an embodiment of the present invention.
  • 7 to 11 are screen examples showing the configuration of a user interface according to an embodiment of the present invention.
  • 16 and 17 illustrate examples of switching a user interface screen when a menu component is selected and proceeds to the next step.
  • FIG. 18 illustrates an example in which a menu component is additionally arranged in the user interface of the present invention.
  • 19 and 20 illustrate examples of a user interface screen outputting a history of step movement when moving to the next step in the user interface of the present invention.
  • 21 and 22 are screen examples illustrating a reconfiguration process of a customized user interface.
  • FIG. 23 is a block diagram schematically illustrating a configuration of a user terminal to which a user interface is applied according to an embodiment of the present invention.
  • FIG. 25 shows an example of a user interface screen according to Modification Example 3 of the present invention.
  • 1 to 6 are screen examples schematically illustrating a general structure of an interface according to an embodiment of the present invention.
  • a user interface includes a plurality of menu components 10 selectable by a user and a component frame 20 that is a frame for arranging the menu components 10 at a specific position. And a final content 30, and optionally a skin 40, which is a background image for emphasizing the presence or position of the menu components 10 or providing a user with a beautiful feeling. It may further include, in addition to the shape of the planar figure may be formed as a three-dimensional figure in the 3D environment.
  • the menu component 10 may be a link or hypertext or may be the final content 30 itself to switch to the next user interface or output the final content 30 corresponding to the menu component 10.
  • the menu component 10 may be a combination of link information into any one of a simple text, a thumbnail image or an icon image, and a thumbnail movie.
  • the menu component 10 may include a text and a fragment image or a text and a fragment video. Link information may be combined with a composite of.
  • the menu component 10 may be a web component or a mini application application that reproduces and outputs an image, a video, a sound source, and the like.
  • the menu component 10 may be arranged on the track in a predetermined direction.
  • the component frame 20 is a frame for arranging the plurality of menu components 10 at a predetermined position, and each menu component 10 is disposed in a direction on the component frame 20 having a track shape. Note that the arrangement may be arranged in a matrix form of a checkerboard rather than a track. When arranged in a matrix like this, the lower menu may be output as a polyhedron.
  • the final content 30 is a final object to be explored through the user interface of the present invention and provides a user with news articles, product advertisements, shopping information, entertainment information, audio / video multimedia services, and the like.
  • the final content 30 may be any one of document data, image data, sound source data, video data, or a combination of at least two or more, or an application application program for reproducing these data.
  • the final content 30 may be a document that combines and provides at least two or more of the data using a markup language such as html, xml, sgml, etc., in this case, the final content
  • the content menu selected for may include URL (Uniform Resource Locator) or link information indicating a local storage path.
  • Skin 40 is a background image of menu components 10 and component frame 20. It is preferable to consider that the user can intuitively grasp the relationship between the input means and the operation method of the user interface by using an image in which the shape of the input means is used as the skin 40.
  • the present invention is not limited thereto, and the skin 40 may be formed according to the screen form of the user terminal (for example, a planar figure such as a circle, a horizontal rectangle, a vertical rectangle, and a square, as well as a three-dimensional shape capable of geometry in a 3D environment).
  • the shape of may be implemented in various ways.
  • Components of the user interface are not limited to the above-described components but may further include various components.
  • the terminal may further include a search term input window for inputting a search term in order to find the final content 30 desired by the user.
  • the search term input window is placed in the center of the user interface.
  • the arrangement position of the search word input window is not limited to the center of the user interface but may be changed according to the user's setting.
  • the user may select a search word input window and move it to another location.
  • the user interface according to the embodiment of the present invention may be designed in various designs so as to be simple as shown in FIG.
  • FIG. 2 shows another configuration example of a user interface in which all the websites are searched and arranged with menu components 10 according to a predetermined category while having their own search engine or interworking with other search engine tools.
  • FIG. 3 When the user selects the "movie" menu component 10 of the plurality of menu components 10, as shown in FIG. 3, the "movie” submenu components or “movies” included in the "movie” menu component 10 as shown in FIG. 3.
  • FIG. Output as shown to the user.
  • the "news” sub-menu component or “news” contents included in the "news” menu component 10 may be output to the user interface, or in FIG. 6.
  • the related detailed information text, image or video
  • the order in which the relevant sub-menu components or contents are arranged or viewed may be displayed in order by an option set by the user in advance, or may be displayed on the web by a predetermined search engine linked with the user interface of the present invention.
  • the results of searching for the existing contents may be displayed according to predetermined classification criteria such as popularity, search order, time order, file capacity order, and attribute. Of course, it can be displayed randomly.
  • the order in which the menu components 10 are arranged may also be changed by the user's setting.
  • this feature can lead to unintentional user selection, so that it can be used for business or advertising revenue, and in the case of news content, it can provide a predetermined benefit to an article provider.
  • the user interface of the present invention may be more advantageous when used for news articles or product search.
  • This is a new search tool that changes the concept of existing web browsers.
  • the mobile terminal has a directivity, and thus it is possible to select and inquire more quickly and conveniently in the second search after the first search.
  • the third search screen, or the reverse order thereof it is based on the directional movement concept, thereby enabling a quick and convenient search.
  • the user interface according to the embodiment of the present invention serves as a portal website that can be personalized, and sometimes a web screen or a web window itself, which is a collection of only desired menus.
  • Existing portal websites categorize vast amounts of contents for all of a variety of users according to a predetermined classification criteria and display them on the website.However, in terms of individual users, all the various contents are searched. In fact, there are not a lot of frequently viewed contents. Therefore, if a user sets the classification criteria of contents according to his or her preference or intention, and places only the set categories on the screen, it becomes a more personalized user interface that is much easier to personalize.
  • the menus classified into eight categories are given examples.
  • the number and the directional movement can be easily searched and matched with the directional movement input operation of the user.
  • the number or arrangement of classification categories and the addition or reduction of category menus can be freely modified according to the usage environment or design purpose, as described below.
  • the space on the screen is sufficient, and the space may be used for other purposes.
  • another web tool or user interface may be placed in a corner space area of a rectangular screen to create a more personalized mobile environment.
  • the user interface area for advertisements can be placed to increase space utilization even on limited screen sizes. But of course, this can be removed and personalized by the user. It will be understood by those skilled in the art that the above-described features are the same in the following embodiments.
  • 7 to 11 are screen examples illustrating the configuration of a user interface according to an exemplary embodiment of the present invention.
  • a user interface includes a skin 40 representing an image of a plurality of circular trajectories, menu components 10 listed according to each circular trajectory, and menu components 10. It comprises a component frame 20 for positioning in a predetermined position.
  • the circular trajectory is not necessarily fixed to a specific number and may be variously set according to the screen size, resolution, content (or type) of the user terminal 100, and the like.
  • 7 shows an example of a user interface with two circular orbits in particular.
  • eight menu components 10 belonging to the first category may be radially disposed in each direction in the inner track, and eight submenu components belonging to the second category may be radially disposed in the outer track. It is shown.
  • the first category includes a keyword corresponding to a major classification by category
  • the second category corresponds to a keyword corresponding to a detailed classification for each keyword of the first category. It may include.
  • the first category of the inner track contains the large category of keywords
  • the second category of the intermediate track contains the middle category of keywords
  • the outer category of the third category contains the small categories of keywords.
  • 2B shows an example of a user interface with three trajectories.
  • the main menu components 10 belonging to the first category are radially disposed in each direction on the first trajectory, and the first submenu components belonging to the second category are radially main on the second trajectory.
  • the third trajectory is further formed to correspond to the menu components, respectively, the lower second sub-menu components are respectively arranged radially to correspond to the first sub-menu components belonging to the second category ( See FIG. 8).
  • the first category includes a keyword corresponding to a major category
  • the second category is a keyword of a similar class that can be easily associated with the keyword of the first category. It may include.
  • the eight menu components 10 belonging to the first category are disposed in the inner track as an example.
  • the menu components belonging to the first category disposed in the inner track are not limited to eight but variously set according to the user's setting. Can be.
  • the first category is disposed in both the inner track and the outer track.
  • a menu component 10 belonging to may be arranged.
  • the menu component 10 belonging to the first category may also be disposed on the outer track only when the number of the menu components 10 belonging to the first category cannot be arranged on the inner track.
  • each of the menu components classified and arranged by category may output the searched results in cooperation with its own search engine or other search engine tools as described above. That is, as a result, the search results are classified into large headings, middle headings, and subheadings in the DB and are output. This can be output in various ways automatically or by preset.
  • the shape of the skin 40 and trajectory of the user interface according to an embodiment of the invention is not necessarily limited to a circle. Accordingly, the skin 40 and the trajectory of the user interface according to the embodiment of the present invention may be implemented as a circle, an ellipse, a polygon having a curved edge, and a corner such as a rectangle, a triangle, a pentagon, a hexagon, an octagon, a star, etc. It may be implemented as a planar figure such as a polygon instead of a curve, and in a 3D environment, it may also be implemented as a geometrically possible three-dimensional figure and may improve user's intuition or experience.
  • the arrangement of the menu component 10 is described in the case where the screen of the user terminal according to the embodiment of the present invention is particularly rectangular, except that the shape of the skin 40 and the shape of the track are not circular. 1 and the detailed description thereof will be omitted.
  • FIG. 10 and 11 illustrate examples of a user interface that enables faster navigation.
  • the user wants to select the "news" menu component 10 arranged at the 10-11 o'clock position, in the previous example, when the "news" menu component 10 is selected, the sub-menu components of the lower level or Although a user interface displaying the contents is output, in the present example, prior to selecting the "news" menu component 10, the corresponding sub-menu components are inputted through the direction input of the input means while identifying which sub-menu components or contents are present. Or you can browse the contents at once. That is, in FIG.
  • the user interface of the circular selection window may be the final content 30 corresponding to the menu to be selected as described above, or may be a second submenu component.
  • news content for the "Sport" submenu component may be displayed by performing a direction input indicating the "Sport" submenu component at 1 o'clock while the user interface of the circular selection window is activated.
  • Second sub-menu components such as ",” basketball “,” soccer “or the like may be displayed.
  • FIG. 11 an example is shown in which the fan-shaped selection window is replaced with the user interface of the circular selection window.
  • the operation method is the same. However, it will be easily understood by those skilled in the art that the present invention will be a more suitable example in the case of the rotary input means.
  • the user When the menu component 10 of the user interface according to the embodiment of the present invention is fixed and is touched, for example, through a manipulation of the input means, the user directly selects the desired menu component 10 to move to a next user interface or a cursor. Move to the desired menu component 10 and select the menu component 10 where the cursor is located to move to the next user interface or open the final content 30 corresponding to the menu component 10. It is about.
  • the term "cursor” refers to a pointing means for indicating which menu component 10 is currently in a waiting state for selection, or waiting for a user input or indicating a position. none. For example, a certain color border is displayed on the menu component 10 that is waiting to be selected (see “News” menu component of FIG. 7), or the size of the menu component 10 that is waiting to be selected is compared with other menu components.
  • the cursor can be expressed in such a way as to enlarge (see “Game” menu component of FIG. 8).
  • the menu component 10 waiting to be selected may be expressed by giving a three-dimensional effect, color conversion, blinking, or highlight function.
  • the menu component 10 waiting to be selected may be represented in various ways.
  • the cursor when the initial screen of the user interface is output to the user terminal 100, the cursor may be set to be located at a predetermined specific menu component 10.
  • the user manipulates the input means to move the cursor of the user interface and activate the menu component 10 at the point where the cursor is located. This will be described as an example according to the type of specific input means.
  • a directional key can be considered.
  • the directional key includes a direction key for moving the cursor and a selection key for selecting the menu component 10 at the point where the cursor is located, and a mode change key for switching the operation mode although not shown in the drawing. It may further include.
  • the direction key may be a structure consisting of a plurality of keys corresponding to each direction, or may be a structure for selecting a plurality of directions with one circular, elliptical or polygonal key.
  • the selection key is preferably provided at the center of the direction key, but may be provided at a separate location of the user terminal regardless of the direction key.
  • the mode change key may be provided separately from the direction key and the selection key, but is not limited thereto. That is, the selection key and the mode change key may be used as one key. As a specific example, when the corresponding key is shortly pressed for a predetermined time or less, the selection key may be operated. To this end, the user terminal should further include a predetermined counting means.
  • the direction key and / or the selection key and / or the mode change key of the directional key may be implemented by a touch method.
  • a rotary key can be considered.
  • the rotatable key includes a wheel key rotating at 360 ° and a selection key for selecting the menu component 10 at the point where the cursor is located, and although not shown in the drawing, for switching the operation mode. It may further include a mode change key.
  • the selection key may be provided at the center of the wheel key or at another position.
  • the menu component 10 at the point where the cursor is positioned is selected.
  • the mode change key is preferably provided at a position separate from the wheel key and the selection key, but is not limited thereto. That is, the selection key and the mode change key may be used as one key, and a specific example thereof is the same as described with reference to FIG. 3A.
  • the wheel key and / or the selection key and / or the mode change key of the rotary key may also be implemented by a touch method.
  • a keyboard can be considered.
  • the numeric key part of the keyboard is “1", “2", “3”, “4", “5", “6", “7”, “8”, “9” It includes numeric keys of "and” Enter “key. "1”, “2”, “3”, “4", “6", “7”, “8”, and “9” on the keyboard are “SW”, “S”, “SE” and “W” respectively. , “E”, “NW”, “N”, and “NE” can serve as a direction key, and "5" or "Enter” can serve as a selection key for selecting the menu component 10. have.
  • the keyboard is not limited to the numeric board portion, and four or six adjacent keys of the character key portion of the keyboard are combined to set direction keys, and other specific keys (such as the "Enter” key). You can also set as the select key.
  • the "I”, “J”, “M”, and “K” keys may be matched to the "N”, “W”, “S”, and “E” directions, respectively.
  • the keyboard may further be assigned a mode change key for switching the operation mode of the user interface. This is more useful when the user interface according to the embodiment of the present invention is operated by a keyboard alone without a mouse.
  • a data input device (not shown), which is an application of the present invention (patent application No. 2007-0045255), may be employed.
  • the data input device filed by the inventor of the present invention is an input device capable of independently or simultaneously pressing and moving, and is capable of moving in any direction by pressing or moving the input device. It is an input means that can be selected and executed by another operation and can best realize the advantages of the present invention.
  • those skilled in the art will fully understand that the invention of the patent application as well as the related input device inventions pre- filed by the inventors of the present application are the same.
  • a touch screen (not shown) or a touch pad (not shown) may be considered as another example of the input means.
  • the input means may employ a rotation direction key as shown in FIG. 15.
  • the form of the input means is not limited to three types.
  • a touch method that is widely used in recent years may be employed, and in addition, operation methods of the input means may be distinguished for menu movement on the same track, movement between different trajectories, and selection of the menu component 10 at the cursor point. If so, any type of input means may be used.
  • the menu component 10 of the user interface can be rotated clockwise or counterclockwise on the track by the user's manipulation of the input means, and in advance the menu component 10 through the manipulation of the input means. After moving to a predetermined position, the menu component 10 is selected to move to a next user interface or to open a final content 30 corresponding to the menu component 10.
  • the position of a particular menu component 10 of a particular trajectory of the user interface may be predetermined as a user's selection waiting position (for example, the east point of the inner trajectory).
  • the user moves the desired menu component 10 to the selection standby position by operating the input means to rotate the trajectory of the user interface, and selects the menu component 10 at the corresponding position.
  • This will be described as an example according to the specific type of the input means as follows.
  • a rotation direction key may be considered as shown in FIG. 15.
  • the rotation direction key includes a center menu selection key, a pair of orbital rotation keys disposed on the left and right sides of the menu selection key, and a pair of orbital movement keys disposed above and below the menu selection key.
  • the menu components 10 of the current orbit rotate one by one clockwise or counterclockwise.
  • the current trajectory and the other trajectory (s) are alternately switched. The user moves the desired menu component 10 to the selection standby position by using the orbital rotation key and / or the orbital movement key and selects the corresponding menu component 10 by pressing a menu selection key at the center.
  • a rotary key can be considered.
  • the rotatable key is shown in FIG. 13, wherein the user rotates the track clockwise or counterclockwise by using a wheel key rotated 360 °, and directionally presses the wheel key to change the current track to another track (s). Can be switched to).
  • the user may select the menu component 10 of the selection standby position through a selection key provided at a location separate from the wheel key or a selection key provided at a center portion of the rotatable key.
  • 16 and 17 illustrate examples of switching the UI screen when the user proceeds to the next step according to the selection of the menu component.
  • the cursor movement and the menu component 10 are performed by using the directional keys in the fixed-orbit user interface will be described as an example.
  • the present invention also relates to another type of input means. It is possible to easily infer the operating method of the user interface according to the embodiment.
  • the cursor is located at the “finance” menu component 10 which is a predetermined position in the initial screen of the user interface.
  • the user presses the northwest (NW) of the directional keys to select the "Economy, Sports” first submenu component and moves the cursor to the "news" menu component (10) of the same trajectory, once again the northwest of the directional key ( NW) to move the cursor to the "Economic, Sports” first submenu component of the outer track.
  • NW northwest of the directional key
  • a next stage user interface screen including detailed menus of the first sub-menu component that is, the second sub-menu component is output.
  • the cursor may be located at the second position of the "Kim Yu-na" sub-menu component, which is a predetermined position, or at the position of the first sub-menu component selected in the previous step.
  • the user operates the directional keys appropriately to position the cursor on the desired second menu component and select the corresponding second menu component.
  • the user interface screen of the next step is output again, and if the next step of the selection is the final content 30, the corresponding final content 30 is displayed. Is activated.
  • a news article in which text data and image data are synthesized is activated as the final content 30 and output to the screen.
  • a cursor is located at a “finance” menu component that is a predetermined position in an initial screen (first step) of a user interface.
  • the user presses the northwest (NW) of the directional keys to select the "Economy, Sports” first submenu component, moves the cursor to the "news" menu component of the same orbit, and once again moves the northwest (NW) of the directional keys. Press to move the cursor to the "Economic, Sports” first submenu component of the outer track. Then, press the center selection key of the directional key to select the "Economy, Sport” first sub-menu component.
  • a user interface screen of a next step consisting of detailed menus of the first submenu component, that is, second submenus
  • the user manipulates the directional keys appropriately to position the cursor on the desired second submenu component and selects the corresponding second submenu component.
  • the user interface screen of the next stage is output again, and the next stage of the second submenu component selection (third stage) ) Is the final content 30, the corresponding final content 30 is activated.
  • the third step is the final content 30
  • the information window for displaying the final content 30 or all or part of the content is activated or finalized instead of the second submenu component at the point where the cursor is located in the second step.
  • the content obtained by reducing the content 30 at a predetermined ratio is output.
  • the user interface according to the detailed menu of the "Kim Yu-na" second sub-menu component is output in the third step.
  • the content where the final content 30 is reduced at a predetermined rate is output instead of the second submenu component at the point where the cursor is located.
  • Such reduced content may be simply a reduced content of the final content 30 according to a predetermined ratio, or may extract only a partial content of the final content 30 and output it to a screen area of a predetermined limited size.
  • the user may enter the fourth step to check the contents of the final content 30, but may also check the entire contents or partial contents of the contents in advance by viewing the reduced contents.
  • the menu components, sub-menu components or contents are fixedly disposed on the outer track and the inner track, but are not necessarily limited thereto. That is, when the user selects a menu component 10 of the inner track, the lower menu components having keywords of the detailed field associated with the menu component may be newly disposed in the outer track.
  • the outer track contains "Economic News”, “Presence News”, “Sports News”, “Weather News”, “International News”, “Real Estate News” , Sub-menu components of "Culture News” and "Art News” are arranged.
  • the news article in which text data and image data are synthesized as an example of the final content 30 in FIG. 16 and FIG. 17 is mentioned as an example, the sound source data, the video data, the web page to which the URL is designated, etc. are also described as the final content 30. Can be used).
  • the present invention relates to a method of additionally arranging a menu component or a submenu component in a free space of a user terminal screen.
  • FIG. 18 illustrates an example in which the third submenu component is additionally disposed in the third step of FIG. 17.
  • the number of third submenu components that can be arranged in a circular track is eight, although there are 13 detailed submenus of the second submenu component of “Kim Yu-na” in the second stage. Therefore, the remaining five third sub-menu components may be arranged in a list form on the lower right side of the UI screen.
  • the user can move the cursor from the circular orbit to the additional third sub-menu component list through the trajectory movement operation of the input means, and move the cursor within the list through the north and south movement operations. have.
  • the positions at which the remaining five third sub-menu components are arranged in the form of a list are not limited to the lower right of the user interface screen but may be arranged in various locations according to the user's setting.
  • the remaining five third submenu components are arranged in the form of a list on the user interface screen, but the remaining five third submenu components may not be arranged on the user interface screen.
  • the detailed menu for the second sub-menu component “Kim Yu-na” of the second stage that is, there are 13 third sub-menu components
  • the number of the third sub-menu components that can be arranged in a circular orbit is 8
  • Eight third submenu components are placed on the circular trajectory
  • the remaining three third submenu components, which were not arranged by the user by operating the input means are placed on the circular trajectory, and eight third submenus originally placed on the circular trajectory.
  • the menu component may not be placed.
  • the method of arranging five third submenu components that are not arranged in the circular orbit instead of the eight third submenu components that were arranged in the circular orbit is performed by the user's input means. Instead of the menu component, five third sub-menu components that were not arranged in the circular track may be displayed, and in turn, instead of the eight third sub-menu components arranged in the circular track by the user's input means, one by one in the circular track. Five third submenu components that were not arranged may be arranged. In addition to the methods described above, the remaining five third submenu components may be arranged on the screen in various ways.
  • 19 and 20 show an example of a user interface screen outputting a history of step movement.
  • the user interfaces of the previous steps may be displayed in a form in which the number of closed curved layers are stacked around the user interface of the current step.
  • the user can easily check the progress of the current screen in the initial stage of the user interface, and can display as many menu components and sub-menu components as one screen (the stages displayed on the screen * the number of menu components per track). You can check it.
  • the user can move from the circular trajectory of the current stage to the circular trajectory of the previous stage through the trajectory movement operation of the input means.
  • the trajectory may be moved in such a manner that the circular trajectory of the current stage and the circular trajectory (s) of the previous stage are alternately switched to the center of the screen.
  • the user may not identify each menu component or submenu components constituting the user interface only in a limited range of predetermined steps.
  • the user may extract the desired menu components or sub-menu components from the current user interface and reconfigure them into their own user interface.
  • 21 is a screen example illustrating a process of generating a customized user interface according to an embodiment of the present invention.
  • the user terminal 100 may operate by dividing into a navigation mode for finding the desired final content 30 using a user interface and a reconfiguration mode for configuring a personalized user interface. have. Therefore, the user terminal must be assigned a key for mode switching.
  • the mode switch key may be provided separately from an input means for manipulation of a user interface, or may use a key of an existing input means as it is. In the latter example, when a key for moving a cursor or a menu rotates and a key for selecting a menu are input at the same time, the operation mode may be set to be switched.
  • a frame of a new user interface to be newly configured is displayed at a predetermined position (for example, the upper left portion of the screen in FIG. 21) among the empty spaces of the screen.
  • the frame of the new user interface may be displayed on the screen when the reconstruction mode is executed, and the frame of the new user interface is displayed in a blank state without the menu component 10 at a predetermined position from the initial state of the screen, and then after the user input operation. It may even be activated.
  • the user operates the input means to move the cursor in the existing user interface in the center of the screen.
  • the menu selection key of the input means is selected to transfer the corresponding menu component 10 or submenu component to the component frame 20 of the new user interface. .
  • the user moves the cursor from the current user interface to the new user interface by inputting the cursor movement key of the input means several times. For example, if the cursor is located on the inner track of the current user interface, pressing the cursor shift key of the input means once moves the cursor to the outer track, and pressing the cursor shift key once more disappears the cursor and the new user interface The outer track of is activated, and pressing the cursor movement key once more activates the inner track of the new user interface.
  • trajectory setting method is only one example, and it is obvious that the trajectory setting method can be variously set according to the implementation form of the above-described input means.
  • the new user interface When the editing of the new user interface is finished and the operation mode is switched to the navigation mode, the new user interface is displayed on the screen, and the user can operate the input means to perform cursor movement and menu component selection in the same way as in the previous user interface. have.
  • FIG. 22 is a modified example of FIG. 21. Instead of outputting only one step to the screen using the current user interface, the user interface of the previous step is also displayed on the screen as in the embodiments of FIGS. 19 and 20 to edit the new user interface. It is about the case.
  • the user terminal 100 includes an input unit 110, an output unit 120, a communication interface 130, a storage unit 140, a controller 150, and a GUI operating unit 160.
  • the input unit 110 is an instruction for moving a cursor between a menu component 10 or a submenu component on the same trajectory or a menu component 10 or a submenu component on a different trajectory in a menu component fixed user interface. And instructions for selecting the menu component 10 or the submenu component at the point where the cursor is located. In addition, the input unit 110 may rotate the menu component 10 or sub-menu components on the same track or change the trajectory of the rotation target in the menu component rotational user interface, and the menu component 10 located at a predetermined point. Or, the user receives an instruction for selecting a submenu component.
  • the input means mentioned in the foregoing description is the same concept as the input unit 110.
  • Directional keys, rotary keys, touch keys, keyboards, touch screens, mice, keypads of mobile terminals for movement of cursors, rotation of menu components 10 or submenu components, and selection of menu components 10 or submenu components, A jog dial, a direction movement key, and the like may be used as the input unit 110.
  • the output unit 120 outputs general information necessary for driving the user terminal 100 to the screen, and in particular, the step-by-step user interface configured by the GUI operation unit 150 and the final content 30 selected by the user on the screen. Output In addition, the output unit 120 outputs an advertisement simultaneously with the user interface on the screen of the user terminal 100.
  • a CRT, LCD, LED, plasma type monitor, TV, liquid crystal display, etc. may be used as the output unit 120.
  • the communication interface 130 downloads an operation application, a frame, configuration content, and an advertisement of a user interface according to an embodiment of the present invention through the Internet or a mobile communication network, and transmits the downloaded application to the storage 140.
  • the storage 140 stores an operating system, various applications, and advertisements necessary for driving the user terminal 100, and in particular, a skin 40, a menu component 10, and final content constituting a user interface according to an embodiment of the present invention.
  • 30 is stored in the skin DB 141, the menu DB 142, and the content DB 143, respectively.
  • the controller 150 performs overall control for smoothly driving the user terminal 100, and in particular, controls the GUI operation unit 160 to smoothly provide a user interface according to an embodiment of the present invention.
  • the GUI operating unit 160 configures a user interface according to an embodiment of the present invention, moves the cursor or rotates the component frame 20, selects a menu component 10 or a submenu component, and additional menu components 10. Or reconfigure the user interface according to the output of the additional submenu component list, the history output of the user interface, the execution of the customized user interface, or provide the user interface of the next step or output the final content 30.
  • the GUI manager 160 may be implemented as an application application that provides the above functions.
  • the user interface of the present invention may be produced by a dedicated editor, for example, a website is edited by a user using the Namo Web Editor, or may be produced using other known production tools or solutions.
  • the output unit 120 When a user executes a web page by operating one of the input means described above, the output unit 120 outputs a web page composed of a user interface on the screen of the user terminal 100. Since the input means has been described above, a detailed description thereof will be omitted for convenience.
  • the user interface constituting the web page is a component frame 20 and a skin 40 which is a frame for arranging the plurality of menu components 10 and the plurality of menu components in a predetermined position by orientation on one or more tracks as described above. It consists of Since components and shapes of the user interface have been described above, detailed descriptions thereof will be omitted for convenience. That is, in this embodiment, the user interface corresponds to a frame constituting an existing web page.
  • the plurality of menu components 10 may be menu components 10 in an initially set state or may be menu components 10 reconfigured by a user. Since the method of reconfiguring the menu component 10 by the user has been described above, a detailed description thereof will be omitted.
  • the plurality of menu components 10 include classified search results retrieved from all websites. Since the search results included in the menu component 10 are search results searched from all websites, duplicate search results may exist. The duplicate search results may or may not be included in the menu component 10 by the user's setting.
  • search results included in the plurality of menu components 10 may be included in a sorted order based on one of the criteria such as the latest order, the popularity order, the search order, the file size order, or the like.
  • the user operates the input means to select and rotate the menu component 10 to move to the next step and to check the final content 30 desired by the user. Since the method of operating the input means by the user and selecting the menu component 10 to move to the next step or checking the final content 30 by operating the input means has been described above, the detailed description is omitted for convenience.
  • the user interface configuring the web page may further include a search word input window through which a user may input a search word by operating an input means as shown in FIG. 24.
  • the search word input window may be activated by being activated in an area of the center of the user interface, or may be activated in a predetermined area on the user interface or on each menu component through a separate function key input.
  • the user interface constituting the web page further includes a search term input window
  • the user may easily and quickly check the desired final content 30 by inputting the search term in the search term input window.
  • a web page composed of a user interface is performed, and the user interface constituting the web page is composed of a plurality of menu components 10, and each menu component 10 is executed.
  • the user operates the input means to enter the search word "Kim Yu-na" into the search word input window and perform a search.
  • the plurality of menu components 10 include only search results related to the search word "Kim Yua" entered by the user.
  • the user inputs a search word in the search word input window so that the user can easily and quickly check the final content 30 desired by the user.
  • the search word input window may be omitted intentionally or intentionally.
  • the submenu component or the final content included in the plurality of menu components 10 is not a search result in which all the websites are searched. There is a difference in that the information stored in is classified and included in each of the plurality of menu components 10.
  • the user interface consists of a plurality of menu components 10, a component frame 20, and a skin 40, the user can reconfigure the plurality of menu components 10, and the user manipulates the input means to make the menu components 10.
  • To move to the next step and check the final content 30 is the same as in the modified embodiment 1 of the present invention, a detailed description thereof will be omitted.
  • a user interface is disposed on the screen of the user terminal 100.
  • an advertisement window may be activated or fixedly arranged in an empty space where the user interface is not displayed, thereby displaying an advertisement.
  • the position at which the advertisement window is formed and the size of the advertisement window are not limited and may be variously formed in a range that does not overlap the user interface.
  • the advertisement displayed along with the user interface on the screen of the user terminal may display various advertisements such as a line advertisement, an image advertisement, a video advertisement, and the like.
  • the advertisement displayed on the screen of the user terminal together with the user interface may display an advertisement related to a menu component or content selected by a user by operating an input means through the advertisement window.
  • the advertisement window displayed on the user terminal screen may display various advertisements such as advertisements input by a user terminal maker or a production company or advertisements downloaded through the Internet.
  • the display of the advertisement in the empty space where the user interface is not arranged on the screen of the user terminal 100 has been described.
  • various images and images may be displayed according to the user's designation in addition to the advertisement.
  • a user-specified picture may be disposed in a blank margin space in which the user interface is not arranged on the screen of the user terminal 100.
  • a desktop PC As a user terminal 100 according to an embodiment of the present invention, a desktop PC, a laptop PC, a palmtop PC, a PDA (Personal Digital Assistants), a PMP (Personal Multimedia Player), Telematics Terminal, Car Navigation, Mobile Phone, Smart Phone like Blackberry, Game Terminal like X-Box, PlayStation, Nintendo DS, etc. may be used. .
  • PDA Personal Digital Assistants
  • PMP Personal Multimedia Player
  • the input unit 110 of the user terminal 100 described as a key input input means or a rotary wheel input means using the detection of the mechanical contact, but the electronic input means using a touch sensor
  • the user interface according to the embodiment of the present invention can be operated in the same manner.
  • the input unit 110 of the user terminal is implemented as a touch screen, the user may intuitively select each menu component without having to implement a cursor.

Abstract

The present invention relates to a user interface that arranges user-selectable menu components by azimuth on one or more trajectories having a predetermined geometric figure shape, and when one is selected therefrom, searches for final contents through a method of outputting menu components of the next step, and to a user terminal having same. A user interface according to one embodiment of the present invention comprises: a plurality of menu components that are selectable by a user; and a component frame having a geometrically possible planar or three-dimensional shape for arranging the menu components in positions predetermined by azimuth on one or more trajectories, wherein a predetermined input means can be used to select a desired menu component, and the menu components configuring the user interface can be edited or reconstructed by a user.

Description

방향 선택형 사용자 인터페이스 및 이를 구현하는 사용자 단말기Directional user interface and user terminal implementing the same
본 발명은 제한된 화면 크기에서 최소한의 입력 조작으로도 원하는 정보를 효과적으로 탐색할 수 있고 사용자에 의한 재구성이 가능한 사용자 인터페이스에 관한 것으로서, 복수의 메뉴 컴포넌트들을 소정의 기하 형상을 갖는 컴포넌트 프레임을 배치하는 궤도상에 방위별로 배치하여 그 중 하나를 선택하면 다음 단계의 메뉴 컴포넌트들을 출력하는 방식으로 최종 콘텐츠를 탐색하는 사용자 인터페이스 및 이를 구현하는 사용자 단말기에 관한 것이다.The present invention relates to a user interface capable of efficiently searching for desired information with a minimum input operation in a limited screen size and reconfigurable by a user, and comprising: a trajectory for arranging a component frame having a predetermined geometric shape for a plurality of menu components; The present invention relates to a user interface for searching for final content in a manner of outputting menu components of a next step by arranging orientations on a bearing and selecting one of them, and a user terminal implementing the same.
데이터 통신의 발달과 저렴한 망 서비스의 보급으로 인해 인터넷 사용 인구가 폭발적으로 늘고 있다. 사람들은 인터넷을 통해 뉴스를 접하고 업무에 필요한 지식을 획득하며 전자메일을 통해 업무를 수행하고 사이버 쇼핑몰을 통해 물건을 구입하는 등 인터넷을 떠나서는 한 시도 살아갈 수 없는 시대를 살아가고 있다. 인터넷을 매개로 한 정보의 홍수 속에서 원하는 정보에 신속하게 접근할 수 있도록 하이퍼링크 기반의 웹 인터페이스가 사용되고 있다. 사용자는 웹 페이지에 포함된 하이퍼링크를 클릭해 가면서 원하는 정보를 단계적으로 찾아가는(tracking) 방법으로 인터넷을 서핑한다.Due to the development of data communication and the spread of cheap network services, the Internet population is exploding. People are living in an age where people can't live outside the Internet, such as accessing news on the Internet, acquiring knowledge for work, working through e-mail, and buying things through cyber shopping malls. In the flood of information via the Internet, hyperlink-based web interfaces are used to quickly access desired information. A user surfs the Internet by clicking on a hyperlink included in a web page, stepping through the desired information.
그러나, 종래의 웹 인터페이스에 의하면 웹 페이지에 하이퍼링크가 불규칙하게 분포되어 있으므로 사용자는 마우스 등의 극히 제한된 입력 수단을 통해서만 원활하게 웹 서핑을 할 수 있다는 제약이 있다. 만약 키보드를 이용하여 웹 서핑을 하려는 경우, 탭(Tab) 키를 여러 번 반복적으로 입력하여 활성 포커스를 자신이 원하는 하이퍼링크로 이동시키고 엔터(Enter)를 입력함으로써 다음 단계의 웹 페이지를 하나 열어볼 수 있을 뿐이므로 사용자가 원하는 최종 목적지에 도달하기까지 매우 번거로운 절차를 반복해야 한다. However, according to the conventional web interface, since the hyperlinks are irregularly distributed on the web page, the user can smoothly surf the web only through extremely limited input means such as a mouse. If you want to surf the web using the keyboard, try pressing the Tab key repeatedly several times to move the active focus to the hyperlink you want and press Enter to open the next web page. It can only be very cumbersome until the user reaches the desired final destination.
한편, 근자에는 통신 속도의 증가와 고성능 단말 장치의 등장으로 인터넷 접속과 멀티미디어의 재생이 가능한 휴대용 사용자 단말기가 속속 시장에 등장하고 있다. 그러나, 사용자 단말기의 휴대성은 무선 인터넷 등의 통신망을 활용한 다양한 콘텐츠의 이용에 제약을 가하고 있다. 즉, 휴대용 사용자 단말기의 작은 화면과 낮은 해상도로 인해 인터넷 웹 페이지의 원활한 풀 브라우징(full browsing)은 아직 힘든 상황이며, 여기에 휴대용 사용자 단말기의 제한된 키패드는 키보드를 이용한 웹 서핑의 경우와 유사하게 원활한 웹 서핑을 수행하기에 번거로운 점이 있다.On the other hand, in recent years, with the increase of communication speed and the emergence of high-performance terminal devices, portable user terminals capable of internet access and multimedia playback are emerging in the market one after another. However, the portability of the user terminal imposes restrictions on the use of various contents utilizing a communication network such as wireless Internet. That is, due to the small screen and low resolution of the portable user terminal, smooth full browsing of Internet web pages is still difficult, and the limited keypad of the portable user terminal is as smooth as the web surfing using the keyboard. It's a hassle to surf the web.
이러한 문제점을 해결하기 위해 키보드의 자판을 소형화하여 휴대용 사용자 단말기에 적용하는 기술이 제안되기도 했으나, 복잡하면서도 작은 자판 배열로 인해 빈번한 오타를 유발하는 문제점이 있고, 키보드의 입력 방법으로는 웹 서핑에 적절치 못하다는 문제는 여전히 해결되지 못하고 있다.In order to solve this problem, a technique of miniaturizing the keyboard keyboard and applying it to a portable user terminal has been proposed, but there is a problem that causes frequent typos due to the complicated and small keyboard layout. The problem of not being solved is still not solved.
본 발명의 실시예가 해결하고자 하는 과제는 제한된 화면 크기에서 최소한의 입력 조작으로도 인터넷 등의 통신망을 통해 제공되는 각종 정보를 효과적으로 탐색할 수 있을 뿐만 아니라 사용자에 의한 재구성이 가능한 사용자 인터페이스 및 이를 구현하는 사용자 단말기를 제공하는 것이다.The problem to be solved by the embodiment of the present invention is to effectively search for various information provided through a communication network, such as the Internet, even with a minimum input operation in a limited screen size, and to implement a user interface that can be reconfigured by a user It is to provide a user terminal.
위의 과제를 해결하기 위한 본 발명의 일 양태는, 사용자가 선택가능한 복수의 메뉴 컴포넌트; 및 기하학적으로 가능한 평면 또는 입체 도형 형상을 가지며, 하나 이상의 궤도상에 상기 메뉴 컴포넌트들을 방위별로 미리 정해진 위치에 배치하기 위한 틀인 컴포넌트 프레임을 포함하는 사용자 인터페이스를 제공한다.One aspect of the present invention for solving the above problems is a plurality of user selectable menu components; And a component frame having a geometrically possible planar or three-dimensional figure shape and a frame for arranging the menu components at a predetermined position for each orientation on one or more tracks.
또한, 사용자가 선택가능한 복수의 메뉴 컴포넌트와, 기하학적으로 가능한 평면 또는 입체 도형 형상을 가지며, 하나 이상의 궤도상에 상기 메뉴 컴포넌트들을 방위별로 미리 정해진 위치에 배치하기 위한 틀인 컴포넌트 프레임을 포함하는 사용자 인터페이스를 디스플레이하기 위한 출력부;와 상기 사용자 인터페이스의 메뉴 컴포넌트 선택을 위한 조작 수단을 제공하는 입력부; 및 상기 사용자 인터페이스를 구성하고, 상기 메뉴 컴포넌트들 중 하나가 선택되면 선택된 메뉴 컴포넌트가 가리키는 다음 단계의 사용자 인터페이스를 출력하거나, 상기 선택된 메뉴에 상응하는 최종 콘텐츠를 출력하는 GUI 운용부를 포함하는 사용자 단말기를 특징으로 한다.In addition, a user interface including a plurality of menu components selectable by a user, and a component frame having a geometrically planar planar or three-dimensional figure shape and a frame for arranging the menu components at predetermined positions for each orientation on one or more tracks. An input unit providing an output unit for displaying and an operation unit for selecting a menu component of the user interface; And a GUI operating unit configured to configure the user interface and output a user interface of a next step indicated by a selected menu component when one of the menu components is selected, or output final content corresponding to the selected menu. It features.
본 발명의 실시예에 의한 사용자 인터페이스에 의하면, 최소한의 조작키만을 포함하는 단순화된 입력 수단을 이용하더라도 원하는 정보를 효과적으로 탐색할 수 있으므로 주로 휴대형 단말 장치의 특성상 작은 면적의 입력 수단이 요구되는 환경에서 보다 효율적인 정보 검색 수단이 제공된다. According to the user interface according to the embodiment of the present invention, even if a simplified input means including only a minimum operation key can be used to effectively search for the desired information, the environment mainly requires a small area input means due to the characteristics of the portable terminal device. More efficient information retrieval means are provided.
또한, 본 발명의 실시예에 의한 사용자 인터페이스에 의하면, 사용자가 의도하는 바에 따라 직접 그 구성 메뉴 컴포넌트들을 편집하여 재구성할 수 있으므로 제한된 크기의 화면에서 사용자가 원하는 콘텐츠를 단시간 내로 편리하게 확인하는 것이 가능하다.In addition, according to the user interface according to an embodiment of the present invention, since the configuration menu components can be edited and reconfigured directly according to the user's intention, it is possible to conveniently check the desired content in a short time on a limited size screen. Do.
도 1 내지 도 6은 본 발명의 실시예에 의한 사용자 인터페이스의 일반적인 구조를 간략하게 도시한 화면 예이다.1 to 6 are screen examples schematically illustrating a general structure of a user interface according to an embodiment of the present invention.
도 7 내지 도 11은 본 발명의 실시예에 따른 사용자 인터페이스의 구성을 도시한 화면 예이다.7 to 11 are screen examples showing the configuration of a user interface according to an embodiment of the present invention.
도 12 내지 도 15는 본 발명의 실시예에 따른 사용자 단말기의 입력부를 종류별로 도시한 것이다.12 to 15 illustrate types of input units of a user terminal according to an exemplary embodiment of the present invention.
도 16 및 도 17은 메뉴 컴포넌트의 선택에 따라 다음 단계로 진행되는 경우의 사용자 인터페이스 화면 전환 예를 도시한 것이다.16 and 17 illustrate examples of switching a user interface screen when a menu component is selected and proceeds to the next step.
도 18은 본 발명의 사용자 인터페이스에서 메뉴 컴포넌트가 추가로 배치된 모습의 일례를 도시한 것이다.18 illustrates an example in which a menu component is additionally arranged in the user interface of the present invention.
도 19 및 도 20은 본 발명의 사용자 인터페이스에서 다음 단계로의 이동시 단계 이동의 히스토리를 출력한 사용자 인터페이스 화면의 예를 도시한 것이다.19 and 20 illustrate examples of a user interface screen outputting a history of step movement when moving to the next step in the user interface of the present invention.
도 21 및 도 22는 맞춤형 사용자 인터페이스의 재구성 과정을 도시한 화면예이다.21 and 22 are screen examples illustrating a reconfiguration process of a customized user interface.
도 23은 본 발명의 일 실시예에 따른 사용자 인터페이스를 적용한 사용자 단말기의 구성을 간략하게 도시한 블록도이다.23 is a block diagram schematically illustrating a configuration of a user terminal to which a user interface is applied according to an embodiment of the present invention.
도 24는 본 발명의 변형실시예 1에 따른 사용자 인터페이스 화면의 예를 도시한 것이다.24 shows an example of a user interface screen according to Modification Example 1 of the present invention.
도 25는 본 발명의 변형실시예 3에 따른 사용자 인터페이스 화면의 예를 도시한 것이다.25 shows an example of a user interface screen according to Modification Example 3 of the present invention.
아래에서는 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 첨부한 도면을 참고로 하여 본 발명의 실시예를 용이하게 실시할 수 있도록 상세히 설명한다. 본 발명은 여러 가지 상이한 형태로 구현될 수 있고 여기에서 설명하는 실시예들에 한정되지 않는다. 그리고 도면에서는 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분을 생략하였으며, 명세서 전체를 통하여 동일한 부분에 대해서는 동일한 도면 부호를 붙였다.DETAILED DESCRIPTION Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings by those skilled in the art. As those skilled in the art would realize, the described embodiments may be modified in various different ways, all without departing from the spirit or scope of the present invention. In the drawings, parts irrelevant to the description are omitted in order to clearly describe the present invention, and like reference numerals designate like parts throughout the specification.
명세서 전체에서, 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있음을 의미한다. 또한, 명세서에 기재된 "…부", "…기", "모듈" 등의 용어는 적어도 하나의 기능이나 동작을 처리하는 단위를 의미하며, 이는 하드웨어나 소프트웨어 또는 하드웨어 및 소프트웨어의 결합으로 구현될 수 있다.Throughout the specification, when a part is said to "include" a certain component, it means that it may further include other components, except to exclude other components unless specifically stated otherwise. In addition, the terms “… unit”, “… unit”, “module”, etc. described in the specification mean a unit that processes at least one function or operation, which may be implemented by hardware or software or a combination of hardware and software. have.
이하, 첨부된 도면을 참고로 하여 본 발명의 실시예에 따른 사용자 인터페이스에 대해 상세히 설명한다.Hereinafter, a user interface according to an embodiment of the present invention will be described in detail with reference to the accompanying drawings.
사용자 인터페이스의 구성Configuration of the User Interface
도 1 내지 도 6은 본 발명의 실시예에 의한 인터페이스의 일반적인 구조를 간략하게 도시한 화면 예이다.1 to 6 are screen examples schematically illustrating a general structure of an interface according to an embodiment of the present invention.
본 발명의 실시예에 의한 사용자 인터페이스는 사용자가 선택 가능한 복수의 메뉴 컴포넌트(menu component)(10)들과, 메뉴 컴포넌트(10)를 특정 위치에 배치하기 위한 틀인 컴포넌트 프레임(component frame)(20)과, 최종 콘텐츠(destination contents)(30)를 포함하여 이루어지며, 선택적으로 메뉴 콤포넌트(10)들의 존재감 또는 위치감을 강조하거나 사용자에게 미려한 느낌을 제공하기 위한 배경 이미지인 스킨(skin)(40)을 더 포함할 수 있으며, 평면 도형의 형태뿐만 아니라 3D 환경에서는 입체 도형으로도 형성할 수도 있다.According to an embodiment of the present invention, a user interface includes a plurality of menu components 10 selectable by a user and a component frame 20 that is a frame for arranging the menu components 10 at a specific position. And a final content 30, and optionally a skin 40, which is a background image for emphasizing the presence or position of the menu components 10 or providing a user with a beautiful feeling. It may further include, in addition to the shape of the planar figure may be formed as a three-dimensional figure in the 3D environment.
메뉴 컴포넌트(10)는 다음 단계의 사용자 인터페이스로 전환하거나 해당 메뉴 컴포넌트(10)에 상응하는 최종 콘텐츠(30)를 출력하기 위한 링크(link) 또는 하이퍼텍스트(hypertext)이거나 최종 콘텐츠(30) 자체일 수 있다. 메뉴 컴포넌트(10)는 단순한 텍스트, 조각 이미지(thumbnail image or icon image) 및 조각 동영상(thumbnail movie) 중 어느 하나에 링크 정보를 결합(combine)한 것일 수도 있고, 텍스트와 조각 이미지 또는 텍스트와 조각 동영상의 합성물에 링크 정보를 결합한 것일 수도 있다. 또한, 메뉴 컴포넌트(10)는 이미지, 동영상, 음원 등을 재생하여 출력하는 웹 컴포넌트 또는 미니 응용 애플리케이션일 수도 있다. 메뉴 컴포넌트(10)는 미리 정해진 방향으로 궤도상에 배치될 수 있다.The menu component 10 may be a link or hypertext or may be the final content 30 itself to switch to the next user interface or output the final content 30 corresponding to the menu component 10. Can be. The menu component 10 may be a combination of link information into any one of a simple text, a thumbnail image or an icon image, and a thumbnail movie. The menu component 10 may include a text and a fragment image or a text and a fragment video. Link information may be combined with a composite of. In addition, the menu component 10 may be a web component or a mini application application that reproduces and outputs an image, a video, a sound source, and the like. The menu component 10 may be arranged on the track in a predetermined direction.
컴포넌트 프레임(20)은 복수의 메뉴 컴포넌트(10)를 미리 정해진 위치에 배치하기 위한 틀로서, 각 메뉴 컴포넌트(10)는 궤도 형태의 컴포넌트 프레임(20) 위에 방향별로 배치된다. 이때 배치 형태는 궤도상이 아니라 바둑판 형태의 매트릭스 형태로도 배열될 수 있음을 유의한다. 이렇게 매트릭스 형태로 배열되는 경우에는 하위의 메뉴가 다면체로 출력되게 할 수 있다.The component frame 20 is a frame for arranging the plurality of menu components 10 at a predetermined position, and each menu component 10 is disposed in a direction on the component frame 20 having a track shape. Note that the arrangement may be arranged in a matrix form of a checkerboard rather than a track. When arranged in a matrix like this, the lower menu may be output as a polyhedron.
최종 콘텐츠(30)는 본 발명의 사용자 인터페이스를 통해 탐색하고자 하는 최종 목적물로서, 뉴스 기사, 상품 광고, 쇼핑 정보, 엔터테인먼트 정보, 오디오/비디오 멀티미디어 서비스 등을 사용자에게 제공한다. 최종 콘텐츠(30)는 문서 데이터, 이미지 데이터, 음원 데이터, 동영상 데이터 중 어느 하나이거나, 적어도 둘 이상을 결합한 것이거나, 이들 데이터를 재생하기 위한 응용 애플리케이션 프로그램일 수 있다. 문서 데이터의 일례로, 최종 콘텐츠(30)는 html, xml, sgml 등의 마크업 언어(markup language)를 이용하여 상기 데이터 중 적어도 둘 이상을 결합하여 제공하는 문서일 수 있으며, 이 경우 해당 최종 콘텐츠를 위해 선택했던 콘텐츠 메뉴는 URL(Uniform Resource Locator) 또는 로컬 저장 경로를 가리키는 링크 정보를 포함할 수 있다.The final content 30 is a final object to be explored through the user interface of the present invention and provides a user with news articles, product advertisements, shopping information, entertainment information, audio / video multimedia services, and the like. The final content 30 may be any one of document data, image data, sound source data, video data, or a combination of at least two or more, or an application application program for reproducing these data. As an example of the document data, the final content 30 may be a document that combines and provides at least two or more of the data using a markup language such as html, xml, sgml, etc., in this case, the final content The content menu selected for may include URL (Uniform Resource Locator) or link information indicating a local storage path.
스킨(40)은 메뉴 컴포넌트들(10)과 컴포넌트 프레임(20)의 배경 이미지이다. 스킨(40)으로 입력 수단의 모습을 형상화한 이미지를 사용함으로써 사용자가 입력 수단과 사용자 인터페이스의 조작 방법과의 관계를 직관적으로 파악할 수 있도록 배려하는 것이 바람직하다. 다만, 이에 한정하는 것은 아니며 사용자 단말기의 화면 형태(예를 들어 원형, 가로 직사각형, 세로 직사각형, 정사각형 등의 평면 도형은 물론 3D 환경에서는 기하학적을 가능한 입체 도형으로도 가능하다)에 따라 스킨(40)의 형상은 다양하게 구현될 수 있다. Skin 40 is a background image of menu components 10 and component frame 20. It is preferable to consider that the user can intuitively grasp the relationship between the input means and the operation method of the user interface by using an image in which the shape of the input means is used as the skin 40. However, the present invention is not limited thereto, and the skin 40 may be formed according to the screen form of the user terminal (for example, a planar figure such as a circle, a horizontal rectangle, a vertical rectangle, and a square, as well as a three-dimensional shape capable of geometry in a 3D environment). The shape of may be implemented in various ways.
사용자 인터페이스의 구성요소는 위에서 상술한 구성요소로 한정되지 않고 다양한 구성요소를 더 포함할 수 있다. 예를 들어 사용자가 자신이 원하는 최종 컨텐츠(30)를 찾기 위해 검색어를 입력하는 검색어 입력창을 더 포함할 수 있다. 검색어 입력창은 사용자 인터페이스의 중앙에 배치된다. 검색어 입력창의 배치 위치는 사용자 인터페이스의 중앙으로 한정되지 않고 사용자의 설정에 따라 변경될 수도 있다. 또한 사용자가 검색어 입력창을 선택하여 다른 위치로 이동시킬 수도 있다.Components of the user interface are not limited to the above-described components but may further include various components. For example, the terminal may further include a search term input window for inputting a search term in order to find the final content 30 desired by the user. The search term input window is placed in the center of the user interface. The arrangement position of the search word input window is not limited to the center of the user interface but may be changed according to the user's setting. In addition, the user may select a search word input window and move it to another location.
또한, 본 발명의 실시예에 따른 사용자 인터페이스는 도 1에 도시된 형태 이외에도 도 2와 같이 단순하면서도 사용자에게 심미감을 줄 수 있도록 다양한 디자인으로 설계되어도 무방하다. In addition, the user interface according to the embodiment of the present invention may be designed in various designs so as to be simple as shown in FIG.
도 2는 자체 검색 엔진을 구비하거나 다른 검색엔진 툴과 연동하면서 모든 웹사이트들을 검색하여 소정의 카테고리별로 메뉴 컴포넌트(10)들을 배치한 사용자 인터페이스의 다른 구성 예를 도시하고 있는 것으로, 예컨대 도 2에서 사용자가 복수개의 메뉴 컴포넌트(10) 중 "영화" 메뉴 컴포넌트(10)를 선택하면 도 3에 도시된 바와 같이 "영화" 메뉴 컴포넌트(10)에 포함되어 있던 "영화" 하위 메뉴 컴포넌트들 또는 "영화" 컨텐츠들이 표시되고 그 중 사용자가 하나의 "영화" 하위 메뉴 컴포넌트 또는 하나의 "영화" 컨텐츠를 선택하면 그 "영화" 하위 메뉴 컴포넌트 또는 해당 "영화" 컨텐츠에 대한 상세 정보가 도 4에 도시된 바와 같이 출력되어 사용자에게 표시되게 한다. 다른 예로 도 2에서 사용자가 "뉴스" 메뉴 컴포넌트(10)를 선택하면 "뉴스" 메뉴 컴포넌트(10)에 포함되어 있던 "뉴스" 하위 메뉴 컴포넌트 또는 "뉴스" 컨텐츠들이 사용자 인터페이스에 출력되거나 도 6에서와 같이 관련 상세 정보(텍스트, 이미지 또는 동영상)를 함께 표시할 수도 있다. FIG. 2 shows another configuration example of a user interface in which all the websites are searched and arranged with menu components 10 according to a predetermined category while having their own search engine or interworking with other search engine tools. For example, in FIG. When the user selects the "movie" menu component 10 of the plurality of menu components 10, as shown in FIG. 3, the "movie" submenu components or "movies" included in the "movie" menu component 10 as shown in FIG. 3. When the contents are displayed and the user selects one "movie" submenu component or one "movie" content, detailed information about the "movie" submenu component or the corresponding "movie" content is shown in FIG. Output as shown to the user. As another example, when the user selects the "news" menu component 10 in FIG. 2, the "news" sub-menu component or "news" contents included in the "news" menu component 10 may be output to the user interface, or in FIG. 6. As shown in the related detailed information (text, image or video) may be displayed together.
다만, 여기서 해당 관련 하위 메뉴 컴포넌트들 또는 컨텐츠들이 배치되거나 보여지는 순서는 사용자가 미리 설정해 놓은 옵션에 의해 순서대로 표시되게 할 수도 있고, 본 발명의 사용자 인터페이스와 연동되는 소정의 검색 엔진에 의해 웹상에 존재하는 컨텐츠들에 대해 검색한 결과들을 인기도, 조회순, 시간순, 파일용량순, 속성 등의 소정의 분류기준에 따라 표시되게 할 수도 있다. 물론 무작위로 표시되게 할 수도 있음은 당연하다. 메뉴 컴포넌트(10)들의 배치되는 순서도 사용자의 설정에 의해 변경될 수 있다.However, the order in which the relevant sub-menu components or contents are arranged or viewed may be displayed in order by an option set by the user in advance, or may be displayed on the web by a predetermined search engine linked with the user interface of the present invention. The results of searching for the existing contents may be displayed according to predetermined classification criteria such as popularity, search order, time order, file capacity order, and attribute. Of course, it can be displayed randomly. The order in which the menu components 10 are arranged may also be changed by the user's setting.
한편, 이러한 특징은 의도하지 않았던 사용자의 선택을 유도해낼 수 있으므로, 이비지니스나 광고 수익에 활용될 수 있고 뉴스 컨텐츠 같은 경우 기사 제공자에게 소정의 혜택을 제공할 수도 있다. 이런 경우, 사용자에 따라 본 발명의 사용자 인터페이스는 뉴스 기사나 상품 검색용으로 활용하면 보다 유리해 질 수도 있다. 이것은 새로운 검색 도구로서 기존의 웹 브라우저의 개념을 바꾼 것이라 하겠다. 특히, 화면 크기 및 입력 수단이 제한되어 있는 모바일 환경에서는 방향성을 갖고 있으므로 제 1 검색 후 제 2 검색시 더욱 빠르고 편리하게 선택 및 조회할 수 있게 된 것이다. 제 1 검색 화면에서 제 2 검색 화면으로 또는 제 3 검색 화면으로 또는 이들의 역순으로 선택 및 조회할 때 방향성 이동 개념에 기반하고 있으므로 빠르고 편리한 검색이 가능해지는 것이다. On the other hand, this feature can lead to unintentional user selection, so that it can be used for business or advertising revenue, and in the case of news content, it can provide a predetermined benefit to an article provider. In this case, depending on the user, the user interface of the present invention may be more advantageous when used for news articles or product search. This is a new search tool that changes the concept of existing web browsers. In particular, in a mobile environment in which the screen size and input means are limited, the mobile terminal has a directivity, and thus it is possible to select and inquire more quickly and conveniently in the second search after the first search. When selecting and inquiring from the first search screen to the second search screen, the third search screen, or the reverse order thereof, it is based on the directional movement concept, thereby enabling a quick and convenient search.
즉, 본 발명의 실시예에 따른 사용자 인터페이스는 개인화가 가능한 포털 웹사이트 역할도 하고 때로는 원하는 메뉴만 모아 놓은 웹 화면이나 웹 창 그 자체가 되기도 하는 것이다. 기존의 포털 웹사이트는 다양한 다수의 사용자들 모두를 위해 방대한 양의 컨텐츠들을 제각각 소정의 분류기준에 따라 분류하여 웹사이트상에 보여주고 있으나, 개인별 사용자 기준에서 볼 때는 그 많은 다양한 콘텐츠들을 모두 조회하는 것은 아니며 자주 조회해보는 컨텐츠들은 실제로는 그리 많지 않다. 따라서 사용자마다 자기의 기호도나 의도한 바에 따라 컨텐츠들의 분류기준을 설정하고 그 설정해 놓은 카테고리들만 화면상에 배치해 놓는다면 훨씬 더 개인화가 용이한 맞춤형 사용자 인터페이스가 되는 것이다. 본 예에서는 8개의 카테고리로 분류한 메뉴들이 예들을 개시하고 있지만 이 정도의 개수면, 방향성 이동 검색도 수월하고 사용자의 방향성 이동 입력 조작과 일치시킬 수 있게 되어 직관성도 우수해지는 효과가 있다. 하지만 분류 카테고리의 숫자나 배치 구조 및 카테고리 메뉴들의 추가나 감소는 이하에서도 설명되듯이 자유롭게 사용환경이나 설계 목적에 따라 변형할 수 있음은 당연하다. 이는 이와 같이, 사용자가 원하는 의도에 따라 재구성이 가능해지므로 화면상의 공간 여백도 충분해지고 이러한 여백 공간은 다른 용도로서 사용될 수도 있다. 예컨대 본 실시예에서와 같이 원형일 경우 직사각형 화면의 모서리쪽 공간 영역에는 또 다른 웹 도구나 사용자 인터페이스를 배치하여 보다 더 개인화된 모바일 환경을 구축할 수 있으며, 서비스 제공자나 단말기 제조업자들은 초기 상태에 디폴트로 광고용 사용자 인터페이스 영역을 배치하여 제한된 화면 크기에서도 공간 활용도를 높일 수 있게 된다. 하지만 이러한 것은 사용자가 환경설정에서 제거하고 개인화할 수도 있음은 당연하다. 위에서 상술한 특징들은 이하의 실시예들에서도 마찬가지임을 당업자라면 충분히 이해할 것이다. That is, the user interface according to the embodiment of the present invention serves as a portal website that can be personalized, and sometimes a web screen or a web window itself, which is a collection of only desired menus. Existing portal websites categorize vast amounts of contents for all of a variety of users according to a predetermined classification criteria and display them on the website.However, in terms of individual users, all the various contents are searched. In fact, there are not a lot of frequently viewed contents. Therefore, if a user sets the classification criteria of contents according to his or her preference or intention, and places only the set categories on the screen, it becomes a more personalized user interface that is much easier to personalize. In this example, the menus classified into eight categories are given examples. However, the number and the directional movement can be easily searched and matched with the directional movement input operation of the user. However, it is natural that the number or arrangement of classification categories and the addition or reduction of category menus can be freely modified according to the usage environment or design purpose, as described below. As such, since the user can reconfigure according to the intention of the user, the space on the screen is sufficient, and the space may be used for other purposes. For example, in the case of a circular shape, as shown in the present embodiment, another web tool or user interface may be placed in a corner space area of a rectangular screen to create a more personalized mobile environment. By default, the user interface area for advertisements can be placed to increase space utilization even on limited screen sizes. But of course, this can be removed and personalized by the user. It will be understood by those skilled in the art that the above-described features are the same in the following embodiments.
도 7 내지 도 11은 본 발명의 실시예에 따른 사용자 인터페이스의 구성을 도시한 하나의 화면예이다.7 to 11 are screen examples illustrating the configuration of a user interface according to an exemplary embodiment of the present invention.
<인터페이스 구성의 예 1> - 원형 궤도를 가지는 사용자 인터페이스<Example 1 of Interface Configuration>-User Interface with Circular Orbit
도 7에서 보듯, 본 발명의 실시예에 따른 사용자 인터페이스는 복수의 원형 궤도를 이미지로 표현하는 스킨(40)과, 각 원형 궤도에 따라 나열된 메뉴 컴포넌트(10)들과, 메뉴 컴포넌트(10)들을 미리 정해진 위치에 배치하기 위한 컴포넌트 프레임(20)들을 포함하여 이루어진다. As shown in FIG. 7, a user interface according to an embodiment of the present invention includes a skin 40 representing an image of a plurality of circular trajectories, menu components 10 listed according to each circular trajectory, and menu components 10. It comprises a component frame 20 for positioning in a predetermined position.
원형 궤도는 반드시 특정 개수로 고정되어야 하는 것은 아니며 사용자 단말기(100)의 화면 크기, 해상도, 콘텐츠의 특성(또는 종류) 등에 따라 다양하게 설정될 수 있다. 도 7은 특히 2개의 원형 궤도를 가지는 사용자 인터페이스의 일례를 도시하고 있다.The circular trajectory is not necessarily fixed to a specific number and may be variously set according to the screen size, resolution, content (or type) of the user terminal 100, and the like. 7 shows an example of a user interface with two circular orbits in particular.
도 7에서는, 안쪽 궤도에 제1 카테고리에 속하는 8개의 메뉴 컴포넌트(10)들을 각 방향에 맞추어 방사형으로 배치하고, 바깥쪽 궤도에는 제2 카테고리에 속하는 8개의 하위 메뉴 컴포넌트들을 방사형으로 배치할 수 있음을 도시하고 있다.In FIG. 7, eight menu components 10 belonging to the first category may be radially disposed in each direction in the inner track, and eight submenu components belonging to the second category may be radially disposed in the outer track. It is shown.
메뉴 컴포넌트(10)들과 하위 메뉴 컴포넌트들의 배치를 위한 하나의 예로, 제1 카테고리는 분야별 대분류에 해당하는 키워드를 포함하고, 제2 카테고리는 제1 카테고리의 각 키워드에 대한 세부 분류에 해당하는 키워드를 포함할 수 있다. 마찬가지로, 만약 사용자 인터페이스에 3개의 원형 궤도가 존재한다면 안쪽 궤도의 제1 카테고리에는 대분류의 키워드가, 중간 궤도의 제2 카테고리에는 중분류의 키워드가, 바깥쪽 궤도의 제3 카테고리에는 소분류의 키워드가 포함될 수 있다. 도 2b는 3개의 궤도를 가지는 사용자 인터페이스의 예를 도시한 것이다. 즉, 궤도가 다수 개인 경우 제 1 궤도상에는 제 1 카테고리에 속하는 메인 메뉴 컴포넌트(10)들이 각 방향에 맞추어 방사형으로 배치되고, 제 2 궤도상에는 제 2 카테고리에 속하는 제1하위 메뉴 컴포넌트들이 방사형으로 메인 메뉴 컴포넌트들에 대응되게 각각 배치되고, 제 3 궤도가 추가로 형성된 경우에는 보다 하위의 제2하위 메뉴 컴포넌트들이 상기 제 2 카테고리에 속하는 제1하위 메뉴 컴포넌트들에 대응되게 방사형으로 각각 배치되게 된다(도 8참조).As an example for the arrangement of the menu components 10 and the sub-menu components, the first category includes a keyword corresponding to a major classification by category, and the second category corresponds to a keyword corresponding to a detailed classification for each keyword of the first category. It may include. Similarly, if there are three circular orbits in the user interface, the first category of the inner track contains the large category of keywords, the second category of the intermediate track contains the middle category of keywords, and the outer category of the third category contains the small categories of keywords. Can be. 2B shows an example of a user interface with three trajectories. That is, when there are a plurality of trajectories, the main menu components 10 belonging to the first category are radially disposed in each direction on the first trajectory, and the first submenu components belonging to the second category are radially main on the second trajectory. When the third trajectory is further formed to correspond to the menu components, respectively, the lower second sub-menu components are respectively arranged radially to correspond to the first sub-menu components belonging to the second category ( See FIG. 8).
메뉴 컴포넌트(10)들과 하위 메뉴 컴포넌트의 배치를 위한 다른 예로, 제1 카테고리는 분야별 대분류에 해당하는 키워드를 포함하고, 제2 카테고리는 제1 카테고리의 키워드로부터 쉽게 연관지을 수 있는 유사 부류의 키워드를 포함할 수 있다.As another example for the arrangement of the menu components 10 and the submenu components, the first category includes a keyword corresponding to a major category, and the second category is a keyword of a similar class that can be easily associated with the keyword of the first category. It may include.
위에서는 안쪽 궤도에 제1 카테고리에 속하는 8개의 메뉴 컴포넌트(10)가 배치되는 것을 예로 설명하였으나 안쪽 궤도에 배치되는 제1 카테고리에 속하는 메뉴 컴포넌트는 8개로 한정되지 않고 사용자의 설정에 따라 다양하게 설정될 수 있다. In the above description, the eight menu components 10 belonging to the first category are disposed in the inner track as an example. However, the menu components belonging to the first category disposed in the inner track are not limited to eight but variously set according to the user's setting. Can be.
또한 위에서는 안쪽 궤도에 제1 카테고리에 속하는 메뉴 컴포넌트(10)들이 배치되고 바깥쪽 궤도에는 제2 카테고리에 속하는 하위 메뉴 컴포넌트가 배치되는 것에 대해 설명하였으나, 안쪽 궤도 및 바깥쪽 궤도 모두에 제1 카테고리에 속하는 메뉴 컴포넌트(10)가 배치될 수도 있다. 예를 들어 제1 카테고리에 속하는 메뉴 컴포넌트(10)의 수가 많아 안쪽 궤도에 모두 배치되는 것이 불가능한 겨우 바깥쪽 궤도에도 제1 카테고리에 속하는 메뉴 컴포넌트(10)가 배치될 수도 있다.In addition, while the menu component 10 belonging to the first category is disposed in the inner track and the submenu component belonging to the second category is disposed in the outer track, the first category is disposed in both the inner track and the outer track. A menu component 10 belonging to may be arranged. For example, the menu component 10 belonging to the first category may also be disposed on the outer track only when the number of the menu components 10 belonging to the first category cannot be arranged on the inner track.
또한, 카테고리별로 분류되어 배치되는 각각의 메뉴 컴포넌트들은 상술한 바와 같이 자체 검색엔진이나 다른 검색엔진 툴과 연동하여 검색된 결과들을 출력시키게 된다. 즉, 결과적으로 검색결과를 DB에서 대제목, 중제목, 소제목으로 구분 분류해 출력하게 되는 것이다. 이것은 자동적으로 또는 사전 설정에 의해 다양하게 출력시킬 수 있다. In addition, each of the menu components classified and arranged by category may output the searched results in cooperation with its own search engine or other search engine tools as described above. That is, as a result, the search results are classified into large headings, middle headings, and subheadings in the DB and are output. This can be output in various ways automatically or by preset.
<인터페이스 구성의 예 2> - 다각형의 궤도를 가지는 사용자 인터페이스<Example 2 of Interface Configuration>-User Interface with Polygonal Orbits
본 발명의 실시예에 따른 사용자 인터페이스의 스킨(40) 및 궤도의 형상이 반드시 원형에 한정되는 것이 아님을 상기시킨다. 따라서, 본 발명의 실시예에 따른 사용자 인터페이스의 스킨(40) 및 궤도는 곡선의 모서리를 가지는 원형, 타원형, 다각형 등으로 구현될 수도 있고, 사각형, 삼각형, 오각형, 육각형, 팔각형, 별형 등 모서리가 곡선이 아닌 다각형 등의 평면 도형 형상으로 구현될 수도 있으며, 3D 환경에서는 기하학적으로 가능한 입체 도형으로도 구현시킬 수 있고 사용자의 직관성이나 경험감을 제고할 수 있다.Recall that the shape of the skin 40 and trajectory of the user interface according to an embodiment of the invention is not necessarily limited to a circle. Accordingly, the skin 40 and the trajectory of the user interface according to the embodiment of the present invention may be implemented as a circle, an ellipse, a polygon having a curved edge, and a corner such as a rectangle, a triangle, a pentagon, a hexagon, an octagon, a star, etc. It may be implemented as a planar figure such as a polygon instead of a curve, and in a 3D environment, it may also be implemented as a geometrically possible three-dimensional figure and may improve user's intuition or experience.
본 발명의 실시예에 따른 사용자 단말기의 화면이 특히 직사각형인 경우를 예정한 것으로서 스킨(40)의 형상 및 궤도의 형태가 원형이 아니라는 점을 제외하고 메뉴 컴포넌트(10)의 배치에 대하여는 전술한 제1 구성 예와 동일하므로 그에 대한 상세한 설명은 생략한다.The arrangement of the menu component 10 is described in the case where the screen of the user terminal according to the embodiment of the present invention is particularly rectangular, except that the shape of the skin 40 and the shape of the track are not circular. 1 and the detailed description thereof will be omitted.
도 10 및 도 11은 보다 더 신속한 탐색을 할 수 있는 사용자 인터페이스 예를 도시한 것이다. 예컨대, 사용자가 10~11시 방향에 배치된 "뉴스" 메뉴 컴포넌트(10)를 선택하고자 하는 경우, 이전 예에서는 "뉴스" 메뉴 컴포넌트(10)를 선택했을 때 그 하위 단계의 하위 메뉴 컴포넌트들 또는 컨텐츠들을 표시하는 사용자 인터페이스가 출력되지만, 본 예에서는, "뉴스" 메뉴 컴포넌트(10)를 선택하기에 앞서 어떤 하위 메뉴 컴포넌트 또는 컨텐츠들이 있는지 확인한 상태에서 입력 수단의 방향 입력을 통해 해당 하위 메뉴 컴포넌트들 또는 컨텐츠들을 한번에 탐색해볼 수 있게 한 것이다. 즉, 도 10에서는 사용자가 "뉴스" 메뉴 컴포넌트(10)를 선택하고자 하는 경우, 예컨대 커서와 같은 포인팅 수단을 "뉴스" 메뉴 컴포넌트(10)에 갖다 놓거나 터치식인 경우 손가락을 갖다 놓으면 "뉴스" 메뉴 컴포넌트(10)에 해당하는 하위 메뉴 컴포넌트들 또는 컨텐츠들, 즉 "경제", "스포츠", "국제", "정치","사회", "문화", "과학", "연예" 하위 메뉴 컴포넌트들이 방사형으로 구분 배치된 원형 선택창의 사용자 인터페이스가 상기 현재 단계의 사용자 인터페이스 출력 화면상에 중첩되게 활성화되고 그 상태에서 추가적인 방향 입력만으로 하위 메뉴 컴포넌트들 또는 컨텐츠들을 탐색해 볼 수 있다. 여기서 상기 원형 선택창의 사용자 인터페이스는 위와 같이 선택될 메뉴에 상응하는 최종 컨텐츠(30)일 수도 있고, 제2하위 메뉴 컴포넌트일 수도 있다. 예를 들면 상기 원형 선택창의 사용자 인터페이스가 활성화된 상태에서 1시 방향의 "스포츠" 하위 메뉴 컴포넌트를 지시하는 방향 입력을 수행함으로써 "스포츠" 하위 메뉴 컴포넌트에 대한 뉴스 컨텐츠들이 표시될 수도 있고, "야구", "농구", "축구" 등과 같은 제2하위 메뉴 컴포넌트들이 표시될 수도 있다. 도 11의 경우는 원형 선택창의 사용자 인터페이스 대신에 부채꼴형 선택창의 사용자 인터페이스로 변형된 예가 도시되어 있다. 동작 방식은 마찬가지이다. 다만, 회전형 입력 수단인 경우에 더 적합한 예일 것임은 당업자라면 쉽게 이해할 것이다.10 and 11 illustrate examples of a user interface that enables faster navigation. For example, if the user wants to select the "news" menu component 10 arranged at the 10-11 o'clock position, in the previous example, when the "news" menu component 10 is selected, the sub-menu components of the lower level or Although a user interface displaying the contents is output, in the present example, prior to selecting the "news" menu component 10, the corresponding sub-menu components are inputted through the direction input of the input means while identifying which sub-menu components or contents are present. Or you can browse the contents at once. That is, in FIG. 10, when the user wants to select the "news" menu component 10, for example, a pointing means such as a cursor is placed on the "news" menu component 10, or a finger is touched, the "news" menu is displayed. Submenu components or contents corresponding to component 10, i.e., "economy", "sports", "international", "politics", "society", "culture", "science", "entertainment" submenu components The user interface of the circular selection window in which the radial selection windows are arranged radially is activated to be superimposed on the user interface output screen of the current step, and in this state, the sub-menu components or contents can be explored only by additional direction input. The user interface of the circular selection window may be the final content 30 corresponding to the menu to be selected as described above, or may be a second submenu component. For example, news content for the "Sport" submenu component may be displayed by performing a direction input indicating the "Sport" submenu component at 1 o'clock while the user interface of the circular selection window is activated. Second sub-menu components, such as "," basketball "," soccer "or the like may be displayed. In FIG. 11, an example is shown in which the fan-shaped selection window is replaced with the user interface of the circular selection window. The operation method is the same. However, it will be easily understood by those skilled in the art that the present invention will be a more suitable example in the case of the rotary input means.
사용자 인터페이스의 운용 1 (메뉴 컴포넌트의 선택)Operation of the User Interface 1 (Selection of menu component)
<메뉴 컴포넌트 선택 방식의 예 1> - 궤도 고정식 사용자 인터페이스<Example 1 of Menu Component Selection Method>-Fixed Orbit User Interface
본 발명의 실시예에 따른 사용자 인터페이스의 메뉴 컴포넌트(10)가 고정되어 있고, 입력 수단의 조작을 통해 예컨대 터치식인 경우 직접 원하는 메뉴 컴포넌트(10)를 선택하여 다음 단계의 사용자 인터페이스로 이동하거나, 커서를 이동시켜 원하는 메뉴 컴포넌트(10)로 이동하며 커서가 위치한 메뉴 컴포넌트(10)를 선택하여 다음 단계의 사용자 인터페이스로 이동하거나 해당 메뉴 컴포넌트(10)에 상응하는 최종 콘텐츠(30)를 열어보는 방식에 관한 것이다.When the menu component 10 of the user interface according to the embodiment of the present invention is fixed and is touched, for example, through a manipulation of the input means, the user directly selects the desired menu component 10 to move to a next user interface or a cursor. Move to the desired menu component 10 and select the menu component 10 where the cursor is located to move to the next user interface or open the final content 30 corresponding to the menu component 10. It is about.
여기서, "커서"라 함은, 현재 어떤 메뉴 컴포넌트(10)가 선택 대기 상태에 있는지를 알려주기 위한 포인팅 수단을 가리키는 것이거나, 사용자의 입력을 기다리거나 위치를 표시하는 것으로서 그 표현 방식에는 제한이 없다. 예를 들어, 선택 대기중인 메뉴 컴포넌트(10)에 특정 색상의 테두리를 표시하거나(도 7의 "뉴스" 메뉴 컴포넌트 참조), 선택 대기중인 메뉴 컴포넌트(10)의 크기를 다른 메뉴 컴포넌트들에 비해 상대적으로 확대(도 8의 "게임" 메뉴 컴포넌트 참조)하는 방식으로 커서를 표현할 수 있다. 이외에도 선택 대기중인 메뉴 컴포넌트(10)에 입체감, 색변환, 깜빡임 또는 하이라이트 기능을 주어 표현할 수도 있다. 이외에도 선택 대기중인 메뉴 컴포넌트(10)는 다양한 방법으로 표현될 수 있다.Here, the term "cursor" refers to a pointing means for indicating which menu component 10 is currently in a waiting state for selection, or waiting for a user input or indicating a position. none. For example, a certain color border is displayed on the menu component 10 that is waiting to be selected (see “News” menu component of FIG. 7), or the size of the menu component 10 that is waiting to be selected is compared with other menu components. The cursor can be expressed in such a way as to enlarge (see "Game" menu component of FIG. 8). In addition, the menu component 10 waiting to be selected may be expressed by giving a three-dimensional effect, color conversion, blinking, or highlight function. In addition, the menu component 10 waiting to be selected may be represented in various ways.
본 발명의 실시예에서, 사용자 단말기(100)에 사용자 인터페이스의 최초 화면이 출력될 때 미리 정해진 특정 메뉴 컴포넌트(10)에 상기 커서가 위치하도록 설정할 수 있다. 사용자는 입력 수단을 조작하여 사용자 인터페이스의 커서를 이동시키고 커서가 위치한 지점의 메뉴 컴포넌트(10)를 활성화한다. 이를 구체적인 입력 수단의 종류에 따라 예를 들어 설명하면 다음과 같다.In an embodiment of the present invention, when the initial screen of the user interface is output to the user terminal 100, the cursor may be set to be located at a predetermined specific menu component 10. The user manipulates the input means to move the cursor of the user interface and activate the menu component 10 at the point where the cursor is located. This will be described as an example according to the type of specific input means.
도 12 내지 도 15는 본 발명의 실시예에 따른 사용자 인터페이스의 운용을 위한 입력 수단을 종류별로 도시한 것이다.12 to 15 illustrate input means for operating a user interface according to an embodiment of the present invention for each type.
입력 수단의 일례로 방향성 키를 생각해볼 수 있다. As an example of the input means, a directional key can be considered.
도 12에서 보듯, 방향성 키는 커서를 이동시키기 위한 방향키와, 커서가 위치한 지점의 메뉴 컴포넌트(10)를 선택하기 위한 선택키를 포함하며, 도면에 도시하지는 않았으나 동작 모드를 전환하기 위한 모드변경키를 더 포함할 수 있다.As shown in FIG. 12, the directional key includes a direction key for moving the cursor and a selection key for selecting the menu component 10 at the point where the cursor is located, and a mode change key for switching the operation mode although not shown in the drawing. It may further include.
방향키는 각 방향에 상응하는 복수의 키로 이루어진 구조일 수도 있고, 하나의 원형, 타원형 또는 다각형 키로 복수의 방향을 선택하는 구조일 수도 있다. 선택키는 방향키의 중심 부위에 구비되는 것이 바람직하나 방향키와 상관없이 사용자 단말기의 별도의 위치에 구비될 수도 있다. 모드변경키는 방향키 및 선택키와는 별도로 구비될 수도 있으나 이에 한정하는 것은 아니다. 즉, 선택키와 모드변경키를 하나의 키로 이용할 수도 있으며, 구체적인 일례로 해당 키를 일정 시간 이하로 짧게 누르면 선택키로 동작하고 일정 시간을 초과하여 길게 누르면 모드변환키로 동작하도록 설정할 수 있다. 이를 위해 사용자 단말기는 소정의 카운팅 수단을 더 구비해야 한다. 방향성 키의 방향키 및/또는 선택키 및/또는 모드변경키는 터치 방식으로 구현될 수 있다.The direction key may be a structure consisting of a plurality of keys corresponding to each direction, or may be a structure for selecting a plurality of directions with one circular, elliptical or polygonal key. The selection key is preferably provided at the center of the direction key, but may be provided at a separate location of the user terminal regardless of the direction key. The mode change key may be provided separately from the direction key and the selection key, but is not limited thereto. That is, the selection key and the mode change key may be used as one key. As a specific example, when the corresponding key is shortly pressed for a predetermined time or less, the selection key may be operated. To this end, the user terminal should further include a predetermined counting means. The direction key and / or the selection key and / or the mode change key of the directional key may be implemented by a touch method.
입력 수단의 다른 일례로 회전형 키를 생각해볼 수 있다.As another example of the input means, a rotary key can be considered.
도 13에서 보듯, 회전형 키는 360°로 회전하는 휠 키와, 커서가 위치한 지점의 메뉴 컴포넌트(10)를 선택하기 위한 선택키를 포함하며, 도면에 도시되지는 않았으나 동작 모드를 전환하기 위한 모드변경키를 더 포함할 수 있다.As shown in FIG. 13, the rotatable key includes a wheel key rotating at 360 ° and a selection key for selecting the menu component 10 at the point where the cursor is located, and although not shown in the drawing, for switching the operation mode. It may further include a mode change key.
휠 키가 시계 방향 또는 반시계 방향으로 회전하거나 휠 키에서 특정 방향에 상응하는 부분이 입력되면 그 회전 방향 또는 입력 방향에 따라 커서가 회전하거나 이동한다. 선택키는 휠 키의 중심 부위에 구비되거나 그 외의 다른 위치에 구비될 수 있다. 선택키가 입력되면 커서가 위치하는 지점의 메뉴 컴포넌트(10)가 선택된다. 모드변경키는 휠 키 및 선택키와는 별도의 위치에 구비되는 것이 바람직하나 이에 한정하는 것은 아니다. 즉, 선택키와 모드변경키를 하나의 키로 이용할 수도 있으며, 그에 대한 구체적인 일례는 도 3a에서 설명한 바와 동일하다. 회전형 키의 휠 키 및/또는 선택키 및/또는 모드변경키 역시 터치 방식으로 구현될 수 있다.When the wheel key rotates clockwise or counterclockwise or a portion corresponding to a specific direction is input in the wheel key, the cursor rotates or moves according to the rotation direction or the input direction. The selection key may be provided at the center of the wheel key or at another position. When the selection key is input, the menu component 10 at the point where the cursor is positioned is selected. The mode change key is preferably provided at a position separate from the wheel key and the selection key, but is not limited thereto. That is, the selection key and the mode change key may be used as one key, and a specific example thereof is the same as described with reference to FIG. 3A. The wheel key and / or the selection key and / or the mode change key of the rotary key may also be implemented by a touch method.
입력 수단의 또 다른 일례로 키보드를 생각해볼 수 있다. As another example of the input means, a keyboard can be considered.
도 14에서 보듯, 키보드의 숫자 기판부(numeric key part)는 "1", "2", "3", "4", "5", "6", "7", "8", "9"의 숫자키와 "Enter"키를 포함한다. 키보드의 "1", "2", "3", "4", "6", "7", "8", "9"는 각각 "SW", "S", "SE", "W", "E", "NW", "N", "NE"의 방향에 매칭되는 방향키 역할을 담당하고, "5" 또는 "Enter"는 메뉴 컴포넌트(10) 선택을 위한 선택키 역할을 담당할 수 있다. 다만, 키보드의 숫자 기판부에 한정되는 것은 아니며, 키보드의 문자 기판부(character key part)의 4개 또는 6개의 인접한 키를 조합하여 방향키를 설정하고, 그 외의 특정 키(이를테면 "Enter"키)를 선택키로 설정할 수도 있다. 예를 들어, "I", "J", "M", "K" 키를 각각 "N", "W", "S", "E" 방향에 매칭시킬 수 있다.As shown in Fig. 14, the numeric key part of the keyboard is "1", "2", "3", "4", "5", "6", "7", "8", "9" It includes numeric keys of "and" Enter "key. "1", "2", "3", "4", "6", "7", "8", and "9" on the keyboard are "SW", "S", "SE" and "W" respectively. , "E", "NW", "N", and "NE" can serve as a direction key, and "5" or "Enter" can serve as a selection key for selecting the menu component 10. have. However, the keyboard is not limited to the numeric board portion, and four or six adjacent keys of the character key portion of the keyboard are combined to set direction keys, and other specific keys (such as the "Enter" key). You can also set as the select key. For example, the "I", "J", "M", and "K" keys may be matched to the "N", "W", "S", and "E" directions, respectively.
키보드에는 사용자 인터페이스의 동작 모드를 전환하기 위한 모드변경키가 더 할당될 수 있다. 이는 본 발명의 실시예에 따른 사용자 인터페이스를 마우스 없이 키보드 단독으로 운용하는 경우에 더욱 유용하다. The keyboard may further be assigned a mode change key for switching the operation mode of the user interface. This is more useful when the user interface according to the embodiment of the present invention is operated by a keyboard alone without a mouse.
상기 입력 수단의 다른 일례로 본 발명의 발명자가 이전에 출원한 출원발명(특허출원 제2007-0045255호)인 데이터 입력장치(미도시)를 채용할 수 있다. 특히, 상기 본 발명의 발명자가 출원한 데이터 입력장치는 누름과 이동을 독립적으로 또는 동시에 수행할 수 있는 입력장치로써, 상기 입력장치의 누름 또는 이동 중 어느 하나의 조작에 의해 방향 이동이 가능하고, 또 다른 하나의 조작에 의해 선택 및 실행이 가능하여 본 발명의 이점을 가장 잘 실현해낼 수 있는 입력 수단이다. 특히 상기 특허출원의 발명뿐만 아니라 본원의 발명자가 선출원한 관련 입력 장치 발명들도 마찬가지임을 당업자라면 충분히 이해할 것이다. 또한, 상기 입력 수단의 다른 일례로 터치스크린(미도시)이나 터치 패드(미도시) 등을 생각해볼 수 있음은 당연하다.As another example of the input means, a data input device (not shown), which is an application of the present invention (patent application No. 2007-0045255), may be employed. In particular, the data input device filed by the inventor of the present invention is an input device capable of independently or simultaneously pressing and moving, and is capable of moving in any direction by pressing or moving the input device. It is an input means that can be selected and executed by another operation and can best realize the advantages of the present invention. In particular, those skilled in the art will fully understand that the invention of the patent application as well as the related input device inventions pre- filed by the inventors of the present application are the same. In addition, it is natural that a touch screen (not shown) or a touch pad (not shown) may be considered as another example of the input means.
입력 수단은 위에서 설명한 일례 외에도 도 15와 같이 회전 방향키를 채용할 수도 있다.In addition to the example described above, the input means may employ a rotation direction key as shown in FIG. 15.
이상에서는 여러 가지 형태의 입력 수단을 이용하여 사용자 인터페이스를 운용하는 예를 설명하였으나 입력 수단의 형태가 3가지로 제한되는 것은 아니다. 즉, 근래에 보편화되어 있는 터치 방식을 채용할 수도 있으며, 그외에 동일 궤도상의 메뉴 이동/서로 다른 궤도간의 이동/커서 지점의 메뉴 컴포넌트(10) 선택 등을 위해 입력 수단의 조작 방법이 구분될 수 있다면 어떤 형태의 입력 수단이 사용되어도 무방하다. In the above, an example of operating the user interface using various types of input means has been described, but the form of the input means is not limited to three types. In other words, a touch method that is widely used in recent years may be employed, and in addition, operation methods of the input means may be distinguished for menu movement on the same track, movement between different trajectories, and selection of the menu component 10 at the cursor point. If so, any type of input means may be used.
<메뉴 컴포넌트 선택 방식의 예 2> - 궤도 회전식 사용자 인터페이스<Example 2 of menu component selection method>-Orbital rotation user interface
본 발명의 실시예에 따른 사용자 인터페이스의 메뉴 컴포넌트(10)가 사용자의 입력 수단 조작에 의해 궤도상에서 시계 방향 또는 반시계 방향으로 회전이 가능하고, 입력 수단의 조작을 통해 메뉴 컴포넌트(10)를 미리 정해진 위치로 이동시킨 후 해당 메뉴 컴포넌트(10)를 선택하여 다음 단계의 사용자 인터페이스로 이동하거나 해당 메뉴 컴포넌트(10)에 상응하는 최종 콘텐츠(30)를 열어보는 방식에 관한 것이다.The menu component 10 of the user interface according to the embodiment of the present invention can be rotated clockwise or counterclockwise on the track by the user's manipulation of the input means, and in advance the menu component 10 through the manipulation of the input means. After moving to a predetermined position, the menu component 10 is selected to move to a next user interface or to open a final content 30 corresponding to the menu component 10.
본 실시예에서, 사용자 인터페이스 중 특정 궤도의 특정 메뉴 컴포넌트(10) 위치를 사용자의 선택 대기 위치로 미리 정할 수 있다(예를 들어 안쪽 궤도의 동쪽 지점). 사용자는 입력 수단을 조작하여 사용자 인터페이스의 궤도를 회전시키는 방법으로 자신이 원하는 메뉴 컴포넌트(10)를 상기 선택 대기 위치로 이동시키고, 해당 위치의 메뉴 컴포넌트(10)를 선택한다. 이를 입력 수단의 구체적인 종류에 따라 예를 들어 설명하면 다음과 같다.In this embodiment, the position of a particular menu component 10 of a particular trajectory of the user interface may be predetermined as a user's selection waiting position (for example, the east point of the inner trajectory). The user moves the desired menu component 10 to the selection standby position by operating the input means to rotate the trajectory of the user interface, and selects the menu component 10 at the corresponding position. This will be described as an example according to the specific type of the input means as follows.
입력 수단의 일례로 도 15와 같이 회전방향키를 생각해볼 수 있다. As an example of the input means, a rotation direction key may be considered as shown in FIG. 15.
도 15에서 보듯, 회전방향키는 중앙의 메뉴 선택키와, 메뉴 선택키의 좌우에 배치된 한 쌍의 궤도 회전키와, 메뉴 선택키의 상하에 배치된 한 쌍의 궤도 이동키를 포함하여 이루어진다. 사용자가 좌측 또는 우측의 궤도 회전키를 누를 때마다 현재 궤도의 메뉴 컴포넌트(10)들이 시계방향 또는 반시계방항으로 하나씩 회전한다. 또한, 사용자가 상위 또는 하위의 궤도 이동키를 누를 때마다 현재 궤도와 다른 궤도(들)가 번갈아 가며 전환된다. 사용자는 궤도 회전키 및/또는 궤도 이동키를 이용하여 원하는 메뉴 컴포넌트(10)를 선택 대기 위치로 이동시키고 중앙의 메뉴 선택키를 눌러 해당 메뉴 컴포넌트(10)를 선택한다.As shown in FIG. 15, the rotation direction key includes a center menu selection key, a pair of orbital rotation keys disposed on the left and right sides of the menu selection key, and a pair of orbital movement keys disposed above and below the menu selection key. Each time the user presses the left or right orbital rotation key, the menu components 10 of the current orbit rotate one by one clockwise or counterclockwise. In addition, each time the user presses the upper or lower trajectory movement key, the current trajectory and the other trajectory (s) are alternately switched. The user moves the desired menu component 10 to the selection standby position by using the orbital rotation key and / or the orbital movement key and selects the corresponding menu component 10 by pressing a menu selection key at the center.
입력 수단의 다른 일례로 회전형 키를 생각해볼 수 있다. As another example of the input means, a rotary key can be considered.
회전형 키는 도 13에 도시된 바와 같으며, 사용자는 360°로 회전하는 휠 키를 이용하여 궤도를 시계 방향 또는 반시계 방향으로 회전시키고, 휠 키를 방향성으로 눌러 현재 궤도를 다른 궤도(들)로 전환할 수 있다. 또한 사용자는 사용자 단말기에 상기 휠 키와 별도의 위치에 구비된 선택키 또는 상기 회전형 키의 중심 부위에 구비된 선택키를 통해 선택 대기 위치의 메뉴 컴포넌트(10)를 선택할 수 있다.The rotatable key is shown in FIG. 13, wherein the user rotates the track clockwise or counterclockwise by using a wheel key rotated 360 °, and directionally presses the wheel key to change the current track to another track (s). Can be switched to). In addition, the user may select the menu component 10 of the selection standby position through a selection key provided at a location separate from the wheel key or a selection key provided at a center portion of the rotatable key.
사용자 인터페이스의 운용 2 (선택에 따른 단계 이동)Operation of the User Interface 2 (Move Step by Selection)
도 16 및 도 17은 메뉴 컴포넌트의 선택에 따라 다음 단계로 진행되는 경우의 사용자 인터페이스 화면 전환 예를 도시한다. 여기서는 설명의 편의를 위해 궤도 고정형 사용자 인터페이스에서 방향성 키를 이용하여 커서 이동 및 메뉴 컴포넌트(10) 선택을 수행하는 경우를 예로 들어 설명하지만, 전술한 내용을 참고하면 다른 형태의 입력 수단에 대해서도 본 발명의 실시예에 따른 사용자 인터페이스의 운용 방법을 쉽게 유추할 수 있다.16 and 17 illustrate examples of switching the UI screen when the user proceeds to the next step according to the selection of the menu component. For convenience of description, a case in which the cursor movement and the menu component 10 are performed by using the directional keys in the fixed-orbit user interface will be described as an example. However, referring to the foregoing description, the present invention also relates to another type of input means. It is possible to easily infer the operating method of the user interface according to the embodiment.
<단계 이동의 예 1> - 단계 이동에 따른 사용자 인터페이스 전환<Example 1 of Step Movement>-User Interface Switching by Step Movement
도 16의 예에서, 사용자 인터페이스의 초기 화면에서 커서는 미리 정해진 위치인 "금융" 메뉴 컴포넌트(10)에 위치하고 있다고 가정한다. 사용자는 "경제, 스포츠" 제1하위 메뉴 컴포넌트를 선택하기 위해 방향성 키의 북서쪽(NW)을 눌러 커서를 동일 궤도의 "뉴스" 메뉴 컴포넌트(10)로 이동시키고, 다시 한 번 방향성 키의 북서쪽(NW)을 눌러 커서를 바깥 궤도의 "경제, 스포츠" 제1하위 메뉴 컴포넌트로 이동시킨다. 그리고, 방향성 키의 중앙 선택키를 눌러 "경제, 스포츠" 제1하위 메뉴 컴포넌트를 선택한다.In the example of FIG. 16, it is assumed that the cursor is located at the “finance” menu component 10 which is a predetermined position in the initial screen of the user interface. The user presses the northwest (NW) of the directional keys to select the "Economy, Sports" first submenu component and moves the cursor to the "news" menu component (10) of the same trajectory, once again the northwest of the directional key ( NW) to move the cursor to the "Economic, Sports" first submenu component of the outer track. Then, press the center selection key of the directional key to select the "Economy, Sport" first sub-menu component.
"경제, 스포츠" 제1하위 메뉴 컴포넌트가 선택되면 해당 제1하위 메뉴 컴포넌트의 세부 메뉴들 즉, 제2하위 메뉴 컴포넌트로 이루어진 다음 단계의 사용자 인터페이스 화면이 출력된다. 이때, 커서는 미리 정해진 위치인 "김연아" 제2하위 메뉴 컴포넌트에 위치할 수도 있고, 전 단계에서 선택된 제1하위 메뉴 컴포넌트의 위치에 위치할 수도 있다. 사용자는 전 단계와 마찬가지로 방향성 키를 적절히 조작하여 자신이 원하는 제2메뉴 컴포넌트에 커서를 위치시키고 해당 제2메뉴 컴포넌트를 선택한다. 여기서, 다음 단계의 세부 메뉴들 즉, 제3하위 메뉴 컴포넌트들이 존재하는 경우에는 다시 다음 단계의 사용자 인터페이스 화면이 출력되고, 상기 선택의 다음 단계가 최종 콘텐츠(30)라면 해당 최종 콘텐츠(30)가 활성화된다. 도 4a에서는 텍스트 데이터와 이미지 데이터가 합성된 뉴스 기사가 최종 콘텐츠(30)로 활성화되어 화면에 출력되고 있다.When the "economic, sports" first sub-menu component is selected, a next stage user interface screen including detailed menus of the first sub-menu component, that is, the second sub-menu component is output. In this case, the cursor may be located at the second position of the "Kim Yu-na" sub-menu component, which is a predetermined position, or at the position of the first sub-menu component selected in the previous step. As in the previous step, the user operates the directional keys appropriately to position the cursor on the desired second menu component and select the corresponding second menu component. Here, if there are detailed menus of the next step, that is, the third sub-menu components, the user interface screen of the next step is output again, and if the next step of the selection is the final content 30, the corresponding final content 30 is displayed. Is activated. In FIG. 4A, a news article in which text data and image data are synthesized is activated as the final content 30 and output to the screen.
<단계 이동의 예 2> - 콘텐츠 미리 보기<Example 2 of Step Movement>-Content Preview
도 17을 참고하면, 도 16과 마찬가지로, 사용자 인터페이스의 초기 화면(제1단계)에서 커서는 미리 정해진 위치인 "금융" 메뉴 컴포넌트에 위치하고 있다고 가정한다. 사용자는 "경제, 스포츠" 제1하위 메뉴 컴포넌트를 선택하기 위해 방향성 키의 북서쪽(NW)을 눌러 커서를 동일 궤도의 "뉴스" 메뉴 컴포넌트로 이동시키고, 다시 한 번 방향성 키의 북서쪽(NW)을 눌러 커서를 바깥 궤도의 "경제, 스포츠" 제1하위 메뉴 컴포넌트로 이동시킨다. 그리고, 방향성 키의 중앙 선택키를 눌러 "경제, 스포츠" 제1하위 메뉴 컴포넌트를 선택한다.Referring to FIG. 17, as in FIG. 16, it is assumed that a cursor is located at a “finance” menu component that is a predetermined position in an initial screen (first step) of a user interface. The user presses the northwest (NW) of the directional keys to select the "Economy, Sports" first submenu component, moves the cursor to the "news" menu component of the same orbit, and once again moves the northwest (NW) of the directional keys. Press to move the cursor to the "Economic, Sports" first submenu component of the outer track. Then, press the center selection key of the directional key to select the "Economy, Sport" first sub-menu component.
"경제, 스포츠" 제1하위 메뉴 컴포넌트가 선택되면 해당 제1하위 메뉴 컴포넌트의 세부 메뉴들 즉, 제2하위 메뉴들로 이루어진 다음 단계(제2단계)의 사용자 인터페이스 화면이 출력된다. 사용자는 전 단계와 마찬가지로 방향성 키를 적절히 조작하여 자신이 원하는 제2하위 메뉴 컴포넌트에 커서를 위치시키고 해당 제2하위 메뉴 컴포넌트를 선택한다. 여기서, 제2단계의 제2하위 메뉴 컴포넌트에 대하여 세부 메뉴들이 존재하는 경우에는 다시 다음 단계(제3단계)의 사용자 인터페이스 화면이 출력되고, 상기 제2하위 메뉴 컴포넌트 선택의 다음 단계(제3단계)가 최종 콘텐츠(30)라면 해당 최종 콘텐츠(30)가 활성화된다. 이때, 제3단계가 최종 콘텐츠(30)인 경우, 상기 제2단계에서 커서가 위치한 지점에는 제2하위 메뉴 컴포넌트 대신 최종 콘텐츠(30)나 그 내용의 전부 또는 일부를 표시해주는 정보창이 활성화되거나 최종 컨텐츠(30)를 일정 비율로 축소한 콘텐츠가 출력된다. When the "economic, sports" first submenu component is selected, a user interface screen of a next step (second step) consisting of detailed menus of the first submenu component, that is, second submenus, is output. As in the previous step, the user manipulates the directional keys appropriately to position the cursor on the desired second submenu component and selects the corresponding second submenu component. Here, when detailed menus exist for the second submenu component of the second stage, the user interface screen of the next stage (third stage) is output again, and the next stage of the second submenu component selection (third stage) ) Is the final content 30, the corresponding final content 30 is activated. In this case, when the third step is the final content 30, the information window for displaying the final content 30 or all or part of the content is activated or finalized instead of the second submenu component at the point where the cursor is located in the second step. The content obtained by reducing the content 30 at a predetermined ratio is output.
다시 도 17을 참고하면, 사용자가 제2단계에서 "김연아" 제2하위 메뉴 컴포넌트를 선택함에 따라 제3단계에서 "김연아" 제2하위 메뉴 컴포넌트의 세부 메뉴에 따른 사용자 인터페이스가 출력된다. 여기서, 커서가 위치하는 지점에는 제2하위 메뉴 컴포넌트 대신 최종 콘텐츠(30)를 일정 비율로 축소한 콘텐츠가 출력됨을 알 수 있다. 이와 같은 축소 콘텐츠는 단순히 최종 콘텐츠(30)를 일정 비율에 따라 그대로 축소한 것일 수도 있고, 최종 콘텐츠(30)의 일부 내용만을 추출하여 미리 정해진 제한된 크기의 화면 영역에 출력한 것일 수도 있다. 사용자는 굳이 제4단계로 진입하여 최종 콘텐츠(30)의 내용을 확인할 수도 있지만, 상기 축소 콘텐츠를 보고 콘텐츠의 전체 내용 또는 일부 내용을 미리 확인할 수도 있다.Referring back to FIG. 17, as the user selects the "Kim Yu-na" second sub-menu component in the second step, the user interface according to the detailed menu of the "Kim Yu-na" second sub-menu component is output in the third step. In this case, it can be seen that the content where the final content 30 is reduced at a predetermined rate is output instead of the second submenu component at the point where the cursor is located. Such reduced content may be simply a reduced content of the final content 30 according to a predetermined ratio, or may extract only a partial content of the final content 30 and output it to a screen area of a predetermined limited size. The user may enter the fourth step to check the contents of the final content 30, but may also check the entire contents or partial contents of the contents in advance by viewing the reduced contents.
도 16 및 도 17은, 바깥쪽 궤도와 안쪽 궤도에 메뉴 컴포넌트들과 하위 메뉴 컴포넌트 또는 컨텐츠가 고정적으로 배치되는 경우를 도시하고 있으나 반드시 이에 한정하는 것은 아니다. 즉, 사용자가 안쪽 궤도의 어느 메뉴 컴포넌트(10)를 선택하면, 그에 따라 바깥쪽 궤도에는 해당 메뉴 컴포넌트와 연관된 세부 분야의 키워드를 가지는 하위 메뉴 컴포넌트들이 새롭게 배치될 수 있다. 구체적인 예로, 사용자가 안쪽 궤도의 "뉴스" 메뉴 컴포넌트를 선택하면 곧바로 바깥쪽 궤도에는 "경제 뉴스", "시사 뉴스", "스포츠 뉴스", "기상 뉴스", "국제 뉴스", "부동산 뉴스", "문화 뉴스", "예술 뉴스"의 하위 메뉴 컴포넌트들이 배치된다.16 and 17 illustrate the case in which the menu components, sub-menu components or contents are fixedly disposed on the outer track and the inner track, but are not necessarily limited thereto. That is, when the user selects a menu component 10 of the inner track, the lower menu components having keywords of the detailed field associated with the menu component may be newly disposed in the outer track. As a specific example, as soon as the user selects the "News" menu component of the inner track, the outer track contains "Economic News", "Presence News", "Sports News", "Weather News", "International News", "Real Estate News" , Sub-menu components of "Culture News" and "Art News" are arranged.
또한, 도 16 및 도 17에서 최종 콘텐츠(30)로서 텍스트 데이터와 이미지 데이터가 합성된 뉴스 기사를 일례로 들었으나, 전술한 바와 같이 음원 데이터, 동영상 데이터, URL이 지정된 웹 페이지 등도 최종 콘텐츠(30)로 사용될 수 있다.In addition, although the news article in which text data and image data are synthesized as an example of the final content 30 in FIG. 16 and FIG. 17 is mentioned as an example, the sound source data, the video data, the web page to which the URL is designated, etc. are also described as the final content 30. Can be used).
<단계 이동의 예 3> - 추가 메뉴 컴포넌트<Example 3 of Step Movement>-Additional Menu Components
본 발명의 실시예에 따른 사용자 인터페이스에서 최종 콘텐츠(30)의 출력 단계를 제외한 나머지 단계에서 궤도에 배치되어야 할 메뉴 컴포넌트 또는 하위 메뉴 컴포넌트의 수가 실제로 배치 가능한 수보다 많은 경우, 궤도에 배치되지 못한 나머지 메뉴 컴포넌트 또는 하위 메뉴 컴포넌트를 사용자 단말기 화면의 여유 공간에 추가로 배치하는 방법에 관한 것이다.In the user interface according to the embodiment of the present invention, if the number of menu components or sub-menu components to be placed in the track at a stage other than the output stage of the final content 30 is greater than the number that can be actually arranged, The present invention relates to a method of additionally arranging a menu component or a submenu component in a free space of a user terminal screen.
도 18은 도 17의 제3단계에서 제3하위 메뉴 컴포넌트가 추가로 배치된 모습의 일례를 도시한 것이다. 도 5에서 보듯, 제2단계의 "김연아" 제2하위 메뉴 컴포넌트에 대한 세부 메뉴 즉, 제3하위 메뉴 컴포넌트가 13개인데 비해 원형 궤도에 배치할 수 있는 제3하위 메뉴 컴포넌트의 개수는 8개이므로, 나머지 5개의 제3하위 메뉴 컴포넌트는 사용자 인터페이스 화면의 우측 하단에 리스트 형태로 배치할 수 있다. 이 경우 키 조작의 일례로, 사용자는 입력 수단의 궤도 이동 조작을 통해 원형 궤도에서 추가 제3하위 메뉴 컴포넌트 리스트로 커서를 이동하고, 북쪽 이동 및 남쪽 이동 조작을 통해 리스트 내에서 커서를 이동시킬 수 있다. 나머지 5개의 제3하위 메뉴 컴포넌트가 리스트 형태로 배치되는 위치는 사용자 인터페이스 화면의 우측 하단으로 한정되지 않고 사용자의 설정에 따라 다양한 위치에 배치될 수도 있다.FIG. 18 illustrates an example in which the third submenu component is additionally disposed in the third step of FIG. 17. As shown in FIG. 5, the number of third submenu components that can be arranged in a circular track is eight, although there are 13 detailed submenus of the second submenu component of “Kim Yu-na” in the second stage. Therefore, the remaining five third sub-menu components may be arranged in a list form on the lower right side of the UI screen. In this case, as an example of key operation, the user can move the cursor from the circular orbit to the additional third sub-menu component list through the trajectory movement operation of the input means, and move the cursor within the list through the north and south movement operations. have. The positions at which the remaining five third sub-menu components are arranged in the form of a list are not limited to the lower right of the user interface screen but may be arranged in various locations according to the user's setting.
위에서는 나머지 5개의 제3하위 메뉴 컴포넌트가 사용자 인터페이스 화면에 리스트 형태로 배치되는 경우에 대해 설명하였지만 나머지 5개의 제3하위 메뉴 컴포넌트가 사용자 인터페이스 화면에 배치되지 않을 수도 있다. 예를 들어 제2단계의 "김연아" 제2하위 메뉴 컴포넌트에 대한 세부 메뉴 즉, 제3하위 메뉴 컴포넌트가 13개인데 비해 원형 궤도에 배치할 수 있는 제3하위 메뉴 컴포넌트의 개수는 8개인 경우, 원형 궤도에 8개의 제3하위 메뉴 컴포넌트가 배치되고, 사용자가 입력 수단을 조작해 배치되지 않았던 나머지 5개의 제3하위 메뉴 컴포넌트가 원형 궤도에 배치되고, 원래 원형 궤도에 배치되었던 8개의 제3하위 메뉴 컴포넌트가 배치되지 않을 수 있다. 원형 궤도에 배치되었던 8개의 제3하위 메뉴 컴포넌트 대신 원형 궤도에 배치되지 않았던 5개의 제3하위 메뉴 컴포넌트가 배치되도록 하는 방법은 사용자의 입력 수단 조작에 의해 한번에 원형 궤도에 배치되었던 8개의 제3하위 메뉴 컴포넌트 대신 원형 궤도에 배치되어 있지 않던 5개의 제3하위 메뉴 컴포넌트가 표시되도록 할 수도 있고, 사용자의 입력 수단 조작에 의해 원형 궤도에 배치되었던 8개의 제3하위 메뉴 컴포넌트 대신 하나씩 차례대로 원형 궤도에 배치되어 있지 않던 5개의 제3하위 메뉴 컴포넌트가 배치될 수도 있다. 위에서 설명한 방법 외에도 다양한 방법으로 나머지 5개의 제3하위 메뉴 컴포넌트를 화면에 배치할 수 있다.In the above, the case where the remaining five third submenu components are arranged in the form of a list on the user interface screen has been described, but the remaining five third submenu components may not be arranged on the user interface screen. For example, if the detailed menu for the second sub-menu component “Kim Yu-na” of the second stage, that is, there are 13 third sub-menu components, the number of the third sub-menu components that can be arranged in a circular orbit is 8, Eight third submenu components are placed on the circular trajectory, and the remaining three third submenu components, which were not arranged by the user by operating the input means, are placed on the circular trajectory, and eight third submenus originally placed on the circular trajectory. The menu component may not be placed. The method of arranging five third submenu components that are not arranged in the circular orbit instead of the eight third submenu components that were arranged in the circular orbit is performed by the user's input means. Instead of the menu component, five third sub-menu components that were not arranged in the circular track may be displayed, and in turn, instead of the eight third sub-menu components arranged in the circular track by the user's input means, one by one in the circular track. Five third submenu components that were not arranged may be arranged. In addition to the methods described above, the remaining five third submenu components may be arranged on the screen in various ways.
<단계 이동의 예 4> - 단계 이동의 히스토리 출력<Example 4 of step movement>-History output of step movement
도 19 및 도 20은 단계 이동의 히스토리를 출력한 사용자 인터페이스 화면의 일례를 도시한 것이다.19 and 20 show an example of a user interface screen outputting a history of step movement.
사용자 인터페이스의 단계가 이동됨에 따라 하나의 화면에 현 단계의 사용자 인터페이스만을 출력할 수도 있으나, 하나의 화면에 현 단계뿐만 아니라 이전에 거쳐온 단계들에 대한 사용자 인터페이스들을 함께 출력할 수도 있다. 이때, 하나의 화면에 이전 단계의 사용자 인터페이스를 모두 출력할 수도 있으나, 사용자 단말기(100)의 화면 크기는 제한적이므로 이전 단계 중 미리 정해진 개수의 단계만을 출력하도록 한정할 수도 있다. 다만, 도 19에 도시된 바와 같이, 이전 단계의 사용자 인터페이스들이 하나의 화면 내에 평면적으로 배치되는 경우 그 단계 수가 많아지면 화면의 크기 제약으로 인해 많은 수의 사용자 인터페이스를 표시하기가 곤란하거나 사용자에 의한 식별성이 떨어질 수가 있다. 따라서 이를 감안하여 도 20에 도시된 바와 같이 이전 단계들의 사용자 인터페이스들이 현재 단계의 사용자 인터페이스 주위에 그 수만큼 폐곡면 레이어가 적층되는 형태로 표시되게 할 수도 있다. As the steps of the user interface are moved, only the user interface of the current step may be output on a single screen, but the user interfaces for the steps that have been passed as well as the current step may also be output on one screen. In this case, all of the user interface of the previous step may be output on one screen. However, since the screen size of the user terminal 100 is limited, only a predetermined number of steps of the previous step may be output. However, as shown in FIG. 19, when the user interfaces of the previous stage are arranged in one screen in a plane, when the number of steps increases, it is difficult to display a large number of user interfaces due to the size limitation of the screen, It may be indistinguishable. Accordingly, in consideration of this, as shown in FIG. 20, the user interfaces of the previous steps may be displayed in a form in which the number of closed curved layers are stacked around the user interface of the current step.
사용자는 현재의 화면이 최초 단계의 사용자 인터페이스에서 어느 정도로 진행된 단계인지를 쉽게 확인할 수 있으며, 하나의 화면으로 (화면에 출력된 단계 * 궤도당 메뉴 컴포넌트 수) 만큼의 메뉴 컴포넌트 및 하위 메뉴 컴포넌트를 한꺼번에 확인할 수 있다.The user can easily check the progress of the current screen in the initial stage of the user interface, and can display as many menu components and sub-menu components as one screen (the stages displayed on the screen * the number of menu components per track). You can check it.
본 실시예를 위한 키 조작의 일례로, 사용자는 입력 수단의 궤도 이동 조작을 통해 현 단계의 원형 궤도에서 이전 단계의 원형 궤도로 이동할 수 있다. 키 조작의 다른 일례로, 사용자가 입력 수단의 궤도 이동 조작을 수행하면 현 단계의 원형 궤도와 이전 단계의 원형 궤도(들)가 번갈아 가면서 화면의 중심으로 전환되는 방식으로 궤도를 이동할 수도 있다.As an example of key operation for the present embodiment, the user can move from the circular trajectory of the current stage to the circular trajectory of the previous stage through the trajectory movement operation of the input means. As another example of the key operation, when the user performs the trajectory movement operation of the input means, the trajectory may be moved in such a manner that the circular trajectory of the current stage and the circular trajectory (s) of the previous stage are alternately switched to the center of the screen.
맞춤형 사용자 인터페이스Custom user interface
한편, 사용자는 사용자 인터페이스를 구성하는 각 메뉴 컴포넌트들 또는 하위 메뉴 컴포넌트들을 미리 정해진 단계들의 제한된 범위에서만 확인할 수 있는 것은 아니다. 다시 말해, 사용자는 자신이 원하는 메뉴 컴포넌트들 또는 하위 메뉴 컴포넌트들을 현재의 사용자 인터페이스에서 발췌하여 자신만의 사용자 인터페이스로 재구성할 수 있다.Meanwhile, the user may not identify each menu component or submenu components constituting the user interface only in a limited range of predetermined steps. In other words, the user may extract the desired menu components or sub-menu components from the current user interface and reconfigure them into their own user interface.
도 21은 본 발명의 일 실시예에 따른 맞춤형 사용자 인터페이스의 생성 과정을 도시한 일 화면예이다.21 is a screen example illustrating a process of generating a customized user interface according to an embodiment of the present invention.
본 발명의 실시예의 구현을 위해 사용자 단말기(100)는 사용자 인터페이스를 이용하여 원하는 최종 콘텐츠(30)를 찾기 위한 탐색 모드와, 자신만의 맞춤형 사용자 인터페이스를 구성하기 위한 재구성 모드로 구분하여 동작할 수 있다. 따라서 사용자 단말기에는 모드 전환을 위한 키가 배정되어야 한다. 모드 전환키는 사용자 인터페이스의 조작을 위한 입력 수단과는 별도로 구비될 수도 있고, 기존 입력 수단의 키를 그대로 활용할 수도 있다. 후자의 일례로, 커서 이동 또는 메뉴 회전을 위한 키와 메뉴 선택을 위한 키가 동시에 입력되면 동작 모드가 전환되도록 설정할 수 있다.In order to implement an embodiment of the present invention, the user terminal 100 may operate by dividing into a navigation mode for finding the desired final content 30 using a user interface and a reconfiguration mode for configuring a personalized user interface. have. Therefore, the user terminal must be assigned a key for mode switching. The mode switch key may be provided separately from an input means for manipulation of a user interface, or may use a key of an existing input means as it is. In the latter example, when a key for moving a cursor or a menu rotates and a key for selecting a menu are input at the same time, the operation mode may be set to be switched.
키 조작에 의해 재구성 모드로 전환되면 화면의 빈 공간 중 미리 약속된 위치(예를 들어, 도 21에서는 화면의 좌측 상단부)에 새롭게 구성할 신규 사용자 인터페이스의 프레임이 표시된다. 이때 신규 사용자 인터페이스의 프레임은 재구성 모드 실행시 화면상에 표시될 수도 있고, 화면의 초기 상태부터 소정의 위치에 메뉴 컴포넌트(10)를 갖지 않은 공백 상태로 표시되어 있다가 사용자의 입력 조작이 있은 후에 비로소 활성화될 수도 있다. 사용자는 입력 수단을 조작하여 화면 중앙의 기존의 사용자 인터페이스에서 커서를 이동시킨다. 커서가 자신이 원하는 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트에 위치하면 입력 수단의 메뉴 선택키를 선택하여 해당 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트를 상기 신규 사용자 인터페이스의 컴포넌트 프레임(20)으로 이전시킨다. When the mode is switched to the reconfiguration mode by a key operation, a frame of a new user interface to be newly configured is displayed at a predetermined position (for example, the upper left portion of the screen in FIG. 21) among the empty spaces of the screen. In this case, the frame of the new user interface may be displayed on the screen when the reconstruction mode is executed, and the frame of the new user interface is displayed in a blank state without the menu component 10 at a predetermined position from the initial state of the screen, and then after the user input operation. It may even be activated. The user operates the input means to move the cursor in the existing user interface in the center of the screen. When the cursor is located at the desired menu component 10 or submenu component, the menu selection key of the input means is selected to transfer the corresponding menu component 10 or submenu component to the component frame 20 of the new user interface. .
만약, 상기 신규 사용자 인터페이스의 컴포넌트 프레임(20)이 복수의 궤도를 가지는 경우에는 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트를 이전하기 전에 상기 복수의 궤도 중에서 어느 하나를 선택하는 과정이 선행되어야 한다. 이를 위해 사용자는 입력 수단의 커서 이동키를 여러 번 입력하는 방법으로 현재 사용자 인터페이스에서 상기 신규 사용자 인터페이스로 커서를 이동시킨다. 예를 들어, 커서가 현재 사용자 인터페이스의 안쪽 궤도에 위치하는 경우, 입력 수단의 커서 이동키를 한 번 누르면 커서가 바깥쪽 궤도로 이동하고, 커서 이동키를 한 번 더 누르면 커서가 사라지면서 상기 신규 사용자 인터페이스의 바깥쪽 궤도가 활성화되며, 커서 이동키를 한 번 더 누르면 상기 신규 사용자 인터페이스의 안쪽 궤도가 활성화된다. 상기 신규 사용자 인터페이스의 안쪽 궤도 또는 바깥쪽 궤도가 활성화된 상태에서 메뉴 선택키를 누르면 차후 해당 궤도로 메뉴 컴포넌트가 이동되는 것으로 설정되면서 현재 사용자 인터페이스에 다시 커서가 활성화된다. 이와 같은 궤도 설정 방법은 하나의 예에 불과하며 전술한 입력 수단의 구현 형태에 따라 다양하게 설정 가능하다는 것은 자명한 일이다.If the component frame 20 of the new user interface has a plurality of trajectories, a process of selecting any one of the plurality of trajectories must be preceded before the menu component 10 or the lower menu component is transferred. To this end, the user moves the cursor from the current user interface to the new user interface by inputting the cursor movement key of the input means several times. For example, if the cursor is located on the inner track of the current user interface, pressing the cursor shift key of the input means once moves the cursor to the outer track, and pressing the cursor shift key once more disappears the cursor and the new user interface The outer track of is activated, and pressing the cursor movement key once more activates the inner track of the new user interface. When the menu selection key is pressed while the inner or outer track of the new user interface is activated, the menu component is set to be moved to the corresponding track later, and the cursor is activated again in the current user interface. Such a trajectory setting method is only one example, and it is obvious that the trajectory setting method can be variously set according to the implementation form of the above-described input means.
현재 사용자 인터페이스의 단계를 변경하기 위해 다시 동작 모드를 탐색 모드로 전환할 수 있다. 탐색 모드에서 다른 단계의 사용자 인터페이스를 선택한 후 다시 재구성 모드로 전환하여 신규 사용자 인터페이스의 편집을 이어서 계속한다.You can switch the operation mode back to navigation mode to change the level of the current user interface. In the browse mode, you select a different level of user interface and then switch back to reconfiguration mode to continue editing the new user interface.
신규 사용자 인터페이스의 편집이 종료되어 동작 모드를 탐색 모드로 전환하면 화면에는 신규 사용자 인터페이스가 출력되고, 사용자는 입력 수단을 조작하여 커서 이동 및 메뉴 컴포넌트 선택을 종전의 사용자 인터페이스에서와 동일하게 수행할 수 있다.When the editing of the new user interface is finished and the operation mode is switched to the navigation mode, the new user interface is displayed on the screen, and the user can operate the input means to perform cursor movement and menu component selection in the same way as in the previous user interface. have.
도 22는 도 21의 변형예로서, 현재의 사용자 인터페이스로 한 단계만을 화면에 출력하는 것이 아니라 도 19 및 도 20의 실시예와 같이 이전 단계의 사용자 인터페이스도 함께 화면에 출력하여 신규 사용자 인터페이스를 편집하는 경우에 관한 것이다.FIG. 22 is a modified example of FIG. 21. Instead of outputting only one step to the screen using the current user interface, the user interface of the previous step is also displayed on the screen as in the embodiments of FIGS. 19 and 20 to edit the new user interface. It is about the case.
현 단계의 사용자 인터페이스에서 타 단계의 사용자 인터페이스로 커서를 이동해가면서 한 화면에서 보다 많은 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트를 확인할 수 있으므로 신규 사용자 인터페이스의 편집 시간을 단축할 수 있다. 도 22에서 커서 이동을 위한 입력 수단 조작의 일례로, 키 남서쪽(SW) 키를 두 번 입력함으로써 현 단계의 사용자 인터페이스에서 바로 이전 단계의 사용자 인터페이스로 커서를 이동시킬 수 있고, 다시 북서쪽(NW) 키를 두 번 입력함으로써 그 이전 단계의 사용자 인터페이스로 커서를 이동시킬 수 있다. 커서 이동 후 원하는 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트에서 메뉴 선택키를 입력하여 상기 신규 사용자 인터페이스로 해당 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트를 보내고, 필요에 따라 동작 모드를 전환하는 방법은 도 21와 동일하다.By moving the cursor from the user interface of the current stage to the user interface of the other stage, more menu components 10 or lower menu components can be checked on one screen, thereby reducing the editing time of the new user interface. As an example of the operation of the input means for moving the cursor in FIG. 22, by inputting the SW south key twice, the cursor can be moved from the user interface of the current step to the user interface of the previous step, and again northwest NW. By entering the key twice, you can move the cursor to the user interface of the previous level. After moving the cursor, a menu selection key is input from a desired menu component 10 or a submenu component to send the corresponding menu component 10 or a submenu component to the new user interface, and a method of switching an operation mode as necessary is illustrated in FIG. 21. Is the same as
한편, 도 21 및 도 22에서는 입력 수단으로 방향성 키를 이용하는 경우에 대해 설명하였지만, 회전형 키, 키보드 기타 다른 종류의 입력 수단을 이용하여 동일하게 사용자 인터페이스를 재구성할 수 있음은 자명하다.21 and 22 have described the case in which the directional key is used as the input means, it is obvious that the user interface can be reconfigured in the same manner using the rotary key, the keyboard, or other kinds of input means.
이하에서는 본 발명의 실시예에 따른 사용자 인터페이스를 채용한 사용자 단말기에 대해 상세히 설명한다.Hereinafter, a user terminal employing a user interface according to an embodiment of the present invention will be described in detail.
도 23은 본 발명의 일 실시예에 따른 사용자 단말기의 구성을 간략하게 도시한 블록도이다. 상기 사용자 단말기(100)는 입력부(110), 출력부(120), 통신인터페이스(130), 저장부(140), 제어부(150) 및 GUI 운용부(160)를 포함한다. 23 is a block diagram schematically illustrating a configuration of a user terminal according to an embodiment of the present invention. The user terminal 100 includes an input unit 110, an output unit 120, a communication interface 130, a storage unit 140, a controller 150, and a GUI operating unit 160.
입력부(110)는 메뉴 컴포넌트 고정형 사용자 인터페이스에서, 동일 궤도상의 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트 간에 커서를 이동시키거나 서로 다른 궤도상의 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트 간에 커서를 이동시키기 위한 지시 및 커서가 위치한 지점의 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트를 선택하기 위한 지시를 사용자로부터 입력받는다. 또한 입력부(110)는 메뉴 컴포넌트 회전형 사용자 인터페이스에서, 동일 궤도상의 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트들을 회전시키거나 회전 대상의 궤도를 전환하기 위한 지시 및 미리 정해진 지점에 위치한 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트를 선택하기 위한 지시를 사용자로부터 입력받는다. 참고로, 이전의 설명에서 언급한 입력 수단은 입력부(110)와 동일한 개념이다.The input unit 110 is an instruction for moving a cursor between a menu component 10 or a submenu component on the same trajectory or a menu component 10 or a submenu component on a different trajectory in a menu component fixed user interface. And instructions for selecting the menu component 10 or the submenu component at the point where the cursor is located. In addition, the input unit 110 may rotate the menu component 10 or sub-menu components on the same track or change the trajectory of the rotation target in the menu component rotational user interface, and the menu component 10 located at a predetermined point. Or, the user receives an instruction for selecting a submenu component. For reference, the input means mentioned in the foregoing description is the same concept as the input unit 110.
커서의 이동, 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트의 회전 및 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트 선택을 위해 방향성 키, 회전형 키, 터치 키, 키보드, 터치 스크린, 마우스, 이동 단말기의 키패드, 조그 다이얼, 방향이동누름 키 등이 입력부(110)로 사용될 수 있다.Directional keys, rotary keys, touch keys, keyboards, touch screens, mice, keypads of mobile terminals for movement of cursors, rotation of menu components 10 or submenu components, and selection of menu components 10 or submenu components, A jog dial, a direction movement key, and the like may be used as the input unit 110.
출력부(120)는 사용자 단말기(100)의 구동에 필요한 일반적인 정보들을 화면에 출력하고, 특히 GUI 운용부(150)에 의해 구성되는 단계별 사용자 인터페이스와 사용자에 의해 선택된 최종 콘텐츠(30)를 화면에 출력한다. 또한, 출력부(120)는 사용자 단말기(100) 화면에 사용자 인터페이스와 동시에 광고를 출력한다. 사용자 인터페이스 및 콘텐츠의 출력을 위해 브라운관, 엘시디, 엘이디, 플라즈마 방식의 모니터나 티브이, 액정 디스플레이 등이 출력부(120)로 사용될 수 있다.The output unit 120 outputs general information necessary for driving the user terminal 100 to the screen, and in particular, the step-by-step user interface configured by the GUI operation unit 150 and the final content 30 selected by the user on the screen. Output In addition, the output unit 120 outputs an advertisement simultaneously with the user interface on the screen of the user terminal 100. For output of the user interface and content, a CRT, LCD, LED, plasma type monitor, TV, liquid crystal display, etc. may be used as the output unit 120.
통신 인터페이스(130)는 인터넷 또는 이동 통신망을 통해 본 발명의 실시예에 따른 사용자 인터페이스의 운용 애플리케이션, 프레임, 구성 콘텐츠 및 광고를 다운로드받아 저장부(140)로 전송한다.The communication interface 130 downloads an operation application, a frame, configuration content, and an advertisement of a user interface according to an embodiment of the present invention through the Internet or a mobile communication network, and transmits the downloaded application to the storage 140.
저장부(140)는 사용자 단말기(100)의 구동에 필요한 운영체제 및 각종 애플리케이션 및 광고을 저장하며, 특히 본 발명의 실시예에 따른 사용자 인터페이스를 구성하는 스킨(40), 메뉴 컴포넌트(10), 최종 콘텐츠(30)를 각각 스킨 DB(141), 메뉴 DB(142) 및 콘텐츠 DB(143)에 저장한다.The storage 140 stores an operating system, various applications, and advertisements necessary for driving the user terminal 100, and in particular, a skin 40, a menu component 10, and final content constituting a user interface according to an embodiment of the present invention. 30 is stored in the skin DB 141, the menu DB 142, and the content DB 143, respectively.
제어부(150)는 사용자 단말기(100)의 원활한 구동을 위한 전반적인 제어를 수행하고, 특히 GUI 운용부(160)를 제어하여 본 발명의 실시예에 따른 사용자 인터페이스가 원활하게 제공되도록 한다.The controller 150 performs overall control for smoothly driving the user terminal 100, and in particular, controls the GUI operation unit 160 to smoothly provide a user interface according to an embodiment of the present invention.
GUI 운용부(160)는 본 발명의 실시예에 따른 사용자 인터페이스를 구성하고, 커서의 이동이나 컴포넌트 프레임(20)의 회전, 메뉴 컴포넌트(10) 또는 하위 메뉴 컴포넌트의 선택, 추가 메뉴 컴포넌트(10) 또는 추가 하위 메뉴 컴포넌트 리스트의 출력, 사용자 인터페이스의 히스토리 출력, 맞춤형 사용자 인터페이스 실행 등에 따라 그에 상응하도록 사용자 인터페이스를 재구성하거나 다음 단계의 사용자 인터페이스를 제공하거나 최종 콘텐츠(30)를 출력한다. GUI 운용부(160)는 전술한 기능들을 제공하는 응용 애플리케이션으로 구현될 수 있다. 또한, 본 발명의 사용자 인터페이스는 예컨대 웹사이트 편집을 나모웹에디터를 사용하여 사용자가 홈페이지를 제작하듯이 전용 에디터에 의해 제작될 수도 있으며, 기타 다른 공지된 제작 툴이나 솔루션을 사용하여 제작할 수도 있다.The GUI operating unit 160 configures a user interface according to an embodiment of the present invention, moves the cursor or rotates the component frame 20, selects a menu component 10 or a submenu component, and additional menu components 10. Or reconfigure the user interface according to the output of the additional submenu component list, the history output of the user interface, the execution of the customized user interface, or provide the user interface of the next step or output the final content 30. The GUI manager 160 may be implemented as an application application that provides the above functions. In addition, the user interface of the present invention may be produced by a dedicated editor, for example, a website is edited by a user using the Namo Web Editor, or may be produced using other known production tools or solutions.
변형실시예Modification Example
<변형실시예 1>Modified Example 1
아래에서는 위에서 설명한 사용자 인터페이스로 이루어지는 웹페이지에 대해서 자세히 설명한다.The following describes in detail the web page consisting of the user interface described above.
사용자가 위에서 설명한 입력 수단 중 하나의 입력 수단을 조작하여 웹페이지를 실행시키면 출력부(120)는 사용자 인터페이스로 이루어진 웹페이지를 사용자 단말기(100) 화면에 출력한다. 입력 수단은 위에서 설명하였으므로 편의상 자세한 설명은 생략한다.When a user executes a web page by operating one of the input means described above, the output unit 120 outputs a web page composed of a user interface on the screen of the user terminal 100. Since the input means has been described above, a detailed description thereof will be omitted for convenience.
웹페이지를 구성하는 사용자 인터페이스는 위에서 설명한 것과 같이 복수개의 메뉴 컴포넌트(10)와 하나 이상의 궤도상에 상기 복수개의 메뉴 컴포넌트들을 방위별로 미리 정해진 위치에 배치하기 위한 틀인 컴포넌트 프레임(20) 및 스킨(40)으로 구성된다. 사용자 인터페이스의 구성요소 및 형상은 위에서 설명하였으므로 편의상 자세한 설명은 생략한다. 즉, 본 실시예에서 사용자 인터페이스는 기존의 웹페이지를 구성하는 프레임에 해당된다고 하겠다.As described above, the user interface constituting the web page is a component frame 20 and a skin 40 which is a frame for arranging the plurality of menu components 10 and the plurality of menu components in a predetermined position by orientation on one or more tracks as described above. It consists of Since components and shapes of the user interface have been described above, detailed descriptions thereof will be omitted for convenience. That is, in this embodiment, the user interface corresponds to a frame constituting an existing web page.
복수개의 메뉴 컴포넌트(10)는 초기 설정된 상태의 메뉴 컴포넌트(10)일 수도 있고, 사용자가 재구성한 메뉴 컴포넌트(10)일 수도 있다. 사용자가 메뉴 컴포넌트(10)를 재구성하는 방법은 위에서 설명하였으므로 편의상 자세한 설명은 생략한다.The plurality of menu components 10 may be menu components 10 in an initially set state or may be menu components 10 reconfigured by a user. Since the method of reconfiguring the menu component 10 by the user has been described above, a detailed description thereof will be omitted.
복수개의 메뉴 컴포넌트(10)에는 모든 웹사이트로부터 검색된 검색결과가 각각 분류되어 포함되어 있다. 메뉴 컴포넌트(10)에 포함되는 검색결과는 모든 웹사이트로부터 검색된 검색결과이므로 중복된 검색결과가 존재할 수 있다. 상기 중복되는 검색결과는 사용자의 설정에 의해 메뉴 컴포넌트(10)에 포함될 수도 있고 메뉴 컴포넌트(10)에 포함되지 않을 수도 있다.The plurality of menu components 10 include classified search results retrieved from all websites. Since the search results included in the menu component 10 are search results searched from all websites, duplicate search results may exist. The duplicate search results may or may not be included in the menu component 10 by the user's setting.
또한, 복수개의 메뉴 컴포넌트(10)에 포함되는 검색결과는 최신 순서, 인기순, 조회순, 파일용량순 등과 같은 기준 중 하나의 기준에 의해 정렬되어 포함되거나, 기준 없이 랜덤으로 정렬되어 포함될 수도 있다.In addition, the search results included in the plurality of menu components 10 may be included in a sorted order based on one of the criteria such as the latest order, the popularity order, the search order, the file size order, or the like.
사용자는 입력 수단을 조작하여 메뉴 컴포넌트(10)를 선택, 회전시켜 다음 단계로 이동하고 자신이 원하는 최종 컨텐츠(30)를 확인한다. 사용자가 입력 수단을 조작하는 방법과 입력 수단을 조작하여 메뉴 컴포넌트(10)를 선택하여 다음 단계로 이동하거나 최종 컨텐츠(30)를 확인하는 것은 위에서 설명하였으므로 편의상 자세한 설명은 생략한다.The user operates the input means to select and rotate the menu component 10 to move to the next step and to check the final content 30 desired by the user. Since the method of operating the input means by the user and selecting the menu component 10 to move to the next step or checking the final content 30 by operating the input means has been described above, the detailed description is omitted for convenience.
웹페이지를 구성하는 사용자 인터페이스는 도 24와 같이 사용자가 입력 수단을 조작하여 검색어를 입력할 수 있는 검색어 입력창을 더 포함할 수 있다. 검색어 입력창은 사용자 인터페이스의 중앙부의 영역에 활성화 시켜 구현할 수도 있고 별도의 기능키 입력을 통해 사용자 인터페이스 상 또는 각 메뉴 컴포넌트 상의 소정의 영역에 활성화 시킬 수 있다.The user interface configuring the web page may further include a search word input window through which a user may input a search word by operating an input means as shown in FIG. 24. The search word input window may be activated by being activated in an area of the center of the user interface, or may be activated in a predetermined area on the user interface or on each menu component through a separate function key input.
웹페이지를 구성하는 사용자 인터페이스가 검색어 입력창을 더 포함하는 경우 사용자는 검색어 입력창에 검색어를 입력하여 원하는 최종 컨텐츠(30)를 보다 쉽고 빠르게 확인할 수 있다.If the user interface constituting the web page further includes a search term input window, the user may easily and quickly check the desired final content 30 by inputting the search term in the search term input window.
예를 들어 사용자가 입력 수단을 조작하여 웹페이지를 실행시키면 사용자 인터페이스로 이루어진 웹페이지가 수행되고, 웹페이지를 구성하는 사용자 인터페이스는 복수개의 메뉴 컴포넌트(10)로 구성되며, 각 메뉴 컴포넌트(10)에는 모든 웹페이지로부터 검색된 검색결과가 포함되어 있다. 사용자는 입력 수단을 조작해 검색어 입력창에 검색어 "김연아"를 입력하고 검색을 수행한다. 검색이 수행되면 복수개의 메뉴 컴포넌트(10)에는 사용자가 입력한 검색어 "김연아"에 연관된 검색결과만이 포함된다. 이처럼 사용자가 검색어 입력창에 검색어를 입력함으로써 사용자는 쉽고 빠르게 자신이 원하는 최종 컨텐츠(30)를 확인할 수 있다.For example, when a user manipulates an input means to execute a web page, a web page composed of a user interface is performed, and the user interface constituting the web page is composed of a plurality of menu components 10, and each menu component 10 is executed. Contains search results from all web pages. The user operates the input means to enter the search word "Kim Yu-na" into the search word input window and perform a search. When the search is performed, the plurality of menu components 10 include only search results related to the search word "Kim Yua" entered by the user. As described above, the user inputs a search word in the search word input window so that the user can easily and quickly check the final content 30 desired by the user.
위에서는 검색어 입력창에 검색어를 입력하여 사용자가 원하는 최종 컨텐츠(30)를 확인하는 것에 대해 설명하였으나 검색어 입력창은 당업자의 실시환경에 따라 또는 의도적으로 생략될 수 있다.Although the above description has been made of checking the final content 30 desired by the user by inputting a search word in the search word input window, the search word input window may be omitted intentionally or intentionally.
<변형실시예 2>Modified Example 2
아래에서는 휴대폰과 같은 휴대용 단말기에 표시되는 메뉴가 본 발명의 사용자 인터페이스로 이루어지는 경우에 대해 자세히 설명한다.Hereinafter, a case in which a menu displayed on a portable terminal such as a mobile phone is made of the user interface of the present invention will be described in detail.
본 발명의 변형실시예 2는 본 발명의 변형실시예 1과 달리 복수개의 메뉴 컴포넌트(10)에 포함되는 하위 메뉴 컴포넌트 또는 최종 컨텐츠가 모든 웹사이트로부터 검색된 검색결과가 아니라 휴대용 단말기의 데이터베이스나 메모리부에 저장되어 있는 정보가 복수개의 메뉴 컴포넌트(10)에 각각 분류되어 포함된다는 차이가 있다.In the second embodiment of the present invention, unlike the first embodiment of the present invention, the submenu component or the final content included in the plurality of menu components 10 is not a search result in which all the websites are searched. There is a difference in that the information stored in is classified and included in each of the plurality of menu components 10.
사용자 인터페이스가 복수개의 메뉴 컴포넌트(10)와 컴포넌트 프레임(20) 및 스킨(40)으로 이루어지고, 복수개의 메뉴 컴포넌트(10)를 사용자가 재구성할 수 있으며 사용자가 입력 수단을 조작하여 메뉴 컴포넌트(10)를 선택하여 다음 단계로 이동하고 최종 컨텐츠(30)를 확인하는 방법은 본 발명의 변형실시예 1과 동일하므로 편의상 자세한 설명은 생략한다.The user interface consists of a plurality of menu components 10, a component frame 20, and a skin 40, the user can reconfigure the plurality of menu components 10, and the user manipulates the input means to make the menu components 10. ) To move to the next step and check the final content 30 is the same as in the modified embodiment 1 of the present invention, a detailed description thereof will be omitted.
<변형실시예 3>Modified Example 3
아래에서는 본 발명의 변형실시예 1과 변형실시예 2에서 설명한 사용자 인터페이스와 광고가 동시에 사용자 단말기(100) 화면에 표시되는 것에 대해 설명한다.Hereinafter, a description will be given of a user interface and an advertisement described in the first and second modified embodiments of the present invention being simultaneously displayed on the screen of the user terminal 100.
본 발명의 변형실시예 1과 2에서 설명한 것과 같이 사용자 단말기(100) 화면에 사용자 인터페이스가 배치된다. 사용자 단말기(100) 화면에 사용자 인터페이스가 배치되는 경우 도 25를 참조하면, 사용자 인터페이스가 표시되지 않는 빈 여백 공간에 광고창이 활성화되거나 고정배치되어 광고가 표시될 수 있다. 상기 광고창이 형성되는 위치 및 광고창의 크기는 한정되지 않고 사용자 인터페이스와 겹치지 않는 범위에서 다양하게 형성될 수 있다.As described in modified embodiments 1 and 2 of the present invention, a user interface is disposed on the screen of the user terminal 100. When the user interface is arranged on the screen of the user terminal 100 Referring to FIG. 25, an advertisement window may be activated or fixedly arranged in an empty space where the user interface is not displayed, thereby displaying an advertisement. The position at which the advertisement window is formed and the size of the advertisement window are not limited and may be variously formed in a range that does not overlap the user interface.
사용자 단말기 화면에 사용자 인터페이스와 함께 표시되는 광고는 줄광고, 이미지 광고, 동영상 광고 등 다양한 광고가 표시될 수 있다. The advertisement displayed along with the user interface on the screen of the user terminal may display various advertisements such as a line advertisement, an image advertisement, a video advertisement, and the like.
또한, 사용자 단말기 화면에 사용자 인터페이스와 함께 표시되는 광고는 사용자가 입력 수단을 조작하여 선택한 메뉴 컴포넌트 또는 컨텐츠에 연관이 있는 광고가 상기 광고창을 통해 표시될 수도 있다. 사용자 단말기 화면에 표시되는 광고창에는 위에서 설명한 일례 외에도 사용자 단말기 제작자 또는 제작 회사에서 입력한 광고 또는 인터넷을 통해 다운받은 광고 등 다양한 광고가 표시될 수도 있다.In addition, the advertisement displayed on the screen of the user terminal together with the user interface may display an advertisement related to a menu component or content selected by a user by operating an input means through the advertisement window. In addition to the above-described example, the advertisement window displayed on the user terminal screen may display various advertisements such as advertisements input by a user terminal maker or a production company or advertisements downloaded through the Internet.
위에서는 사용자 단말기(100) 화면 중 사용자 인터페이스가 배치되지 않는 빈 공간에 광고를 표시하는 것에 대해 설명하였으나, 광고 외에도 사용자의 지정에 따라 다양한 이미지, 영상 등이 표시될 수 있다. 예를 들어 사용자 단말기(100)의 화면 중 사용자 인터페이스가 배치되지 않는 빈 여백 공간에 사용자가 지정한 사진이 배치될 수도 있다.In the above, the display of the advertisement in the empty space where the user interface is not arranged on the screen of the user terminal 100 has been described. However, various images and images may be displayed according to the user's designation in addition to the advertisement. For example, a user-specified picture may be disposed in a blank margin space in which the user interface is not arranged on the screen of the user terminal 100.
위에서 설명한 일례 외에도 사용자 단말기(100) 화면 중 사용자 인터페이스가 배치되지 않는 빈 여백 공간은 다양하게 활용될 수 있다는 것은 당업자라면 쉽게 알 수 있기 때문에 자세한 설명은 생략한다.In addition to the above-described example, it will be readily apparent to those skilled in the art that the blank space where the user interface is not arranged on the screen of the user terminal 100 may be variously used, and thus detailed description thereof will be omitted.
본 발명의 변형실시예 1 내지 변형실시예 3에서는 사용자 인터페이스로 구성되는 웹페이지 및 사용자 단말기(100)에 포함되는 메뉴가 사용자 인터페이스로 구성되는 경우를 예로 설명하였으나, 위에서 설명한 일례 외에도 사용자 인터페이스는 정보를 검색하는 다양한 경우에 사용될 수 있다는 것은 당업자라면 쉽게 알 수 있을 것이다.In the first to third modified embodiments of the present invention, a case in which a web page configured as a user interface and a menu included in the user terminal 100 includes a user interface has been described as an example. It will be readily apparent to those skilled in the art that it can be used in various cases of searching for.
본 발명의 실시예에 따른 사용자 단말기(100)로 데스크탑 PC(Desktop PC), 랩탑 PC(Laptop PC or Notebook PC), 팜탑(Palmtop PC), PDA(Personal Digital Assistants), PMP(Personal Multimedia Player), 텔레매틱스 단말기(Telematics Terminal), 자동차 네비게이션(Car Navigation), 휴대폰(Mobile Phone), 스마트폰(Smart Phone like Blackberry), 게임 단말(Game terminal like X-Box, PlayStation, Nintendo DS) 등이 이용될 수 있다.As a user terminal 100 according to an embodiment of the present invention, a desktop PC, a laptop PC, a palmtop PC, a PDA (Personal Digital Assistants), a PMP (Personal Multimedia Player), Telematics Terminal, Car Navigation, Mobile Phone, Smart Phone like Blackberry, Game Terminal like X-Box, PlayStation, Nintendo DS, etc. may be used. .
또한, 본 발명의 실시예에 따른 사용자 단말기(100)의 입력부(110)에 대한 예로 기계적 접촉 여부의 감지를 이용한 키 입력식 입력 수단 또는 회전식 휠 입력 수단에 대해 설명하였지만 터치 센서를 이용한 전자식 입력 수단 역시 동일한 방식으로 본 발명의 실시예에 따른 사용자 인터페이스를 조작할 수 있다. 또한, 사용자 단말기의 입력부(110)가 터치스크린로 구현될 경우, 별도로 커서를 구현할 필요 없이 각 메뉴 컴포넌트에 대해 사용자의 직관적인 선택이 가능하다.In addition, the input unit 110 of the user terminal 100 according to an embodiment of the present invention described as a key input input means or a rotary wheel input means using the detection of the mechanical contact, but the electronic input means using a touch sensor Again, the user interface according to the embodiment of the present invention can be operated in the same manner. In addition, when the input unit 110 of the user terminal is implemented as a touch screen, the user may intuitively select each menu component without having to implement a cursor.
이상에서 설명한 본 발명의 실시예는 장치 및 사용자 인터페이스를 통해서만 구현이 되는 것은 아니고, 본 발명의 실시예의 구성에 대응하는 기능을 실현하는 프로그램 또는 그 프로그램이 기록된 기록 매체를 통해 구현될 수도 있으며, 이러한 구현은 앞서 설명한 실시예의 기재로부터 쉽게 구현할 수 있다.The embodiments of the present invention described above are not implemented only through the apparatus and the user interface, but may be implemented through a program for realizing a function corresponding to the configuration of the embodiment of the present invention or a recording medium on which the program is recorded. Such an implementation can be readily implemented from the description of the above-described embodiments.
또한, 이상에서 본 발명의 실시예에 대하여 상세하게 설명하였지만 본 발명의 권리범위는 이에 한정되는 것은 아니고 아래의 청구범위에서 정의하는 본 발명의 기본 개념을 이용하여 당업자가 여러 가지로 변형 및 개량한 형태 또한 본 발명의 권리범위에 속한다.In addition, although the embodiments of the present invention have been described in detail above, the scope of the present invention is not limited thereto, and various modifications and improvements made by those skilled in the art using the basic concepts of the present invention defined in the following claims are provided. Forms also belong to the scope of the present invention.

Claims (19)

  1. 사용자가 선택가능한 복수의 메뉴 컴포넌트; 및A plurality of user selectable menu components; And
    기하학적으로 가능한 평면 또는 입체 도형 형상을 가지며, 하나 이상의 궤도상에 상기 메뉴 컴포넌트들을 방위별로 미리 정해진 위치에 배치하기 위한 틀인 컴포넌트 프레임을 포함하는 사용자 인터페이스.And a component frame having a planar or three-dimensional figure shape that is geometrically possible and a frame for arranging the menu components at a predetermined position by orientation on one or more tracks.
  2. 제1항에 있어서,The method of claim 1,
    상기 메뉴 컴포넌트들과 상기 컴포넌트 프레임의 배경 이미지로서, 입력 수단의 모습을 형상화한 이미지를 이용하는 스킨을 더 포함하는 사용자 인터페이스.And a skin that uses an image of the input means as a background image of the menu components and the component frame.
  3. 제1항에 있어서,The method of claim 1,
    상기 메뉴 컴포넌트들 중 하나가 선택되면, 상기 선택된 메뉴 컴포넌트에 상응하는 다음 단계의 사용자 인터페이스가 출력되거나, 상기 선택된 메뉴에 상응하는 최종 콘텐츠가 출력되는 사용자 인터페이스.And when one of the menu components is selected, a user interface of a next step corresponding to the selected menu component is outputted, or final content corresponding to the selected menu is outputted.
  4. 제1항에 있어서,The method of claim 1,
    상기 메뉴 컴포넌트들 중 하나가 선택되는 경우, 상기 선택될 대상의 메뉴 컴포넌트의 하위 단계의 사용자 인터페이스 또는 상기 선택될 메뉴에 상응하는 최종 콘텐츠가 상기 사용자 인터페이스 출력 화면상에 중첩되게 방사상으로 구분되어 표시되는 사용자 인터페이스.When one of the menu components is selected, the user interface of the sub-level of the menu component of the target object to be selected or the final content corresponding to the menu to be selected are radially divided and displayed on the user interface output screen. User interface.
  5. 제1항에 있어서,The method of claim 1,
    상기 메뉴 컴포넌트들이 상기 궤도상에 고정되는 경우, 포인팅 수단을 이용하여 선택 대상의 메뉴 컴포넌트를 지정하는 사용자 인터페이스.A user interface for designating a menu component to be selected by using pointing means when the menu components are fixed on the trajectory.
  6. 제1항에 있어서,The method of claim 1,
    상기 메뉴 컴포넌트들이 사용자의 입력 조작에 의해 상기 궤도상에서 시계 방향 또는 반시계 방향으로 회전가능한 경우, 상기 메뉴 컴포넌트들 중 원하는 메뉴 컴포넌트를 상기 궤도의 미리 정해 놓은 위치로 이동시켜 선택 대상의 메뉴 컴포넌트로 지정하는 사용자 인터페이스.When the menu components are rotatable clockwise or counterclockwise on the track by a user's input operation, a desired menu component among the menu components is moved to a predetermined position of the track and designated as a menu object to be selected. User interface.
  7. 제1항에 있어서,The method of claim 1,
    하나의 화면에 이전 단계의 사용자 인터페이스가 적어도 하나 이상 함께 출력되는 사용자 인터페이스.A user interface that outputs at least one previous user interface on one screen.
  8. 제1항 또는 제7항에 있어서,The method according to claim 1 or 7,
    화면의 일측에 공백의 컴포넌트 프레임을 포함하는 맞춤형 사용자 인터페이스가 함께 출력되고, 기존에 출력된 상기 사용자 인터페이스의 메뉴 컴포넌트들 중 원하는 메뉴 컴포넌트를 선택해서 상기 맞춤형 사용자 인터페이스로 이동시켜 새로운 사용자 인터페이스를 생성하는 사용자 인터페이스.A customized user interface including a blank component frame is output together on one side of the screen, and a desired menu component is selected from among the menu components of the previously displayed user interface and moved to the customized user interface to create a new user interface. User interface.
  9. 제1항에 있어서,The method of claim 1,
    현재 단계의 카테고리에 속하는 메뉴 컴포넌트의 수가 해당 궤도상에 배치된 메뉴 컴포넌트의 수보다 많은 경우, 화면의 일측에 추가적인 메뉴 컴포넌트를 배치하는 사용자 인터페이스.The user interface for arranging additional menu components on one side of the screen, if the number of menu components belonging to the category of the current step is larger than the number of menu components arranged on the track.
  10. 제2항에 있어서,The method of claim 2,
    상기 스킨 및 상기 궤도의 형상은 곡선의 모서리를 갖는 원형, 타원형 및 다각형, 또는 모서리가 곡선이 아닌 삼각형, 사각형, 오각형, 육각형, 팔각형, 별형 중 어느 하나를 이용하는 사용자 인터페이스.The skin and the shape of the trajectory is any one of a circle, an ellipse and a polygon having a curved edge, or a triangle, square, pentagon, hexagon, octagon, or star whose corners are not curved.
  11. 제1항에 있어서,The method of claim 1,
    상기 궤도가 복수인 경우 제 1 궤도상에는 제 1 카테고리에 속하는 메인 메뉴 컴포넌트들이 각 방향에 맞추어 방사형으로 배치되고, 제 2 궤도상에는 제 2 카테고리에 속하는 서브 메뉴 컴포넌트들이 방사형으로 상기 메인 메뉴 컴포넌트들에 대응되게 각각 배치되고, 제 3 궤도가 추가로 형성된 경우에는 보다 하위의 서브 메뉴 컴포넌트들이 상기 제 2 카테고리에 속하는 메뉴 컴포넌트들에 대응되게 방사형으로 각각 배치되는 사용자 인터페이스.When the tracks are plural, main menu components belonging to the first category are radially disposed on the first track in each direction, and submenu components belonging to the second category are radially corresponding to the main menu components on the second track. And sub-menu components lower radially corresponding to menu components belonging to the second category when the third trajectory is further formed.
  12. 제1항에 있어서, The method of claim 1,
    상기 메뉴 컴포넌트들 중 하나가 선택될 때 상기 선택 대상의 메뉴 컴포넌트가 최종 콘텐츠인 경우 상기 최종 콘텐츠의 내용을 표시해주는 정보창이 활성화되는 사용자 인터페이스.A user interface for displaying contents of the final content when the menu component of the selection object is final content when one of the menu components is selected.
  13. 제7항에 있어서, The method of claim 7, wherein
    상기 이전 단계의 사용자 인터페이스가 복수로 출력되는 경우, 하나의 화면에 (화면에 출력된 단계 X 궤도당 메뉴 컴포넌트 수) 만큼 또는 미리 정해진 개수 만큼 현재 단계의 사용자 인터페이스 주위에 형성되는 사용자 인터페이스.When a plurality of user interface of the previous step is output, the user interface is formed around the user interface of the current step by a predetermined number (number of menu components per step X orbits output on the screen) or a predetermined number on one screen.
  14. 제13항에 있어서, The method of claim 13,
    상기 현재 단계의 사용자 인터페이스 주위에 형성되는 상기 이전 단계의 사용자 인터페이스들은 그 수만큼의 폐곡면 레이어가 적층된 형태로 표시되는 사용자 인터페이스.The user interface of the previous step formed around the user interface of the current step is displayed in a stacked form of the number of the closed surface layer.
  15. 제1항에 있어서,The method of claim 1,
    사용자 인터페이스는 검색어를 입력할 수 있는 검색어 입력창을 더 포함하는 것을 특징으로 하는 사용자 인터페이스.The user interface further comprises a search term input window for inputting a search term.
  16. 사용자가 선택가능한 복수의 메뉴 컴포넌트와, 기하학적으로 가능한 평면 또는 입체 도형 형상을 가지며, 하나 이상의 궤도상에 상기 메뉴 컴포넌트들을 방위별로 미리 정해진 위치에 배치하기 위한 틀인 컴포넌트 프레임을 포함하는 사용자 인터페이스를 디스플레이하기 위한 출력부;Displaying a user interface comprising a plurality of user selectable menu components and a component frame having a geometrically planar planar or three-dimensional figure shape and a frame for arranging the menu components at a predetermined position in azimuth on one or more tracks; Output for;
    상기 사용자 인터페이스의 메뉴 컴포넌트 선택을 위한 조작 수단을 제공하는 입력부; 및An input unit providing operation means for selecting a menu component of the user interface; And
    상기 사용자 인터페이스를 구성하고, 상기 메뉴 컴포넌트들 중 하나가 선택되면 선택된 메뉴 컴포넌트가 가리키는 다음 단계의 사용자 인터페이스를 출력하거나, 상기 선택된 메뉴에 상응하는 최종 콘텐츠를 출력하는 GUI 운용부를 포함하는 사용자 단말기.And a GUI operating unit configured to configure the user interface and output a user interface of a next step indicated by a selected menu component when one of the menu components is selected, or output final content corresponding to the selected menu.
  17. 제16항에 있어서, The method of claim 16,
    통신망을 통해 상기 메뉴 컴포넌트 및 상기 최종 콘텐츠를 다운로드 받기 위한 통신 인터페이스를 더 포함하는 사용자 단말기.And a communication interface for downloading the menu component and the final content via a communication network.
  18. 제16항에 있어서,The method of claim 16,
    상기 입력부는 방향성 키, 회전형 키, 터치 키, 터치 스크린, 마우스, 버튼 키 또는 스틱형 키 중 어느 하나의 형태로 구현되는 사용자 단말기.The input unit is a user terminal implemented in the form of any one of a directional key, a rotary key, a touch key, a touch screen, a mouse, a button key or a stick key.
  19. 제16항에 있어서,The method of claim 16,
    상기 출력부에 광고가 표시되는 것을 특징으로 하는 사용자 단말기.User terminal characterized in that the advertisement is displayed on the output unit.
PCT/KR2010/002999 2009-05-12 2010-05-12 Direction-selecting user interface and user terminal having same WO2010131900A2 (en)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
KR10-2009-0041322 2009-05-12
KR20090041322 2009-05-12
KR10-2009-0095531 2009-10-08
KR1020090095531A KR20100122433A (en) 2009-05-12 2009-10-08 Direction selecting type graphic user interface and user terminal adopting the same

Publications (2)

Publication Number Publication Date
WO2010131900A2 true WO2010131900A2 (en) 2010-11-18
WO2010131900A3 WO2010131900A3 (en) 2011-03-10

Family

ID=43085454

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2010/002999 WO2010131900A2 (en) 2009-05-12 2010-05-12 Direction-selecting user interface and user terminal having same

Country Status (1)

Country Link
WO (1) WO2010131900A2 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103064591A (en) * 2012-12-29 2013-04-24 倪旻 Multilevel menu navigation interface achieving method
US9100906B1 (en) * 2013-01-15 2015-08-04 Sprint Communications Company L.P. Parameters for user devices in wireless access systems based on azimuth angle
US9104783B2 (en) 2010-02-09 2015-08-11 Exb Asset Management Gmbh Association of information entities along a time line

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020122072A1 (en) * 1999-04-09 2002-09-05 Edwin J. Selker Pie menu graphical user interface
KR100686956B1 (en) * 2006-02-20 2007-02-26 김선권 Method for providing hierarchical ring menu for graphic user interface and apparatus thereof
KR100715808B1 (en) * 2005-10-01 2007-05-08 엘지전자 주식회사 Mobile Communication Terminal and List indication Method Using the same
JP2007287135A (en) * 2006-03-20 2007-11-01 Denso Corp Image display controller and program for image display controller
KR20080079872A (en) * 2007-02-28 2008-09-02 삼성전자주식회사 Method for displaying of menu in terminal

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020122072A1 (en) * 1999-04-09 2002-09-05 Edwin J. Selker Pie menu graphical user interface
KR100715808B1 (en) * 2005-10-01 2007-05-08 엘지전자 주식회사 Mobile Communication Terminal and List indication Method Using the same
KR100686956B1 (en) * 2006-02-20 2007-02-26 김선권 Method for providing hierarchical ring menu for graphic user interface and apparatus thereof
JP2007287135A (en) * 2006-03-20 2007-11-01 Denso Corp Image display controller and program for image display controller
KR20080079872A (en) * 2007-02-28 2008-09-02 삼성전자주식회사 Method for displaying of menu in terminal

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9104783B2 (en) 2010-02-09 2015-08-11 Exb Asset Management Gmbh Association of information entities along a time line
CN103064591A (en) * 2012-12-29 2013-04-24 倪旻 Multilevel menu navigation interface achieving method
US9100906B1 (en) * 2013-01-15 2015-08-04 Sprint Communications Company L.P. Parameters for user devices in wireless access systems based on azimuth angle

Also Published As

Publication number Publication date
WO2010131900A3 (en) 2011-03-10

Similar Documents

Publication Publication Date Title
KR20100122462A (en) Direction- selecting-type graphic user interface and user terminal implementing the same
KR101124083B1 (en) Content display device, television receiver, content display method, and computer readable recording medium recording content display control program
JP4536638B2 (en) Display information selection apparatus and method, program, and recording medium
RU2450320C2 (en) Multi-status universal all-round user interface
WO2013085327A1 (en) Display apparatus for displaying screen divided into a plurality of areas and method thereof
TW200907781A (en) Glance and click user interface
US20080168367A1 (en) Dashboards, Widgets and Devices
US20080168382A1 (en) Dashboards, Widgets and Devices
US20070002077A1 (en) Methods and System for Providing Information Services Related to Visual Imagery Using Cameraphones
WO2012091289A1 (en) Method for moving object between pages and interface apparatus
WO2010134718A2 (en) Mobile device and method for editing pages used for a home screen
US20060085763A1 (en) System and method for using an interface
US20070078857A1 (en) Method and a device for browsing information feeds
CN101512473A (en) Media player with imaged based browsing
WO2012153992A2 (en) Method and apparatus for controlling display of item
KR20070035071A (en) Cute user interface
EP2411904A1 (en) Method of dividing screen areas and mobile terminal employing the same
WO2011099706A2 (en) Method and system for displaying screen in a mobile device
CN108874265A (en) Multimedia information display method, device, computer equipment and storage medium
WO2009131353A2 (en) Web-browsing system
WO2010131902A2 (en) Graphical user interface using a polyhedron, and user terminal having same
WO2010131900A2 (en) Direction-selecting user interface and user terminal having same
KR20100122461A (en) Graphic user interface using polyhedron and user terminal device implementing the same
US20040098522A1 (en) Apparatus and method for retrieving and displaying related information on a handheld communication device
Maekawa et al. Two Approaches to Browse LargeWeb Pages Using Mobile Devices

Legal Events

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

Ref document number: 10775102

Country of ref document: EP

Kind code of ref document: A2

NENP Non-entry into the national phase in:

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 10775102

Country of ref document: EP

Kind code of ref document: A2