KR20060107944A - Container for wireless internet ui - Google Patents

Abstract

In the present invention, a container for a wireless Internet user interface is provided in which the screen configuration is concise, and the simplicity can be emphasized so that the effort required by the user can be minimized by simplifying the structure and expression of the NATE service. It starts. A container according to the present invention is a container for browsing with a component for displaying or browsing any content on a wireless Internet terminal, comprising: into a container frame; Any one or more of a terminal state indicator container in which a plurality of indicators representing the terminal state are collected, a softkey container for placing a softkey mapper, a progress indicator, and the like, and a content container in which contents such as menus, titles, and texts are displayed. Include. Therefore, the present invention divides a standard container mounted on a terminal into an online container and an embedded application container provided online, and unifies the structure of each container to simplify a menu for accessing a wireless Internet service. Thus, it provides an effect that can increase the learning performance and understanding of the user.

Wireless, internet, terminal, container, user interface, UI, menu, navigation

Description

Container for Wireless Internet User Interface {CONTAINER FOR WIRELESS INTERNET UI}

1A is a view showing a standard container structure according to the present invention.

FIG. 1B is a diagram illustrating key mapping of a terminal described in FIG. 1A.

2 is a view showing a title, 3X3 menu container according to the present invention.

FIG. 3 is a diagram for describing a 3X3 menu navigation of FIG. 2.

4 is a view showing a list menu container according to the present invention.

FIG. 5 is a diagram for describing list menu navigation of FIG. 4.

6 is a diagram illustrating a character set setting, progress information, a popup window, and a rollup window list menu container according to the present invention.

7 is a view showing a path display, a 3X3 menu shortcut, and a priority menu container of an online standard container according to the present invention.

8 is a diagram illustrating a content category related menu, a content related menu, an additional function menu, page navigation, and a preview container of an online standard container according to the present invention.

9 is a diagram illustrating a menu description container of an embedded application standard container according to the present invention.

<Explanation of symbols for main drawings>

101: container frame 103: indicator container

105: sort key container 107: content container

The present invention relates to wireless Internet browsing, and in particular, a unified user interface (UI) for quickly and clearly executing the wireless Internet on a terminal, and a unified form and operation method of a wireless service using a wireless Internet terminal. The present invention relates to a container for a wireless Internet user interface capable of implementing a child component (UI Component) and a child container (UI Container).

In general, with the development of software technology installed in a mobile phone, the mobile phone is not only a function of making a phone call, but also a mobile phone as an information terminal, which is capable of receiving wireless data service, and in particular, a multimedia content service. Users' needs for the are actively being reflected. In this trend, in addition to voice calls, messaging using a short message service is widely used, and information services using the wireless Internet and simple video or still image transmission services in SIS (Simple Image Service) formats are activated. It is becoming.

The transmitted video or still image is used for the background screen in the mobile phone standby mode, and is set to serve as information or a background image desired by the user. The operation mode of the mobile phone can be roughly divided into a service mode, which is an operation state of a call or mobile phone-mounted solution, and a waiting mode for waiting for service.

In case the phone call or text message is received from another user while the image contents set by the user are displayed on the desktop, the standby mode is switched to the service mode, such as ringing, vibration, screen display, lamp light, etc. In this way, the call is immediately notified. The user immediately responds to the call signal and answers the call or checks the text message. In addition, when a text message is received, a method of displaying or blinking an envelope-shaped indicator on the desktop is used as a method of notifying the user.

The service mode is a basic function that is normally performed regardless of the type of mobile phone, and the user can easily recognize a call state for a call request or a text message. However, additional service functions, such as text message creation and transmission, multimedia message transmission, and reception confirmation, have different operation methods depending on the type of mobile phone, causing difficulty in use. In other words, the service mode has a predetermined pattern for browsing a user for a plurality of system operations or service selection. These patterns vary depending on the type of terminal, and the characteristics of the products are highlighted by browsing in different patterns for each type of mobile phone. Therefore, it is essential for the user to be familiar with the use of a mobile phone, and the inconvenience and difficulty of using the mobile phone is caused when changing the mobile phone or using a mobile phone used by others.

The present invention has been made to solve the above problems, and an object of the present invention is to simplify a menu for accessing a wireless Internet service, and to simplify the connection method of a main menu and a detailed menu, and to quickly make an online connection. It provides a container for an internet user interface.

It is another object of the present invention to provide a consistent way of presenting colors, icons, text, animation levels, and activation methods for an online menu, and to increase user learning and comprehension by adding common characteristics of the online menu. The present invention provides a container for a wireless Internet user interface.

It is still another object of the present invention to provide a container for a wireless Internet user interface which can effectively obtain information desired by a user, without unnecessary steps for online access.

A container for a wireless internet user interface according to an aspect of the present invention for achieving the above object is a container for browsing with a component for displaying or browsing any content on a wireless internet terminal. A container frame displayed on the terminal, the container frame having a rectangular structure, and into the container frame; Any one or more of a terminal state indicator container in which a plurality of indicators representing the terminal state are collected, a softkey container for placing a softkey mapper, a progress indicator, and the like, and a content container in which contents such as menus, titles, and texts are displayed. It is characterized by including.

In addition, the container for a wireless Internet user interface according to the present invention, in the browsing container containing a component for displaying or browsing online content on the wireless Internet terminal, the terminal, A container frame displayed on the inside, the container frame having a rectangular structure, and into the container frame; And at least one of a terminal state indicator container in which a plurality of indicators representing the terminal state are collected, and a content container in which contents such as a menu, a title, and a text are displayed.

Hereinafter, preferred embodiments of the present invention will be described in detail with reference to the accompanying drawings. First, a container browsed on a terminal according to the present invention is an intermediate step between a component and a template, which is a concept of a UI component group. It also contains an abstraction that can treat a group of UI components as a single UI Component. Herein, the container may include another container or vice versa. In other words, the container proposed by the present invention is a conceptual space with no boundaries and sizes, and is treated like one UI component, and the container space may be divided into independent scroll regions.

