CN103135933B - User interface operation method and device - Google Patents

Abstract

An operation method and device of a user interface. First, a plurality of sets of user interfaces are provided, and one of the sets of user interfaces is displayed on a touch screen of the portable electronic device. Then, detecting a touch signal by using a touch screen, and switching the currently displayed user interface to another user interface when the touch signal moves to the first direction; when the touch signal moves towards the second direction, the options in the currently displayed user interface are switched. Therefore, the user interface can be operated in a more intuitive and convenient mode.

Description

User interface operation method and device

The present invention is a divisional application of the invention patent application with the application number 200810095561.9 and the invention title "operation method, device and storage medium of user interface" filed on April 29, 2008.

technical field

The present invention relates to a user interface switching method and device, in particular to a method and device for switching a user interface and its options by using a representative icon row and an option icon row respectively.

Background technique

In order to meet the busy pace of life of modern people, various portable electronic devices that do not take up much space and are easy to carry are also introduced. Take the Personal Digital Assistant (PDA) mobile phone as an example. It not only has the functions of traditional communication devices, but also allows users to write documents, send and receive emails, browse the Internet, or It is for the purpose of using real-time communication software, etc. That is to say, such a portable electronic device can not only be used to make calls, but also can provide various functions like a small personal computer. With the advancement of wireless network technology, the use of these functions is no longer limited by time and space. For modern people who pay attention to efficiency in everything, this device has become one of the indispensable tools in life.

However, for portable electronic devices that require light, thin, short, and small appearance, their volume is quite limited. If a screen and a keyboard are to be configured on the device at the same time, the size of the screen must be reduced. In order to be able to configure a larger screen in a limited space, a touch screen has recently been developed, which uses a keyboard integrated into the screen as an input interface for a portable electronic device, thereby eliminating the need to configure a traditional keyboard. cost and area occupied.

Compared with the traditional keyboard input, the operation mode of the touch screen has the advantages of simplicity and intuition. Comparing with the traditional keyboard, it can be found that when using the traditional keyboard to operate the electronic device, the user must press the keyboard while comparing the display screen on the screen to successfully complete operations such as text input or menu switching; however, if the touch screen is applied to On electronic devices, users only need to use a stylus to click or directly press with their fingers to easily perform various operations on the screen. It can be seen that the touch screen is actually a more convenient input method.

However, the size of the touch screen of the portable electronic device is still limited, and relatively, the functions of the portable electronic device are quite diverse. In order to display the options of many functions on the limited screen for users to choose, most of the mobile phones currently on the market use a graphical operation interface, which includes representing various functions as a reduced icon, and arranging these reduced icons in the in the touch screen.

FIG. 1 shows a schematic diagram of an existing graphical operation interface. Please refer to FIG. 1 , the graphical operation interface 100 is about to divide the touch screen into several display blocks, and the home page (Home) 110, contact function 120, SMS function 130, email function 140, Several representative diagrams of camera function 150, music function 160, network function 170, weather function 180, setting function 190, etc. are shown. Although this method allows the user to understand all the functions of the portable electronic device at a glance, once the user chooses to enter an operation interface representing a certain icon, he can only perform the operation of a single function. If he wants to switch to other functions, he must first It is inconvenient to go back to the original graphical operation interface 100 and re-select other representative icons.

Contents of the invention

In view of this, the present invention provides a method for operating a user interface, which determines switching between user interfaces or switching options in the user interface according to the direction of the user's touch and drag.

The present invention provides an operating device for a user interface. Different modules are used to display a representative icon row and an option icon row, which can provide convenience and flexibility for the user to operate the user interface.

In order to achieve the above or other objects, the present invention proposes a method for operating a user interface, which is suitable for a portable electronic device with a touch screen, which includes the following steps: first, providing multiple sets of user interfaces, and displaying the user interface on the touch screen Display one of the user interfaces. Then use the touch screen to detect the touch signal, wherein when the touch signal is moving to a first direction, the currently displayed user interface is switched to another user interface; when the touch signal is moving to a second direction When moving, switch one option of the currently displayed user interface to another option, wherein the first direction and the second direction are directions substantially perpendicular to each other. Preferably, the above-mentioned first direction is left or right, and the second direction is up or down.

