METHODS AND DEVICES FOR USER INTERACTIVE INTERFACES ON TOUCHSCREENS

• US 20130326420A1
• Filed: 06/04/2013
• Published: 12/05/2013
• Est. Priority Date: 06/05/2012
• Status: Active Grant

• Current Assignee: Beijing Xiaomi Technology Company Limited (Xiaomi Corp.)
• Original Assignee: Beijing Xiaomi Technology Company Limited (Xiaomi Corp.)
• Inventors: LIU, Jing, WU, Xiaojun, SHEN, Yang, GUO, Yu
• Granted Patent: US 9,910,558 B2
• Time in Patent Office: Days
• US Class Current: 715/840
• CPC Class Codes: G06F 2203/04804 Transparency, e.g. transparent or translucent windows
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

The present application is directed to devices and methods for touchscreen interactive interface. The method may comprise steps of combining two or more single-function buttons on the user interface of the touchscreen device into one multifunction button; monitoring a real-time touch operation with the multifunction button by a user; determining the type of the touch operation according to the time of the touch operation; and unfolding the two or more single-function buttons one after another around the multifunction button according to the type of the touch operation.

Claims

1. A processor-implemented method of operating an interactive user interface on a touchscreen device, the method comprising, on a touchscreen:

monitoring, by a processor, a real-time touch operation of a multifunction button by a user;

determining, by the processor, a type of the touch operation based on the duration of the touch operation; and

unfolding, by the processor, a plurality of single-function buttons around the multifunction button based on the type of the touch operation.

2. The processor-implemented method according to claim 1, further comprising:

combining, by the processor, the plurality of single-function buttons into the multifunction button.

3. The processor-implemented method according to claim 2, wherein determining the type of the touch operation comprises:

determining the touch operation as Type I touch operation when the duration of the touch operation is shorter than a first predetermined threshold value; and

determining the touch operation as Type II touch operation when the duration of the touch operation is longer than the first predetermined threshold value.

4. The processor-implemented method according to claim 3, wherein unfolding the plurality of single-function buttons around the multifunction button comprises:

for a Type I touch operation, unfolding the plurality of single-function buttons one after another in a user touch area around the multifunction button; and

for a Type II touch operation,

adjusting the multifunction button to a docking location; and

unfolding the plurality of single-function buttons one after another in a user touch area around the docking location of the multifunction button.

5. The processor-implemented method according to claim 4, wherein adjusting the docking location of the multifunction button comprises:

monitoring whether the multifunction button has been moved to a moved location; and

,

when the multifunction button has been moved to the moved location,

obtaining the moved location of the multifunction button; and

determining the docking location of the multifunction button based on an area of a touchscreen where the move location is located.

6. The processor-implemented method according to claim 5, wherein obtaining the moved location of the multifunction button comprises:

determining a current location of the multifunction button is outside of a movable area of the multifunction button in a vertical direction;

adjusting a vertical coordinate of the current location of the multifunction button to a second predetermined threshold value; and

maintaining a horizontal coordinate of the current location of the multifunction button.

7. The processor-implemented method according to claim 5, wherein determining the docking location of the multifunction button comprises:

dividing a movable area of the multifunction button into a plurality of subareas;

determining the center of each subareas; and

determining the docking location of the multifunction button as the center of each subarea where the moved location is located.

8. The processor-implemented method according to claim 1, wherein unfolding the plurality of single-function buttons comprises:

unfolding the plurality of single-function buttons evenly into an arc according to a predetermined radius around the multifunction button, wherein

the distances of any two neighboring single-function buttons of the plurality of single-function buttons are equal, and

the distances between any of the plurality of single-function buttons to the multifunction button are equal.

9. The processor-implemented method according to claim 1, wherein the multifunction button is a semitransparent button.

10. The processor-implemented method according claim 1, wherein unfolding the plurality of single-function buttons further comprise implementing at least one animation of:

moving locations of the single-function buttons;

rotating the single-function buttons; and

creating a dissolving effect of the single-function buttons.

11. A touchscreen device with a user interactive interface, comprising:

a non-transitory processor-readable storage medium storing set of instructions for conducting operations on a touchscreen;

a processor in communication with the processor-readable storage medium that is configured to execute the set of instructions stored in the processor-readable storage medium and is configured to;

monitor a real-time touch operation of a multifunction button by a user;

determine a type of the touch operation based on the duration of the touch operation; and

unfold a plurality of single-function buttons around the multifunction button based on the type of the touch operation.

12. The touchscreen device according to claim 11, wherein the processor is further configured to combine the plurality of single-function buttons into the multifunction button.

13. The touchscreen device according to claim 12, wherein to determine the type of the touch operation the processor is further configured to:

determine the touch operation as Type I touch operation when the duration of the touch operation is shorter than a first predetermined threshold value; and

determine the touch operation as Type II touch operation when the duration of the touch operation is longer than the first predetermined threshold value.

14. The touchscreen device according to claim 13, wherein to unfold the plurality of single-function buttons around the multifunction button the processor is further configured to:

for a Type I touch operation, unfold the plurality of single-function buttons one after another in a user touch area around the multifunction button; and

for a Type II touch operation,

adjust the multifunction button to a docking location; and

unfold the plurality of single-function buttons one after another in a user touch area around the docking location of the multifunction button.

15. The touchscreen device according to claim 14, wherein to adjust the docking location of the multifunction button the processor is further configured to:

monitor whether the multifunction button has been moved to a moved location;

when the multifunction button has been moved to the moved location,

obtain the moved location of the multifunction button;

determine the docking location of the multifunction button based on an area of a touchscreen where the move location is located.

16. The touchscreen device according to claim 15, wherein to obtain the moved location of the multifunction button the processor is further configured to:

determine a current location of the multifunction button is outside of a movable area of the multifunction button in a vertical direction;

adjust a vertical coordinate of the current location of the multifunction button to a second predetermined threshold value; and

maintain a horizontal coordinate of the current location of the multifunction button.

17. The touchscreen device according to claim 15, wherein to determine the docking location of the multifunction button the processor is further configured to:

divide a movable area of the multifunction button into a plurality of subareas;

determine the center of each subareas;

determine the docking location of the multifunction button as the center of each subarea where the moved location is located.

18. The touchscreen device according to claim 11, wherein to unfold the plurality of single-function buttons the processor is further configured to:

unfold the plurality of single-function buttons evenly into an arc according to a predetermined radius around the multifunction button, wherein

distances of any two neighboring single-function buttons of the plurality of single-function buttons are equal, and

distances between any of the plurality of single-function buttons to the multifunction button are equal.

19. The touchscreen device according to claim 11, wherein the multifunction button is a semitransparent button.

20. The touchscreen device according claim 11, wherein to unfold the plurality of single-function buttons the processor is further configured to implement at least one animation to generating effect of:

moving locations of the single-function buttons;

rotating the single-function buttons; and

dissolving of the single-function buttons.