1a shows a basic container according to the invention. As shown, the container frame 101 having a rectangular structure in front of the terminal display window, and the terminal state indicator container 103 for collecting a plurality of indicators indicating the terminal state to the upper portion of the container frame 101 and And a softkey container 105 for arranging a softkey mapper, a progress indicator, and the like, between the terminal state indicator container 103 and the softkey container 105. It is composed of a content container 107 in which the content, such as such.

The terminal status indicator 103 is for displaying an indicator indicating the terminal status at the top of the full screen, an indicator indicating the reception sensitivity, an indicator indicating the service status, an indicator indicating the terminal special function status (eg, GPS, etc.); And an indicator indicating a message reception state, an indicator indicating a notification state, an indicator indicating a bell / vibration / lamp state, an indicator indicating a lock state, and an indicator indicating a battery level.

The terminal state indicator is an indicator indicating information on the state of the terminal, such as reception sensitivity and bell / vibration mode. The terminal state indicator is represented by an iconized graphic and applies a metaphor. In addition, the degree of abstraction of the icon is maintained to be consistent, thereby facilitating user recognition. The terminal status indicator provides information about offline terminal status such as reception sensitivity, service status, message reception, alarm, bell / vibration / lamp setting, lock, battery, and online terminals such as GPS, NATE connection, NATE Air and Moneta. Contains information about the status.

According to the type of information provided, the form of the terminal state indicator may be characterized. For example, in the case of the indicator expressing the reception sensitivity, if the visual expression method is provided in a sequential form according to the reception level of the radio wave, if the simple setting such as the alarm setting is expressed, the setting state of the alarm can be clearly recognized. It may be provided as.

The indicator may be applied with a graphic indicator, which indicates information on the progress, current state, and relative ratio of a performance function by using graphic elements such as bars, figures, and points in the terminal. Therefore, the graphic indicator is represented through a graphic element, it is preferable to be expressed in a form that is easy for the user to understand. In addition, a text indicator may be used in addition to the graphic indicator, which indicates information on the progress of the performing function, the current state, the relative ratio, and the like through the text. That is, the text may indicate information such as the degree of performance, state, state ratio, remaining memory, and the like. Expression methods include percentage (%), fraction (1 / n), ratio (1: n), and may include descriptive text such as "125kb remaining".

Meanwhile, as the plurality of indicators are displayed based on the order described, consistency of the indicator arrangement may be given. Such consistency of indicators makes it easy for users to remember functions and displays due to the same structure of the container and the indicators in the same arrangement, and increases the navigation speed of users. Therefore, the terminal state indicator container is always displayed through the standby mode screen, the service mode screen.

The content container 107 is a space for displaying contents such as a menu, a title, and text, and other components and containers constituting main content may be disposed. If the content of the content is larger than the area of the content container, a scroll widget may be displayed at the top or bottom of the content container area, or in some cases, an additional description may be displayed on the focused content by using a balloon help component.

The above-described balloon help is a kind of helper, and a helper component is a UI element that delivers an indirect help message to the user while the user operates. The helper component may be used when information necessary for the user's judgment is insufficient or when additional text is difficult to be placed on the screen layout. The helper component needs to provide detailed information so that the user can make accurate judgments when hiding detailed descriptions to reduce screen complexity, and when adding text descriptions for menu items implemented as icons or pictograms. Can be used when there is.

As described above, the helpers are classified into balloon help and slide help according to their characteristics. The balloon helper shows help in the form of a small pop-up for the focused component. A small popup appears near the focused component, and the text inside the hover help is as concise as possible and does not duplicate the description provided by the focused component.

In addition, when the amount of help is large in the embedded, the text inside the balloon help may be displayed in the form of a slide help, and when the amount of help is large, the text may slide inside the balloon. To ensure that the balloon tips do not interfere with navigation, it is desirable that they appear opposite directions of focus progress and do not interfere with navigation. For example, when the down arrow is pressed, it may be appropriate to display the balloon help on the top of the focused item. In addition, the balloon help should appear about 500ms after the item has received the focus to avoid unnecessary disturbance in navigation.

On the other hand, the slide help (Slide Helper) means that the text help flowing from the right to the left for the focused component is provided, it is used when the amount of the help exceeds the width of the screen. The slide help may be assigned a part of the layout to be fixedly displayed on a specific part of the screen, or may be used as a text presentation method inside the balloon help. Here, when the slide help is fixedly displayed at a specific position on the screen, the slide help is displayed as soon as the component requiring the help receives focus (within 250 ms). When the slide help is displayed, the slide help component starts with the help text full and begins scrolling after about 1000 ms.

A soft-key container is a space for arranging softkey mappers and progress indicators. The soft-key container is configured at the bottom of the entire screen to display softkey labels on the left, center, and right sides according to whether the softkeys are arranged. I can display it. The softkey container appears in all situations of the terminal, and may be omitted in the NATE online access screen when the softkey mapper or the progress indicator is unnecessary. In situations where no softkeys are used, the content container can be extended to this area.

The soft-key described above represents a key to which different functions are assigned according to circumstances in order to control various events occurring when using NATE, and it is preferable that the soft-key is composed of three. 1B is a diagram for explaining the key mapping described above. As shown, the first softkey is located at the top left of the keypad, the second softkey is located at the top right of the keypad, and the center softkey is located at the top center of the keypad. The left softkey is primarily responsible for bringing up the text menu, while the right softkey is a convenience function. The center softkey has the Action function. The mapping of the left / right center keys of the terminal to the softkeys on the screen is assigned to the function so that the mapping is intuitively up and down considering the basic position.

2 is a view for explaining a content container according to the present invention in detail. First, FIG. 2A illustrates a title container arranged as a content container. As shown, the title container is a space for arranging a content title, and is composed of text, an image, an icon, and the like. As described above, the title container is disposed at the top of the content container 107, and the label of the title can cover the contents of the content container to emphasize consistency.