In an embodiment of the present invention, the above operation method further includes displaying a column of representative icons on the first edge of the user interface, and displaying a column of option icons on the second edge of the user interface, wherein the column of representative icons includes The representative icons corresponding to each user interface, and the option icon column includes option icons corresponding to each option of the user interface.

In an embodiment of the present invention, the above operation method further includes moving the representative icon row toward the first direction or the opposite direction of the first direction when the touch signal is moving toward the first direction. And when the touch signal is to move in the second direction, the option icon bar is moved in the second direction or the opposite direction of the second direction.

In an embodiment of the present invention, the above-mentioned row of representative icons includes displaying in a first direction, and the row of option icons includes displaying in a second direction.

In an embodiment of the present invention, the above-mentioned step of displaying the row of representative icons on the first edge of the user interface includes enlarging and displaying the representative icon corresponding to the currently displayed user interface in the row of representative icons, and on the first edge of the user interface The step of displaying the row of option icons on the edge includes enlarging and displaying the option icons corresponding to the options of the user interface currently displayed in the row of option icons.

In an embodiment of the present invention, the step of detecting the touch signal by using the touch screen further includes judging whether the displacement of the touch signal exceeds a default value, and when the displacement exceeds the default value, switching the user interface or options. Wherein, the displacement includes one of a horizontal displacement and a vertical displacement.

In an embodiment of the present invention, the above-mentioned representative icon row includes displaying on the top or bottom of the user interface, and the option icon row includes displaying on the left or right of the user interface.

In an embodiment of the present invention, the aforementioned portable electronic device includes a personal digital assistant or a personal digital assistant mobile phone.

The invention provides an operating device for a user interface, which includes a touch screen, a user interface display module and a switching module. Wherein, the touch screen is used for detecting touch signals. The user interface display module is used for displaying one of multiple sets of user interfaces on the touch screen. The switching module is used to select and switch the user interface or options according to the touch signal detected by the touch screen, wherein when the touch signal moves in a first direction, the currently displayed user interface is switched to another User interface: when the touch signal is moving in a second direction, switch one option of the currently displayed user interface to another option, wherein the first direction and the second direction are substantially perpendicular to each other. Preferably, the above-mentioned first direction is left or right, and the second direction is up or down.

In an embodiment of the present invention, the above-mentioned operation device further includes a display module for a list of representative icons and a display module for a list of option icons. Wherein, the representative icon column display module is used to display the representative icon column on the first edge of the user interface, and the representative icon column includes representative icons corresponding to each user interface. The option icon row display module is used to display the option icon row on the second edge of the user interface, and the option icon row includes option icons of multiple options in the user interface.

In an embodiment of the present invention, when the touch signal is to move in the first direction, the switching module further includes moving the row of representative icons in the first direction or a reverse direction of the first direction. And when the touch signal is to move in the second direction, the switching module further includes a row of icon icons for moving in the second direction or the opposite direction of the second direction.

In an embodiment of the present invention, the above-mentioned row of representative icons includes displaying in a first direction, and the row of option icons includes displaying in a second direction.

In an embodiment of the present invention, the above-mentioned representative icon column display module further includes enlarging and displaying the representative icon corresponding to the currently displayed user interface in the representative icon column, and the option icon column display module further includes enlarging and displaying The option icon corresponding to the currently displayed option in the user interface in the option icon column.

In an embodiment of the present invention, the above switching module further includes judging whether the displacement of the touch signal exceeds a default value, and when the displacement exceeds the default value, the user interface or option is switched. Wherein, the displacement includes one of a horizontal displacement and a vertical displacement.

The present invention proposes a storage medium for storing a computer program, the computer program includes a plurality of program codes, which are used to load into a portable electronic device and make the portable electronic device execute a user interface operation method, which The method includes the following steps: firstly, multiple sets of user interfaces are provided, and one of the user interfaces is displayed on the touch screen. Then use the touch screen to detect the touch signal, wherein when the touch signal is moving to a first direction, the currently displayed user interface is switched to another user interface; when the touch signal is moving to a second direction When moving, the options of the currently displayed user interface are switched, wherein the first direction and the second direction are directions substantially perpendicular to each other.

The present invention uses dragging actions in different directions to switch between multiple user interfaces or multiple options of a single user interface, and the user can quickly switch between user interfaces and user interface options by horizontally dragging and vertically dragging on the touch screen. option.

In order to make the above and other objects, features and advantages of the present invention more comprehensible, preferred embodiments are specifically cited below, and the accompanying drawings are described in detail as follows.

Description of drawings

FIG. 1 shows a schematic diagram of an existing graphical operation interface.

FIG. 2 is a flow chart of the operation method of the user interface according to the preferred embodiment of the present invention.

FIG. 3( a ), FIG. 3( b ) and FIG. 3( c ) are schematic diagrams illustrating the operation method of the user interface according to a preferred embodiment of the present invention.

FIG. 4 is a schematic diagram of a representative graph sequence drawn according to a preferred embodiment of the present invention.

FIG. 5 is a schematic diagram of a list of option icons according to a preferred embodiment of the present invention.

FIG. 6 is a schematic diagram of displaying a representative icon row and an option icon row on a touch screen according to a preferred embodiment of the present invention.

FIG. 7 is a flow chart of the operation method of the user interface according to a preferred embodiment of the present invention.

FIG. 8( a ), FIG. 8( b ) and FIG. 8( c ) are schematic diagrams illustrating the operation method of the user interface according to a preferred embodiment of the present invention.

FIG. 9 is a block diagram of an operating device of a user interface according to a preferred embodiment of the present invention.

Description of reference symbols

100: Graphical operation interface

110, 410: Home

120, 420: Contact function

130, 430: SMS function

140, 440: Email function

150, 450: camera function

160, 460: music function

170, 470: network function

180, 480: weather function

190, 490: setting function

300, 400, 600, 700: touch screen

310, 320, 610, 810, 820: user interface

400: Represents the icon column

500: option icon column

510, 520, 530, 540, 550: Contact person

900: Portable Electronic Devices

910: Touch screen

920: user interface display module

930: Represents the icon column display module

940: Options icon column display module

950: switch module

S210-S240: each step of the user interface operation method of the preferred embodiment of the present invention

S710-S760: each step of the user interface operation method of the preferred embodiment of the present invention

detailed description

Since the portable electronic device has many functions, each function has its corresponding user interface, and each user interface may include multiple options. In order to allow the user to freely switch between these user interfaces and options, the present invention uses horizontal dragging and vertical dragging to switch the user interface or the options in the various functions and options of the portable electronic device, and then Increase the convenience and flexibility of the user interface operation. The present invention is a set of user interface operation method, device and storage medium developed based on the above concept. In order to make the content of the present invention clearer, the following specific examples are given as examples in which the present invention can actually be implemented.

FIG. 2 is a flow chart of the operation method of the user interface according to the preferred embodiment of the present invention. Please refer to FIG. 2 , the present embodiment is applicable to a portable electronic device with a touch screen, such as a PDA or a PDA mobile phone, without limiting its scope.

First, the portable electronic device provides multiple sets of user interfaces, and displays one of the user interfaces on the touch screen (step S210). These user interfaces are individually corresponding to a function of the portable electronic device, and are displayed on the touch screen. The user interface on the screen is, for example, a preset user interface of the portable electronic device or a user interface last operated by the user, and the scope of this embodiment is not limited here.

Next, the portable electronic device uses its touch screen to detect the user's touch signal (step S220 ). Wherein, when the touch signal detected by the touch screen is moving in the first direction, the portable electronic device will switch the currently displayed user interface to another user interface (step S230 ). On the other hand, when the touch signal detected by the touch screen is moving in the second direction, the portable electronic device will switch multiple options of the currently displayed user interface (step S240 ). Wherein the above-mentioned first direction and second direction are substantially mutually perpendicular directions. Preferably, the first direction is a horizontal direction, and the second direction is a horizontal direction. better. The first direction is left or right, and the second direction is up or down.