By default, the title container is not scrolled, but in the case of NATE online, the title container may be scrolled. The title container displays pages in the title container in the same way as 'current pages / total pages' only for Between pages. However, although the quantity of the new content can be displayed mainly for the purpose of informing the title container of the new content, otherwise, it is appropriate not to display it.

The content container 107 has several basic structures that can implement the efficiency and consistency of content provision. First, as shown in FIG. 2B, a 3 × 3 menu container structure may be implemented, which is a 3 × 3 grid-type menu space, so that the priority of the 3 × 3 menu is sequentially set according to the importance of the menu. do. Such a 3 × 3 menu is to be mapped 1: 1 with the physical arrangement of the number keys of the terminal to facilitate user convenience and user learning. For example, the number 1 key of the terminal is matched with the menu number 1, and the number 2 key is matched with the menu number 2 so that the visual criteria of the user and the determination of behavior for menu selection match.

Here, the menu may be composed of nine or more according to the content, wherein the 3 × 3 menu can be configured for each page. In the menu configuration of each page, the terminal number key and the physical layout are duplicated. For this purpose, a menu navigation function is provided. Of course, the menu navigation in the present description will be applicable to a single page.

As shown in FIG. 3, the desired service menu can be found using the four direction keys and the side keys of the terminal, and if desired, the menu navigation provides the easiest and fastest navigation method when returning to the original position. Here, when the up / down / left / right movement in the 3 × 3 menu is a single page, the menu movement is as follows.

First, the upward movement is to move the focus up one level by using the upward direction key, and the upward movement is performed while circulating in a 3 × 3 menu as 1-> 9-> 6-> 3. In addition, the downward movement is performed by cyclically shifting the focus one step downward by using the downward direction key, and the downward movement is performed in a 1-> 4-> 7-> 2 manner. In addition, the left movement moves the focus one step to the left by using the left direction key. In the 3 × 3 menu, the left side is cycled from 1-> 9-> 8-> 7-> ...-> 2-> 1 The movement is made. To move right, the focus moves one step to the right by using the right direction key. In the 3 × 3 menu, the user moves to 1-> 2-> 3-> 4-> ...-> 9-> 1 Is done.

On the other hand, when the menu page is two or more pages, the basic principle is to move between pages using the up, down, left, and right arrow keys in the same manner as in the case of a single page. However, in the case of a terminal that provides a side key, convenience may be provided by enabling page-by-page movement using the side key. When using the side keys to move between pages, pressing the up side key moves the focus to the left menu of the top row of the previous page, regardless of the position of the focused menu on the current page.

When moving from page to page using the side keys, pressing the down side key moves the focus to the left menu of the top row of the next page, regardless of the position of the focused menu on the current page. That is, pressing the up side key on the first page moves to the last page, and pressing the down side key on the last page moves to the first page. Then, look at the menu movement in the menu page more than two pages as follows.

First, the upward movement moves the focus up one step by using the up direction key. The same principles apply as for the single page, and the upshift is done. In the menus of the top row of the first page, pressing the up arrow switches the page to the last page, and the focus moves to the menu of the last row of the last page in the left column of the menu (for the first column on the left, to the last column). Then, the downward movement moves the focus down one step by using the down arrow key. In addition, the same principle as in the case of a single page is applied and downward movement is performed.

Pressing the down arrow in the menus of the last row of the last page switches the page to the first page, and the focus moves to the menu of the top row of the first page in the right column of the menu.

In addition, the left side moves the focus one step to the left side by using the left direction key. The same principle applies as for the single page, and the left shift is made. Pressing the left button on the leftmost menu of the top row of the first page causes page switching to the last page and moves the focus to the bottommost rightmost menu of the last page.

Rightward movement moves the focus one step to the right using the right arrow key. The same principles apply as for a single page, and the right side is shifted. Pressing the right button on the rightmost menu of the last row of the last page switches the page to the first page, and the focus moves to the leftmost menu of the top row of the first page.

Each menu described above is composed of a number (key mapping) + menu name + image (icon, pictogram), and the 3 × 3 menu icon can utilize a metaphor that can represent common characteristics of the corresponding submenu. In some cases, the description of the 3 × 3 menu item is presented as a balloon tip, and the balloon tip is slid when the content of the balloon tip exceeds the content container width. Each menu also has a visual distinction when it receives focus.

Meanwhile, the content container 107 may provide a list menu according to content, and the list menu container uses a list control widget. The list control widget is a control widget that is composed of a list of several menus arranged up and down, and is capable of moving and selecting between menus using keys such as four direction keys. In the case of a single selection list in which only one menu can be selected, each menu may also include widgets such as shortcut keys and radio buttons.

In the case of a multi-select list where multiple menus can be selected, each menu may include a widget, such as a checkbox, along with the contents. When a menu contains submenus, it provides a visual representation that a submenu exists. If a list menu containing submenus is placed inside a tab control, the left and right keys are not used for menu selection. Therefore, when the list is displayed, the default activation item is a previously selected menu. If there is no previously selected menu, the top menu of the list is selected.

All menus in the list can be focused, except the disabled ones, and the focused menu will be highlighted. Use the up / down arrow keys to move the focus between menus and execute the related function through the confirm key while the focus is moved to the menu to be selected. In the list of the roll-up window only, the menu in which the submenu is present displays an indicator indicating that there is a submenu, and the submenu is displayed through the OK key or the right direction key. Menus that cannot be selected are generally omitted, but menus that cannot be selected are marked as inactive for menus that can be learned or fixed by the context (e.g. menus that cannot be selected depending on security status).