It should be noted that this embodiment also includes determining whether to switch user interfaces or options according to the displacement of the touch signal. In detail, if the user touches in a dragging manner, the touch screen will detect a continuous touch signal, that is, the touch signal will have a displacement. At this time, the portable electronic device can further judge whether the displacement of the touch signal exceeds a default value, and only switch the user interface when the displacement exceeds the default value. Wherein, the above displacement is, for example, a horizontal displacement or a vertical displacement.

For example, FIG. 3( a ), FIG. 3( b ) and FIG. 3( c ) are schematic views of the operation method of the user interface according to a preferred embodiment of the present invention. Please refer to FIG. 3(a) first. In this embodiment, the user interface 310 corresponding to the contact function is displayed in advance on the touch screen 300 of the portable electronic device, and the default contact person (ie Kathleen ) contact information.

At this time, if the user touches the user interface 310 and slides to the right beyond a default value, the touch screen 300 will detect the touch signal 1, and the portable electronic device will switch the user interface 310 to the next function. (eg SMS function) user interface 320 (as shown in FIG. 3( b )).

In contrast, if the user touches the user interface 310 and slides down beyond a default value, the touch screen 300 will detect the touch signal 2, and the portable electronic device will display the contact information displayed on the user interface 310. The contact information of person 310 is changed to the contact information of the next contact person (namely Bruce) (as shown in FIG. 3( c )).

With the operation methods provided by the above-mentioned embodiments, the user can freely switch between various functions and options of the portable electronic device according to his preferences and needs, which saves complicated operations.

On the other hand, the present invention also includes designing a representative icon column and option icon column respectively according to each user interface of the portable electronic device and the options contained in each user interface, so as to provide the user with another way to switch the user interface and options. , the following will give another embodiment in detail.

FIG. 4 is a schematic diagram of a representative graph sequence drawn according to a preferred embodiment of the present invention. Please refer to FIG. 4. In this embodiment, all the functions of the portable electronic device are represented by a representative icon column 400, which includes a plurality of representative icons, which are the home page 410, the contact function 420, the SMS function 430, the electronic Mail function 440 , camera function 450 , music function 460 , network function 470 , weather function 480 and setting function 490 . The number and content of the representative diagrams in the above representative diagram row 400 are for illustration only, and are not intended to limit the scope of the present invention. Those skilled in the art may configure different types or numbers in the representative diagram row 400 according to actual needs. icon representing the .

On the other hand, FIG. 5 is a schematic diagram of an option icon column according to a preferred embodiment of the present invention. Please refer to FIG. 5 , this embodiment takes the contact person function of a portable electronic device as an example, and all its contacts are represented by an option icon column 500, which includes a plurality of option icons, and the order is a contact 510. , contact person 520 , contact person 530 , contact person 540 and contact person 550 . Likewise, the number of the above-mentioned contact persons is for illustration only, and is not intended to limit the scope of the present invention.

Next, FIG. 6 is a schematic diagram of displaying a representative icon row and an option icon row on a touch screen according to a preferred embodiment of the present invention. Please refer to FIG. 4 , FIG. 5 and FIG. 6 at the same time. In this embodiment, it is assumed that the default function of the portable electronic device is the contact function, and the default contact in the contact function is the contact 510 . At this time, the portable electronic device will display the user interface 610 of the contact function on its touch screen 600, and display the above-mentioned representative icon column 400 at the bottom of the user interface 610, and display the above-mentioned Option icon column 500 . The above configuration positions of the representative icon column 400 and the option icon column 500 are only for illustration, and are not intended to limit the scope of the present invention. Those skilled in the art may choose other edges (upper side) of the user interface 610 according to actual needs. , down, left, right) to display the representative icon column 400 and the option icon column 500 .

Due to the limited space of the touch screen 600, only the first five representative icons of the representative icon column 400 can be displayed on the touch screen 600, including the home page 410, the contact function 420, the SMS function 430, and the email function. 440 and camera function 450. Similarly, the option icon bar 500 only displays 5 contacts. Wherein, the representative icon of the contact function 420 and the option icon of the contact 510 are, for example, displayed in an enlarged manner to remind the user of the currently selected function and contact. At this time, if the user clicks another representative icon in the representative icon column 400, the portable electronic device will switch the user interface 610 to the user interface corresponding to the representative icon; When other option icons are clicked, the portable electronic device will display the contact information corresponding to the option icon on the user interface 610 .