On the other hand, the content container 107 may be provided with a list menu as shown in Figure 4, the grouping of the service menu consisting of the list is basically intuitive and concise menu configuration, the purpose of use of the menu, the arrangement of the menu according to the frequency of use It is constructed on the principle of In addition, the list menu applies a classification principle based on the schema of the user (schema / folk taxonomy) to include a menu with high semantic similarity in the same group. However, the menu group label should be able to clearly distinguish the meaning between groups.

As shown, the list menu container consists of a corresponding list item inside a content container, a window widget, or content. In addition, menus 1 to 9 are mapped 1: 1 with the physical arrangement of the numeric keys of the terminal, and the menu is composed of a menu number (shortcut key) + an icon + text. For example, it has a format such as 1. @ Music Bell. Therefore, each menu of the list menu can be used by arranging icons that can express the properties and characteristics of the menu well. If the length of the menu text is longer than the width of the container, it is displayed as slide text. Here, each menu is based on text and an icon can be added.

In addition, the navigation for each list menu is operated as shown in FIGS. 5A, 5B, and 5C. This will be described in detail as follows.

First, when moving upward, the focus moves up one step using the up arrow as shown in FIG. 5A. Moves to the upper line menu with the left border closest to the left border of the menu currently focused on the screen. In addition, when the up arrow key is pressed in the menu of the top row of the current page, the page is switched to the previous page, and the focus moves to the immediately previous menu of the focused menu on the current page. In addition, if you press the Up key in the menu of the top row of the first page, you can move to the menu of the bottom row of the last page.

When moving downward, the focus moves one step downward using the down arrow key as shown in FIG. 5B. That is, it moves to the lower line menu having the left boundary line closest to the left boundary line of the menu that has been focused on the current screen. When the down arrow key is pressed in the menu of the bottom row of the current page, the page is switched to the next page, and the focus moves to the next menu after the menu that has received the focus on the current page. Pressing the down arrow in the menu on the bottom row of the last page takes you to the menu on the top row of the first page. In addition, when moving to the left, the focus moves to the left one step by using the left direction key, and when moving to the right, the focus moves to the right one step by using the right direction key.

Meanwhile, when the menu navigation is embedded menu navigation, the up / down / left / right movements in the list menu may be provided based on a single page and two or more pages. First, in the case of a single page, the upward movement moves the focus up one step by using the up arrow key. In the list menu, it moves up through 1-> 5-> 4-> 3. In case of downward movement, the focus moves down one step by using the down direction key. In the list menu, downward movement is performed by cycling 5-> 1-> 2-> 3.

In the case of two or more pages, the basic principle is to move between pages using the up, down, left, and right arrow keys in the same manner as in the case of a single page. However, in the case of a terminal providing a side key, convenience may be provided by enabling page-by-page movement using the side key. When you use the side keys to move between pages, pressing the up side key moves the focus to the menu on the top row of the previous page, regardless of the position of the focused menu on the current page. In addition, when using the side keys to move between pages, pressing the down side key moves the focus to the menu on the top row of the next page regardless of the position of the focused menu on the current page.

Pressing the up side key on the first page takes you to the last page, and pressing the down side key on the last page takes you to the first page. That is, the focus moves up one step by using the up direction key during the upward movement. The same principle applies as in the case of a single page, and the upward movement is achieved by cycling through 8-> 7-> 6-> 5-> ...-> 1-> 8. Pressing the up arrow in the menu of the top row of the current page to switch to the previous page, the focus moves to the menu immediately preceding the menu that received the focus on the current page.

Then, if the up arrow key is pressed on the menu of the top row of the first page, the menu moves to the bottom row of the last page. That is, the focus moves down one step by using the down arrow key when moving downward. The same principle applies as in the case of a single page, and the downward movement is performed by cycling in the form of 4-> 5-> 6-> 7-> 8-> 1. When the down arrow key is pressed in the menu of the bottom row of the current page, the page is switched to the next page, and the focus moves to the next menu after the menu that has received the focus on the current page. Pressing the down arrow in the menu on the bottom row of the last page takes you to the menu on the top row of the first page.

Meanwhile, the content container 107 may be used as a container for setting a character set, which is a space for displaying a currently used character set and changing the character set as shown in FIG. 6A. It consists of. The charset indicator is located inside the softkey container, and the charset selection rollup window is located inside the content container.

The character set selection rollup window is implemented by a window widget, and the window widget is a concept of placing a visual window on a screen currently being used. The greatest benefit of the window widget is that you can use the window to temporarily move through the main task while performing the main task, and then close it again to return to the main task. It attracts the user's attention, provides information to the user, and reduces the number of screen transitions to induce quick operation.

As such, a window widget is a form of container that can contain other components. While the window widget is being displayed, the focus cannot move outside of the window widget and the user cannot notice that the focus cannot move to the outside of the window widget. The character set configuration container uses a roll-up window widget, and the roll-up window widget is a window widget provided by appearing at the bottom of the screen.

It is primarily used to give natural visual feedback on softkey operation, and includes other components such as window titles, icons, lists, text, and checkboxes. The creation position of the rollup window widget is set to where it naturally maps to the softkey that invokes the menu. The menu is displayed in a specific position related to the selected menu and can be moved between menus included in the roll-up window widget by using the up / down arrow keys, and the menu can be executed by using the confirm key or the numeric keys mapped to the menu.

If a submenu exists, an indicator is provided, and when the focus is received, a new rollup window widget is created to display the submenu. The rollup window widget is sized according to the number of menus, and scroll control widgets can be used as needed.

The user may pop up the character set selection rollup window by selecting the right softkey of the terminal, and the change menu is displayed in the order of Hangul / English / English / Symbol / Number in the character set selection rollup window container. Depending on the service, special symbols / ecoticons may be added. If you press and hold each key (long key) in the Hangul / English / English input state, the number of the key will be entered. In the text field, where you enter numbers only, the current character set is automatically changed to numbers. In addition, the character set setting container is displayed when a character can be inputted, or the currently set character set is displayed as a label of the indicator container.