As for how to switch between different functions and contacts, the present invention provides a corresponding operation method based on the design framework of the above-mentioned representative icon bar and option icon bar, which can help users quickly switch user interfaces and options, An embodiment is given below in detail.

FIG. 7 is a flow chart of the operation method of the user interface according to a preferred embodiment of the present invention. Please refer to FIG. 7 , this embodiment is applicable to a portable electronic device with a touch screen, such as a PDA or a PDA mobile phone, without limiting its scope.

First, the portable electronic device provides multiple sets of user interfaces, and displays one of the user interfaces on the touch screen (step S710). These user interfaces are individually corresponding to a function of the portable electronic device, and are displayed on the touch screen. The user interface on the screen is, for example, a preset user interface of the portable electronic device or a user interface last operated by the user, and the scope of this embodiment is not limited here.

Next, the portable electronic device displays a row of representative icons on the first edge of the user interface (step S720 ), and the row of representative icons includes representative icons corresponding to each user interface. At the same time, the portable electronic device will also display an option icon column on the second edge of the user interface (step S730 ), and the option icon column includes option icons of multiple options of the user interface.

Specifically, the number of representative icons included in the representative icon row is determined according to the number of built-in functions of the portable electronic device, and the pattern of the representative icons is represented by a pattern related to the function, by This can help the user quickly browse various functions of the portable electronic device. For example, the pattern of a house can be used to represent the Home page, the pattern of a person can be used to represent the contact function, the pattern of a letter can be used to represent the email function, and so on.

Similarly, the number of option icons included in the option icon column is also determined according to the number of options included in the built-in functions of the portable electronic device, and the pattern of the option icon is represented by a pattern related to the option , which helps the user quickly navigate through the options. For example, a reduced photo of a contact may be used to represent each contact.

Then, the portable electronic device uses its touch screen to detect the user's touch signal (step S740 ). Wherein, when the touch signal detected by the touch screen is moving in a first direction, the portable electronic device switches the currently displayed user interface to another user interface (step S750 ).

In detail, if the user simply clicks on the representative icon, the touch screen will only detect a touch signal of a single point. At this time, in addition to switching the user interface according to the representative icon where the touch signal is located, the representative icon where the touch signal is located can also be enlarged and displayed to remind the user of the currently selected representative icon.

However, if the user touches in a dragging manner, the touch screen will detect a continuous touch signal, that is, the touch signal will have a displacement. At this time, the portable electronic device will further judge whether the displacement of the touch signal exceeds a default value, and only switch the user interface when the displacement exceeds the default value. The aforementioned displacement is, for example, a horizontal displacement or a vertical displacement.

For example, if the row of representative icons is displayed horizontally on the touch screen, when the user wants to switch the representative icons, he intuitively operates by dragging horizontally. At this time, the portable electronic device can The amount of displacement determines whether to switch the user interface. In addition, when the portable electronic device switches the user interface, it will also move the representative icon bar in the same or opposite direction to the touch signal movement, that is, the direction of the user's touch and drag is the same as the moving direction of the representative icon bar. Can be the same or opposite.

Another situation is that when the touch signal is moving in the second direction, the portable electronic device will switch the options of the currently displayed user interface (step S760 ). Similar to the situation of the representative icon bar, if the user simply clicks on the option icon, the portable electronic device will switch options according to the option icon where the touch signal is located, and enlarge and display the option icon where the touch signal is located; If the user touches by dragging, the portable electronic device will further determine whether the displacement of the touch signal exceeds the default value, and only switch the options in the user interface when the displacement exceeds the default value.

The above-mentioned arrangement of the representative icon bar and the option icon bar on different edges of the user interface is to separate the user's touch behavior. The user intuitively regards horizontal dragging and vertical dragging as two different operation actions. Therefore, the method of corresponding these two kinds of operation actions to the representative icon column and the option icon column can increase the user's fluency in operating the user interface.