In addition, as shown in FIG. 6B, a progress information container may be provided on the content container 107, which is a space for displaying a progress state, in which various UI components are provided to provide information about progress to a user. For example, when displaying download-related information, the following UI Component must be included. (3 ~ 5 pieces of information to be displayed during the download are appropriate.) That is, the name of the content being downloaded, a message indicating that it is being downloaded, and the download process. It can display the progress bar, the total amount of content to be downloaded, and the amount of space available for storage. Of course, the following UI Component may be selectively included depending on the situation.

The progress information container may be located inside the content container and may use animation or text for displaying information indicating the progress status. Therefore, the progress information container is a space for displaying the progress state, and is located at the bottom of the screen, and a progress bar for providing information on the progress to the user is disposed. In this case, animation or text may be used to display information indicating the progress state.

In addition, the content container 107 may use a pop-up window container as shown in FIGS. 6C and 6D, and the pop-up window container uses a pop-up window widget, which is to perform a short and temporary sub task while the main task is in progress. Or if the content to be displayed requires user confirmation. The pop-up window container may be arranged with various control components according to the purpose and function of the pop-up window, and the title of the pop-up window uses an appropriate name to indicate the mode of action. The size of the popup window may vary depending on the amount of text content and the presence or absence of a button.

In the case of the selection option that must be alternative, the selection options are arranged horizontally, and when there are three or more selection options, the selection options are arranged vertically as shown in FIG. 6D. Option labels use verb nouns. Also place appropriate notification level icons according to the importance of the task. The selection option allows you to move the focus with the four way keys. When expressing the notification contents as feedback on the operation, it is desirable to disappear automatically after sufficient time for the user to check.

6E illustrates a roll-up window list menu container and is implemented on a content container. This is a roll-up window menu screen called with the left or right softkeys and is used when a menu is assigned to a softkey. The rollup menu is configured by placing a list inside a rollup window widget. The operation moves the focus using the up / down arrow keys.

The list menu may include submenus, which are displayed through a new popup window widget. At this time, the previous selection menu has passive focus. For menus with submenus, move the focus to the subrollup menu using the OK or right key. In the case of a menu with a higher menu, pressing the left arrow closes the currently displayed rollup menu and moves the focus to the upper rollup menu. In the case of a menu without a lower menu, there is no function mapping to the right direction key, and if there is no upper menu, there is no function mapping to the left direction key.

If the number of list menus in the rollup menu container exceeds the height of the content container, it will scroll. The child rollup window widgets are superimposed on the existing rollup window widgets, and the degree of overlap is consistent. In the case of the roll-up window list menu container mapped to the content list page and the F1 softkey of the content page, all possible menus at each position are displayed regardless of whether they overlap.

The above description has described a standard container, and the following description describes an online container provided in an online state, for example, in a connected state of a NATE. The online container refers to a container that is frequently used for NATE Online Service or requires standardization management. The online container will be described with reference to the accompanying drawings.

First, FIG. 7A shows a route display container, which describes a collection of text / links for information on the route. It displays the path from the Top menu screen to the current screen as a selectable link. It is displayed at the bottom of the title container and is displayed from the 3rd Depth screen to the screen before the content category. The focus of the route display container is moved by using the left and right arrow keys. When each link is selected, the focus is moved to the corresponding screen.

In addition, FIG. 7B illustrates another 3 × 3 menu shortcut container and shows a link bar for eight other menus instead of the currently selected menu among nine menus of the Top 3 × 3 menu. This is a shortcut icon that displays eight other menus in the Top 3 × 3 menu. The 3 × 3 menu shortcut container is located at the bottom of the page navigation container and represents a 3rd Depth screen to a content category previous screen. In this case, the focus of the 3 × 3 menu shortcut container is moved by using the left and right arrow keys, and when each link is selected, the screen is moved to the corresponding screen.

FIG. 7C of the accompanying drawings shows a priority menu container and includes a menu having a higher priority than other menus. The priority menu container includes events, notifications, brand information, and the like, and is located at the top of the content. The priority menu uses text and icons.

Here, the text used as the priority menu includes letters / symbols / numbers / emoticons that can convey meaning to the user, and the meaning of the selected item or the result description according to the user's operation and the meaning as a message that can be checked. UI component that renders. Text is the basic means of conveying meaning except graphic elements such as icons, images, etc., and is provided in the form of letters (Korean / English / Other), symbols, numbers, emoticons, etc. Include. In addition, fonts, colors, and sizes are appropriately provided depending on the meaning and situation of the contents to be delivered.

Such text is composed of title text, label text, content text, feedback text, and slide text according to characteristics. The title text is a text representing the name of the title menu and has a representative meaning of encompassing the contents of the content menu. The title text represents a comprehensive meaning of the content menu, uses a consistent structure, and is clearly distinguished from the content text by adjusting the font, size, and color.

The label text refers to text paired with the control widget by being displayed at a position adjacent to the control widget or inside the control widget. Label text is also used to display menus and uses clear and consistent label text to convey the functionality of each menu properly. This can increase the user's ease of use and learning.

The labeling of the service menu of the label text should be intuitive so that the user can act with confidence in the selection, and the labeling of the service menu should be able to induce the user's attention. Also, use words that can be easily understood by the target user, and the menu name should have a meaning encompassing sub-items. Do not use words in menu names that can be interpreted in context or have ambiguity because of ambiguity.

The labeling format of the label text is a menu name for accessing the service top menu screen. The appropriate form is NATE + noun (function or action specification). The labeling of other service menus is in the form of a noun, a noun + verb noun, an adjective + noun. Considering the size of the terminal screen, limit the horizontal length of each menu name, and choose a simple menu name as much as possible.

The contents text is mainly text for conveying information, which does not function as a menu or a title. Therefore, the content text should be highly readable in consideration of font, size, color, and the like.