For example, FIG. 8( a ), FIG. 8( b ) and FIG. 8( c ) are schematic views of the operation method of the user interface according to a preferred embodiment of the present invention. Please refer to FIG. 8(a) first. In this embodiment, the user interface 810 and the first 5 representative icons of the representative icon column 400 (a total of 9 representative icons) are displayed in advance on the touch screen 800 of the portable electronic device. , and the five contacts in the option icon column 500, and simultaneously set the contact function 420 as the default function, and set the contact 510 as the default contact.

At this time, if the user touches the user interface 810 and slides to the right beyond a default value, the touch screen 800 will detect the touch signal 1, and the portable electronic device will display the original touch screen 800 The user interface 810 of the user interface 810 is switched to the user interface 820 corresponding to the SMS function 430 . At the same time, the portable electronic device will relatively move the representative icon bar 400 , and then switch from the contact function 420 to the short message function 430 (as shown in FIG. 8( b )). Accordingly, the user can use the user interface 820 to read or send and receive short messages.

On the other hand, if the user touches the user interface 810 and slides down beyond a default value, the touch screen 800 will detect the touch signal 2, and the portable electronic device will be displayed on the user interface 810 The contact information of the contact person 510 is switched to the contact information of the contact person 520 . At the same time, the portable electronic device will also change the enlarged option icon to the contact 520, and then switch from the contact 510 to the contact 520 (as shown in FIG. 8( c )).

With the operation methods provided by the above-mentioned embodiments, the user can freely switch between various functions and options of the portable electronic device according to his preferences and needs, which saves complicated operations.

It is worth mentioning that another embodiment of the present invention also includes implementing the above-mentioned operation method on a physical device, and another embodiment will be described in detail below. FIG. 9 is a block diagram of an operating device of a user interface according to a preferred embodiment of the present invention. Referring to FIG. 9 , the operating device 900 of this embodiment is configured in a portable electronic device such as a personal digital assistant or a personal digital assistant mobile phone, for example, to operate its user interface. The operating device 900 includes a touch screen 910 , a user interface display module 920 , a representative icon row display module 930 , an option icon row display module 940 and a switching module 950 , and their functions are described as follows.

The touch screen 910 is used to detect a user's touch action and generate a corresponding touch signal. The user interface display module 920 is used for displaying one of multiple sets of user interfaces on the touch screen 910 . The representative icon column display module 930 is used for displaying a representative icon column on the touch screen 910, and the representative icon column includes representative icons corresponding to each user interface. Similarly, the option icon row display module 940 is used for displaying an option icon row on the touch screen 910, and the option icon row includes option icons of multiple options in the user interface.

Through the operation of the above three modules, the operating device 900 can display three objects on the touch screen 910 , namely the user interface, the representative icon bar and the option icon bar. At this time, the switching module 950 will further switch the user interface and its options displayed on the touch screen 910 according to the touch signal detected by the touch screen 910, and move the representative icon row and the option icon row to corresponding positions .

Wherein, when the touch signal is moving in the first direction, the switching module 950 will correspondingly switch the user interface displayed by the user interface display module 920 and relatively move the representative icon row displayed by the representative icon row display module 930 . Wherein, the switching module 950 also includes judging whether the displacement of the touch signal exceeds a default value, and when the displacement exceeds the default value, the user interface is switched and the representative icon bar is moved. Wherein, the displacement includes horizontal displacement or vertical displacement.

On the other hand, when the touch signal is moving in the second direction, the switch module 950 will switch the options of the user interface displayed by the user interface display module 920, and relatively move the option diagram displayed by the option icon row display module 940 Show column. Wherein, the switching module 950 also includes judging whether the displacement of the touch signal exceeds a default value, and only switches the options in the user interface and moves the option icon bar when the displacement exceeds the default value.

It is worth mentioning that when the touch screen 910 detects a touch signal, the representative icon bar display module 930 and the option icon bar display module 940 also include enlarging and displaying the representative icon according to the currently displayed user interface or options. or an option icon to remind the user of the currently selected representative icon or option icon. In addition, the movement of the representative icon bar and the option icon bar is, for example, determined according to the direction in which the touch signal moves, and they move in the same or opposite direction as the touch signal moves.