On the other hand, the feedback text (Feedback Text) is a text representing the results of the user's operation or the content of the feedback. The feedback text should clearly indicate the nature of the notification. The feedback text indicates a notification having meaning of checking information such as the result of the operation, the progress, the warning, the notification, and the like. The configuration method should be provided consistently according to the nature of the feedback. In addition, the feedback text should be distinguished from the content text, and is generally a UI component included in a popup window widget.

The slide text refers to a slide text displayed in a horizontal direction when the content to be expressed is outside the width of the container. Thus, text that is wider than the container slides when it receives focus. The slide direction slides from right to left. The speed of movement of the slide text should be provided at a speed that can be perceived by the user without burden.

The icon used as the priority menu is largely composed of a description icon, a characteristic icon, and a notification level icon. Icons should be designed in a form that anyone can easily recognize the meaning of each icon, but avoid excessively instant forms. In addition, the design should be made in consideration of the size, color, etc. according to the location where the icon is applied. You can add animation as appropriate for your situation.

First, the above described Icon (Illustrative Icon) is an icon that illustrates the title of the menu. Here, it is preferable to design in consideration of the font of the menu name including the icon, the background color of the icon, and an appropriate metaphor. When the menu is selected, the shape and size of the icon may be changed, or when the icon animation is executed, feedback about the selection may be effectively transmitted to the user.

In addition, the characteristic icon (Characteristic Icon) is an icon that visually explains the characteristics of the menu. Use property icons for menus that have properties that the user needs to explain. For example, 'New', 'Unavailable under 19', etc. can be easily recognized by the user by simply and abstractly representing the characteristics of the menu. The information level icon is an icon representing the importance of the displayed information. In other words, an icon of a form already known to the user such as an exclamation point or a question mark is used and indicates a warning level of the displayed information. This can be enhanced by using animation or the like.

On the other hand, the notification level icons are divided into the following three. First, 'Alert' is information that needs the attention of the user. It is used for failure of a main work in progress, progress of a work that cannot be undone, and a serious decision to be made. In addition, 'Attention' is information that requires the user's attention, and is applied to negative information and general decision making. 'Information' is positive information that does not require the user's attention and can be used to inform the success of work in progress.

8A illustrates a content category related menu container. This is a menu bar related to a content category implemented on an online container, and is composed of menus that provide convenience for use in a content category. For example, it is located at the top of the list menu container such as search, new, hot menu, and the like. The menus are presented in a list manner, and are displayed when a menu related to the content exists. Each menu is text based and you can add icons. And, the expression of the menu is composed of menu number + icon + text, such as '1 @ music bell'. It also slides if the length of the menu is longer than the width of the content container.

8B illustrates a content related menu container. This shows a menu bar related to the content, and consists of detailed menus to help use the content. For example, Q & A, download, give a gift, recommend, favorite. The location is preferably the bottom of the preview container, which will be described later. The menus are presented in a list manner, and are displayed when a menu related to the content exists. Each menu is also text based and you can add icons. As described above, the menu is made up of 'menu number + icon + text' and slides when the length of the menu is longer than the width of the content container.

8C shows an add-on menu container and shows a menu of add-on menus such as menu edits, site maps, favorites, and the like. This add-on menu consists of a priority menu, a 3 x 3 menu, and an additional menu not listed in the list menu. The additional function menu container is located at the bottom of the '3 X 3 menu container' and provides additional functions for the user's convenience.

8D shows a collection of links for page navigation as a page navigation container. Links may be page indicators, next page links, and so on. The page navigation container is displayed at the bottom of the content related menu container and is used when the list menu is composed of several pages. The page indicator displays the location of the currently viewed page among the content divided by the page. The page mark inside the page indicator acts as a link and includes the following link and page indicator.

The page navigation container moves the focus using the left and right arrow keys, and moves to the page using the confirm key. The number of pages currently displayed uses a visually highlighted representation, does not receive focus, and cannot be selected. Therefore, the link to the next page is omitted in the last page. You should provide visual elements that can be navigated to the previous set and the next set to the left and right of the page indicator.

Also, the first set of page navigation omits the element moving to the previous set and the last set omits the element moving to the next set. Pages 1 to 10 are displayed in 5 units, pages 11 and later are displayed in 4 units. For example, 1-5 ▶, 6-10 ▶, 11-11-14 ▶, and 15-18 (when 18 pages are the last page) may be displayed.

8E illustrates a preview container and is a space for displaying preview information in an online container. The preview information is text or an image (including animation) related to the corresponding content and is located at the bottom of the title or at the top of the list menu. This is to allow preview of the content.

Meanwhile, the content container according to the present invention may include a standard container and an online container, and an embedded application container may be applied as necessary. As illustrated in FIG. 9, the menu step screen of the embedded application container refers to a template in which the layout and configuration principle of the UI component may be identically provided according to the step of the menu structure.

For example, in the case of a menu description container, text or an image (including animation) may be mounted as a space where a description of a focused menu is displayed. And 3x3 menu bottom. If there is no softkey container, it can be placed at the bottom of the screen. In addition, if the menu description container provides a menu only as an icon without a label, the label of the menu is provided in the menu description container.

As described above, a container for a wireless Internet user interface according to the present invention is divided into a standard container mounted on a terminal, an online container and an embedded application container provided online, and for each container. By unifying the structure, it simplifies the menu for accessing the wireless Internet service and simplifies the connection method of the main menu and the detailed menu, thereby increasing the learning and understanding of the user.

In addition, the present invention has the effect of standardizing according to contents, providing a concise screen configuration, and simplifying the structure and expression of the NATE service so that the effort required by the user can be minimized so as to minimize simplicity. . In addition, the present invention minimizes the steps of the user's operation during use and simplifies the configuration state, thereby facilitating the expression of the service and the meaning of the information to help the user understand.