In addition, the present invention further provides a storage medium (such as an optical disc, a magnetic disk, and a removable hard disk, etc.), which records a computer-readable authority signing program for executing the above-mentioned user interface operation method. Here, the authority signing program stored on the storage medium is basically composed of a plurality of program code segments (for example, a program code segment for creating an organizational chart, a program code segment for signing a form, a program code segment for setting, and Deployment program code fragments), and the functions of these program code fragments correspond to the steps of the above operation method and the functional block diagram of the above operation device.

To sum up, in the user interface operating method and device of the present invention, touch actions in different directions determine whether to switch the user interface or its options, and configure representative icon rows and option images on different edges of the user interface It provides users with a more intuitive and convenient way to operate the user interface.

Although the present invention has been disclosed above with preferred embodiments, it is not intended to limit the present invention. Those skilled in the art can make some changes and modifications without departing from the spirit and scope of the present invention. Therefore, the present invention The scope of protection is based on the claims of the present invention.

Claims (13)

1. A method of operating a user interface, suitable for a portable electronic device with a touch screen, the method comprising the following steps: Providing multiple sets of user interfaces, the multiple sets of user interfaces including a first set of user interfaces corresponding to email functions and a second set of user interfaces corresponding to contact functions; displaying the first set of user interfaces among the plurality of sets of user interfaces on the touch screen, and displaying a first email option and the content of the first email option on the first set of user interfaces; using the touch screen to detect a first touch signal; When the first touch signal is moving to a first direction, switch the currently displayed first group of user interfaces to the second group of user interfaces, and display the first contact option including contact information on the second group of user interfaces Two sets of user interfaces, wherein the contact information includes the name and image of the first contact; after switching to the second user interface, using the touch screen to detect a second touch signal; When the second touch signal is moving toward a second direction, switch the first contact option to a second contact option including contact information on the second group user interface, wherein the first direction and the the second directions are directions that are substantially perpendicular to each other; using the touch screen to detect a third touch signal; and When the third touch signal is moving in a third direction, switch the currently displayed second group of user interfaces to the first group of user interfaces, wherein the third direction and the second direction are substantially perpendicular to each other direction. 2. The operating method of the user interface as claimed in claim 1, further comprising: displaying a representative icon list on a first edge of the user interface; using the touch screen to detect a fourth touch signal acting on the representative icon row; and The plurality of sets of user interfaces are switched according to the representative icon where the fourth touch signal is located. 3. The method for operating a user interface as claimed in claim 1, wherein when the first touch signal is moving in a first direction, then switch the currently displayed first group of user interfaces to the second group of user interfaces The steps include: judging whether the displacement in the first direction of the first touch signal exceeds a default value; and When the displacement in the first direction exceeds the default value, switch the currently displayed first group of user interfaces to the second group of user interfaces. 4. The operation method of the user interface as claimed in claim 1, further comprising: displaying an option icon list on a second edge of the second group user interface, wherein the option icon row includes option icons of the first contact option and the second contact option of the second group user interface . 5. An operating device for a user interface, comprising: a touch screen adapted to detect a first touch signal, a second touch signal and a third touch signal; A user interface display module, adapted to provide multiple sets of user interfaces, the multiple sets of user interfaces including the first set of user interfaces corresponding to the email function and the second set of user interfaces corresponding to the contact function, displaying the multiple sets of user interfaces wherein the first set of user interface is on the touch screen, and the first email option and the content of the first email option are displayed on the first set of user interface; A switching module, suitable for: When the first touch signal is moving to a first direction, switch the currently displayed first group of user interfaces to the second group of user interfaces, and display the first contact option including contact information on the second group of user interfaces Two sets of user interfaces, wherein the contact information includes the name and image of the first contact; and After switching to the second user interface, use the touch screen to detect the second touch signal, and when the second touch signal is moving in a second direction, switch the first contact option to a second contact option including contact information in the second set of user interfaces, wherein the first direction and the second direction are directions substantially perpendicular to each other; and When the third touch signal is moving in a third direction, switch the currently displayed second group of user interfaces to the first group of user interfaces, wherein the third direction and the second direction are substantially perpendicular to each other direction. 6. The operating device of the user interface as claimed in claim 5, further comprising: A representative graphic display module, adapted to display a representative icon list on a first edge of the user interface; wherein The touch screen also includes detecting a fourth touch signal acting on the representative icon row, and the representative icon row display module switches the plurality of groups of users according to the representative icon where the fourth touch signal is located. interface. 7. The operating device of the user interface according to claim 5, wherein the switching module further comprises judging whether the displacement in the first direction of the first touch signal exceeds a default value, and when the displacement in the first direction exceeds the By default, switch the first group of user interfaces to the second group of user interfaces. 8. The operating device of the user interface as claimed in claim 5, further comprising: An option icon row display module, adapted to display an option icon row on a second edge of the second group user interface, wherein the option icon row includes the first contact option and the second group user interface The option icon for the second contact option. 9. The operating device for a user interface as claimed in claim 5, wherein one group of the user interfaces corresponds to a short message function, and the user interfaces are suitable for reading and sending and receiving short messages. 10. A method for operating a user interface, suitable for a portable electronic device with a touch screen, the method comprising the following steps: Providing multiple sets of user interfaces, the multiple sets of user interfaces include a first set of user interfaces corresponding to the SMS function and a second set of user interfaces corresponding to the contact function; displaying the first set of user interfaces among the multiple sets of user interfaces on the touch screen, and displaying a first text message option and the content of the first text message option on the first set of user interfaces; using the touch screen to detect a first touch signal; When the first touch signal is moving to a first direction, switch the currently displayed first group of user interfaces to the second group of user interfaces, and display the first contact option including contact information on the second group of user interfaces Two sets of user interfaces, wherein the contact information includes the name and image of the first contact; after switching to the second user interface, using the touch screen to detect a second touch signal; When the second touch signal is moving toward a second direction, switch the first contact option to a second contact option including contact information on the second group user interface, wherein the first direction and the the second directions are directions that are substantially perpendicular to each other; using the touch screen to detect a third touch signal; and When the third touch signal is moving in a third direction, switch the currently displayed second group of user interfaces to the first group of user interfaces, wherein the third direction and the second direction are substantially perpendicular to each other direction. 11. The operation method of the user interface as claimed in claim 10, further comprising: displaying a representative icon list on a first edge of the user interface; using the touch screen to detect a fourth touch signal acting on the representative icon row; and The plurality of sets of user interfaces are switched according to the representative icon where the fourth touch signal is located. 12. An operating device for a user interface, comprising: a touch screen adapted to detect a first touch signal, a second touch signal and a third touch signal; A user interface display module, adapted to provide multiple sets of user interfaces, the multiple sets of user interfaces include a first set of user interfaces corresponding to the text message function and a second set of user interfaces corresponding to the contact function, displaying the multiple sets of user interfaces wherein the first set of user interface on the touch screen, and display the first SMS option and the content of the first SMS option on the first set of user interface; A switching module, suitable for: When the first touch signal is moving to a first direction, switch the currently displayed first group of user interfaces to the second group of user interfaces, and display the first contact option including contact information on the second group of user interfaces Two sets of user interfaces, wherein the contact information includes the name and image of the first contact; and After switching to the second user interface, use the touch screen to detect the second touch signal, and when the second touch signal is moving in a second direction, switch the first contact option to a second contact option including contact information in the second set of user interfaces, wherein the first direction and the second direction are directions substantially perpendicular to each other; and When the third touch signal is moving in a third direction, switch the currently displayed second group of user interfaces to the first group of user interfaces, wherein the third direction and the second direction are substantially perpendicular to each other direction. 13. The operating device of the user interface as claimed in claim 12, further comprising: A representative graphic display module, adapted to display a representative icon list on a first edge of the user interface; wherein The touch screen also includes detecting a fourth touch signal acting on the representative icon row, and the representative icon row display module switches the plurality of groups of users according to the representative icon where the fourth touch signal is located. interface.