In addition, the present invention provides a regular and consistent method for the user to easily become familiar with NATE, provides a regular and consistent representation of the same results, provides a consistent direction and steps for the same operation, the same function By consistently implementing the location, color, and shape, it is possible to realize the consistency of expression and use.

On the other hand, the present invention provides a simple and easy operation step to not only effectively acquire information when the user uses NATE, but also has the effect that the user can easily learn the information through the efficient arrangement of the information, the operation of the terminal And it has the effect of providing the efficiency (Efficiency) of use.

What has been described above is merely an embodiment of the present invention, and is not limited to the embodiment of the present invention, and as claimed in the following claims, without departing from the gist of the present invention, ordinary knowledge in the field to which the present invention belongs. Anyone having the technical spirit of the present invention to the extent that various changes can be made.

Claims (43)

In a browsing container equipped with a component for displaying or browsing online content on a wireless Internet terminal, A container frame displayed on the terminal, the container frame having a rectangular structure, and into the container frame;  A container for a wireless Internet user interface, characterized in that it comprises at least one of a terminal state indicator container, a plurality of indicators indicating the terminal state is collected, and a content container in which contents such as a menu, a title, and a text are displayed. The method of claim 1, wherein the content container, Located at the top of the content container, the path from the Top menu screen to the current screen is displayed as a selectable link, and a path display container for displaying from the 3rd depth screen to the previous content category screen. And a container for a wireless internet user interface. The method of claim 2, wherein the focus of the path display container, A container for a wireless internet user interface, which is moved by using left and right keys and moves to a corresponding screen when each link is selected. The method of claim 1, wherein the content container, A wireless Internet user interface further comprising a third 3 × 3 menu shortcut container for displaying a link bar for eight menus other than the currently selected menu among the top 3 × 3 menus. Container for The method of claim 1, wherein the content container, And a priority menu container positioned at the top of the content container and displaying a menu having a higher priority than other menus using text and icons. The method of claim 5, wherein the text is It is provided in the form of letters (Korean / English / Others), symbols, numbers, emoticons, etc., and includes contents such as titles, menus, messages, and notifications. Providing a container for a wireless internet user interface. The method of claim 5 or 6, wherein the text is Text that indicates the name of the title menu. Title text that covers the contents of the content menu, label text that appears at or adjacent to the control widget and pairs with the control widget, menu, or It does not function as a title, and mainly includes content text for conveying information, feedback text for expressing the contents of the user's manipulation or feedback, and content to be expressed. The container for a wireless Internet user interface, characterized in that any one or more of the slide text (Slide Text) displayed by sliding in the horizontal direction when leaving. The method of claim 7, wherein the labeling format of the label text, A container for a wireless Internet user interface, characterized in the form of 'online access key (NATE) + noun (function or behavior designation)' as a menu name for accessing the service top menu screen. The method of claim 7, wherein the feedback text, A container for a wireless internet user interface, characterized in that an infant component (UI Component) included in a pop-up window widget is used to check information such as a result, a process, a warning, and a notification of an operation of a terminal. The method of claim 5, wherein the priority menu container, Illustrative Icon for schematizing the title of the menu, Characteristic Icon for visually describing the characteristics of the menu, and notification level icons are used, and animation can be added to the wireless Internet. Container for the user interface. The method of claim 10, wherein the notification level icon, 'Alert' icon used to fail a major task in progress, to proceed with a non-undo operation, or to make a critical decision, or information that requires your attention. 'Attention' icon applied to negative information, general decision making, etc., and 'Information' used to inform the success of work in progress as positive information that does not require user attention. Container for a wireless Internet user interface, characterized in that consisting of icons. The method of claim 1, wherein the content container, A menu bar related to a content category implemented on an online container, the container for a wireless Internet user interface further comprising a content category related menu container including menus for convenience of use in the content category. The menu of the content category related menu container is according to claim 12, It is provided in a list manner, each menu is based on the text and can be added to the icon, each menu is a container for a wireless Internet user interface, characterized in that displayed as 'menu number + icon + text'. The method of claim 1, wherein the content container, And a content related menu container for displaying a menu bar related to the corresponding content. The method of claim 14, wherein the menu of the content-related menu container, It is provided as a list, and each menu can add icons based on the text, and each menu is displayed as 'menu number + icon + text', and when the menu is longer than the width of the content container, it is displayed. Characterized by a container for a wireless internet user interface. The method of claim 1, wherein the content container, And a page navigation container for showing a collection of links for page navigation. The method of claim 16, wherein the link, A content related menu is displayed at the bottom of the container, and a page indicator, a next page link, and the like, and the page indicator for displaying the page of the currently viewed page of the content divided by page unit for a wireless Internet user interface container. The method of claim 1, wherein the content container, And further including a preview container for displaying the preview information in the online container, wherein the preview information is text or an image (including animations) related to the content, and is located at the bottom of the title or at the top of the list menu. Container for the wireless Internet user interface. The method of claim 1, A softkey container for placing a softkey mapper, a progress indicator, and the like into the container frame, for browsing with a component for displaying or searching for arbitrary content on a wireless Internet terminal. Container for a wireless Internet user interface, characterized in that applied to the container (Container). The method of claim 19, wherein the indicator of the terminal state indicator container, In order to display an indicator indicating the terminal status at the top of the full screen, an indicator indicating a reception sensitivity, an indicator indicating a service status, an indicator indicating a terminal special function status, an indicator indicating a message reception status, an indicator indicating a notification status, A container for a wireless Internet user interface, comprising: an indicator indicating a bell / vibration / lamp state, an indicator indicating a lock state, and an indicator indicating a battery level. The method of claim 20, wherein the indicator, The application of a graphic indicator or a text indicator to indicate information on the progress, current state, and relative rate of performance of the terminal using graphic elements such as bars, figures, and points. Characterized by a container for a wireless internet user interface. 20. The method of claim 19, wherein the soft-key container is: The softkey mapper, the progress indicator, etc. are arranged at the bottom of the entire screen. The softkey labels are displayed on the left, center, and right sides according to whether the softkeys are arranged. In order to control various events that occur when using the wireless Internet, different functions are assigned according to the situation. The left softkey for calling up the text menu, the right softkey with convenience function, And a center softkey having an action function, wherein the mapping of the left / right center keys of the terminal to the softkeys on the screen is intuitively mapped up and down. The method of claim 19, wherein the content container, Other components and containers constituting the main content are arranged as spaces for displaying contents such as menus, titles, texts, etc., and scroll widgets are displayed on the right or bottom of the content container area according to the content capacity of the contents, or A container for a wireless Internet user interface characterized by providing a further description of the focused content using a Helper Component. The method of claim 23, wherein the helper component (Helper Component), A balloon helper is provided to provide help in the form of a small pop-up for the focused component or a text help flowing right to left for the focused component. A container for a wireless internet user interface, comprising: a slide helper used when used. The method of claim 19 or 23, wherein the content container, And a title container disposed on the top of the content container, the title container configured to place a content title composed of text, an image, an icon, and the like. The method of claim 19 or 23, wherein the content container, Menu space in 3x3 grid format, where the priority of 3x3 menus is set sequentially according to the importance of the menu and includes a 3x3 menu container designed to be 1: 1 mapped to the physical layout of the terminal numeric keys. Characterized by a container for a wireless internet user interface. The method of claim 26, wherein the 3 × 3 menu, It is composed of 10 or more pages, and is provided with a menu navigation function for selecting a menu for each page, wherein the menu navigation is wireless, characterized in that the desired service menu is found using the four-way keys and side keys of the terminal. Container for the Internet user interface. The method of claim 27, wherein the menu navigation, When moving between pages, the terminal moves by line by using up, down, left and right direction keys of the terminal, and in case of a terminal providing a side key, the wireless Internet user interface may be moved by page using the side key. For container. The method of claim 27 or 28, wherein the menu navigation, In the case of embedded menu navigation, the upward movement in the case of a single page is to move the focus up and down one step using the up and down arrow keys, and in the case of two or more pages, the movement between pages is to move in units of lines using the up, down, left and right arrow keys Container for a wireless Internet user interface, characterized in that. The method of claim 29, wherein the menu navigation, In the case of a terminal providing a side key, when the user presses the up side key while moving from page to page using the side key, the focus moves to the menu of the top row of the previous page regardless of the position of the focused menu on the current page. A container for a wireless Internet user interface, wherein when the user moves down from page to page, pressing the down side key moves the focus to the menu of the top row of the next page regardless of the position of the focused menu on the current page. 29. The method of claim 27 or 28, wherein each menu is Consists of numbers (key mapping) + menu names + images (icons, pictograms), the 3 × 3 menu icons utilize a metaphor that can represent common characteristics of the submenu, and the description of the 3 × 3 menu items A container for a wireless Internet user interface, which is presented as balloon help and slides when the balloon help content exceeds the content container width. The method of claim 19 or 23, wherein the content container, A container for a wireless Internet user interface comprising a list menu container for providing a list menu using a list control widget. The method of claim 32, wherein the list control widget, In the case of a single selection list that consists of a list of several menus arranged up and down, the user can move and select menus using the four direction keys of the terminal, and only one menu can be selected. In the case of a multi-selection list in which a widget such as a radio button is used and a plurality of menus can be selected, each menu is a container for a wireless Internet user interface, wherein a widget such as a check box is used together with contents. The menu of claim 32, wherein The focus can be received and the received menu is highlighted, and the focus is moved between the menus using the up / down direction keys of the terminal and the related function is executed through the confirmation key while the focus is moved to the menu to be selected. Container for wireless Internet user interface. The menu of claim 32, wherein The menus are grouped based on the menu composition, the purpose of use of menus, and the layout of menus according to the frequency of use. The menus with high semantic similarity can be applied by applying the classification principle based on the user's schema (folk / folk taxonomy). A container for a wireless Internet user interface, characterized by being included in a group. The method of claim 19 or 23, wherein the content container, A container for a wireless Internet user interface, comprising: a character set setting container comprising a character set indicator and a character set selection rollup window for displaying a currently used character set and changing the character set. The method of claim 36, wherein the character set setting container, The roll-up window widget is used, the roll-up window widget is provided in a manner that appears upward from the bottom of the screen, and the menu included in the roll-up window widget can be moved by using the up / down arrow keys. Use the numeric keys mapped to the menu to execute a menu, provide an indicator if a submenu exists, and create a new rollup window widget when the focus is received to display the submenu. container. The method of claim 19 or 23, wherein the content container, A container for a wireless Internet user interface, comprising: a progress information container for arranging various UI components for providing information about progress to a user as a space for displaying a progress status of the terminal; . The method of claim 38, wherein the progress information container, Located in the bottom of the terminal screen progress bar for providing information about the progress to the user is arranged, the container for a wireless Internet user interface, characterized in that the use of animation or text for displaying the progress information. The method of claim 19 or 23, wherein the content container, A container for a wireless Internet user interface, comprising a pop-up window container that is applied when a short and temporary subtask is to be progressed while a main task is in progress or when the content to be displayed requires the confirmation of a user. The method of claim 19 or 23, wherein the content container, A roll-up window menu screen invoked by a left or right softkey, the rollup window list menu container being used when a menu is assigned to the softkey. The method of claim 41, wherein the roll-up window list menu container, Place a list inside the roll-up window widget, and move the focus using the up and down arrow keys of the terminal, the list menu may include a sub-menu, the sub-menu is displayed through a new pop-up window widget Container for wireless internet user interface. The method of claim 42, wherein the sub-menu, The focus is moved to the lower rollup menu by using the confirm key or the right direction key. In the case of a menu having a higher menu, the focus is moved to the upper rollup menu by closing the currently displayed rollup menu by using the left arrow key. Container for the Internet user interface.

Images