Mode-based graphical user interfaces for touch sensitive input devices

• US 20060026535A1
• Filed: 01/18/2005
• Published: 02/02/2006
• Est. Priority Date: 07/30/2004
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Computer Incorporated (Apple Inc.)
• Inventors: Chaudhri, Imran, Ive, Jonathan P., Christie, Greg, Ording, Bas, Kerr, Duncan Robert, Hotelling, Steve, Strickon, Joshua A., Huppi, Brian Q.
• Granted Patent: US 8,239,784 B2
• Time in Patent Office: Days
• US Class Current: 715/863
• CPC Class Codes: G06F 2203/04805 Virtual magnifying lens, i.e. window or frame movable on top of displayed information to enlarge it for better reading or selection
• CPC Class Codes: G06F 2203/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/0418 for error correction or compensation, e.g. based on parallax, calibration or alignment
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• 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

A user interface method is disclosed. The method includes detecting a touch and then determining a user interface mode when a touch is detected. The method further includes activating one or more GUI elements based on the user interface mode and in response to the detected touch.

Claims

1. A user interface method, comprising:

detecting a touch;

determining a user interface mode when a touch is detected;

displaying one or more GUI elements based on the user interface mode; and

enabling the functionality of the GUI element.

2. The user interface method as recited in claim 1 wherein the user interface mode is based on one or more applications.

3. The user interface method as recited in claim 2 wherein different applications indicate different user interface modes.

4. The user interface method as recited in claim 1 wherein the user interface mode is based on a current state of an application.

6. The user interface method as recited in claim 1 wherein the user interface mode is based on one or more touch characteristics of the detected touch.

7. The user interface method as recited in claim 6 wherein different characteristics of the touch indicate different modes.

8. The user interface method as recited in claim 1 wherein the user interface mode is based on only one condition, the condition being selected from application, a state of an application, a touch characteristic of the detected touch.

9. The user interface method as recited in claim 1 wherein the user interface mode is based on multiple conditions, the conditions being selected from one or more applications, one or more states of an application, one or more touch characteristics of the detected touch.

10. The user interface method as recited in claim 1 wherein only one GUI element is displayed.

11. The user interface method as recited in claim 1 wherein multiple GUI elements are displayed.

12. The user interface method as recited in claim 1 wherein the user interface mode is a scroll mode, and wherein the GUI element is a virtual scroll wheel.

13. The user interface method as recited in claim 1 wherein the user interface mode is a data entry mode, and wherein the GUI element is a virtual keyboard.

14. The user interface method as recited in claim 1 wherein the user interface mode is an edit mode, and wherein the GUI element is a tool bar or virtual keyboard.

15. The user interface method as recited in claim 1 wherein the user interface mode is a control mode, and wherein the GUI element is a control panel.

16. The user interface method as recited in claim 1 wherein the user interface mode is an information mode, and wherein the GUI element is a window.

17. The user interface method as recited in claim 1 wherein the GUI element is displayed over a previously existing graphical image.

18. The user interface method as recited in claim 17 wherein the GUI element is semitransparent so that the previously existing graphical image disposed underneath the GUI element can be seen through the GUI element.

19. The user interface method as recited in claim 1 wherein the GUI element is configured to displace a previously existing graphical image.

20. The user interface method as recited in claim 1 wherein the GUI element is presented in the vicinity of the detected touch.

21. The user interface method as recited in claim 1 wherein the GUI element is presented at a predetermined location.

22. The user interface method as recited in claim 1 wherein the displaying the GUI element includes implementing a transition effect that transitions the GUI element from a first state to a second state.

23. The user interface method as recited in claim 22 wherein the transitioning effect is selected from popping, growing, or fading in and out.

24. The user interface method as recited in claim 22 wherein the speed of the transition effect is based on the pressure of the touch.

25. The user interface method as recited in claim 1 wherein enabling the GUI element includes monitoring a touch event relative to the GUI element, and performing actions associated with the touch event.

26. The user interface method as recited in claim 1 further comprising:

determining whether or not to deactivate the GUI element, deactivation including disabling the functionality of the GUI element and removing the GUI element from display.

27. The user interface method as recited in claim 26 wherein the GUI element is deactivated when a touch is no longer detected.

28. The user interface method as recited in claim 26 wherein the GUI element is deactivated when a touch has not been detected for a preset amount of time.

29. The user interface method as recited in claim 26 wherein the GUI element is deactivated after being activated for a preset amount of time.

30. The user interface method as recited in claim 26 wherein the GUI element is deactivated via a user selection.

31. The user interface method as recited in claim 1 wherein displaying the GUI element includes implementing a transition effect that transitions the GUI element from a first state to a second state, and wherein the step of removing the displayed GUI element includes implementing a reverse transition effect that transitions the GUI element from the second state to the first state.

32. The user interface method as recited in claim 1 wherein determining the user interface mode comprises:

determining a current application;

determining a current state of the current application; and

determining touch characteristics associated with the detected touch.

5. The user interface method as recited in claim 5 wherein different states of the application indicate different user interface modes.

33. A method for scrolling through media items, the method comprising:

displaying a plurality of media items;

detecting a touch over at least one of the media items that are displayed;

activating a virtual scroll wheel when a touch is detected over the displayed media items;

determining if a touch event is performed relative to the touch region of the virtual scroll wheel; and

scrolling through the group of media items when a scrolling touch event is performed.

34. The method as recited in claim 33 wherein activating the virtual scroll wheel includes displaying and enabling the functionality of the virtual scroll wheel, the virtual scroll wheel providing a touch region where a user swirls their finger in order to traverse through the group of media items

35. The method as recited in claim 34 further comprising:

deactivating the virtual scroll wheel when a touch event is not performed, the deactivation of the virtual scroll wheel including disabling the functionality of the virtual scroll wheel and removing the virtual scroll wheel from display.

36. The method as recited in claim 35 wherein the display and the removal of the virtual scroll wheel from display are performed with a transition effect that transitions the virtual scroll wheel from a first state to a second state when displayed, and that transitions the virtual scroll wheel from the second state to the first state when removed.

37. The method as recited in claim 34 wherein the virtual scroll wheel is displayed with a transition effect that transitions the virtual scroll wheel from a first state to a second state.

38. The method as recited in claim 34 wherein the transition effect causes the virtual scroll wheel to grow, a small virtual scroll wheel being initially displayed, and thereafter the virtual scroll wheel continuously enlarging until the virtual scroll wheel reaches a final size.

39. The method as recited in claim 34 wherein the virtual scroll wheel is displayed over the plurality of media items, and wherein the virtual scroll wheel is semitransparent so that the plurality of media items disposed underneath the virtual scroll wheel can be seen through the virtual scroll wheel.

40. The method as recited in claim 33 wherein scrolling includes moving a selector bar linearly through the group of media items in accordance with the touch event occurring on the virtual scroll wheel.

41. The method as recited in claim 33 wherein the virtual scroll wheel provides one or more virtual buttons, and wherein the method further comprises:

determining if a selection touch event is performed relative to the one or more virtual buttons of the virtual scroll wheel; and

implementing an action associated with a particular button when the selection touch event is performed on the particular button.

42. The method as recited in claim 41 wherein the one or more virtual buttons include at least a center button that is surrounded by the touch region.

43. The method as recited in claim 42 wherein the virtual scroll wheel is circular.

44. The method as recited in claim 33 wherein the step of determining if a touch event is performed relative to the touch region of the virtual scroll wheel comprises:

detecting the presence of at least one finger over the touch region;

setting an initial position of the finger; and

monitoring finger movement relative to the initial position.

45. The method as recited in claim 33 wherein the media items are a list of songs.

49. The system as recited in claim 42 wherein the processor is configured to determine a user interface mode in response to the touch, the user interface mode having one or more GUI elements associated therewith that are capable of being displayed, the user interface modes being based on at least one of a current application, a state of the application and a touch characteristics associated with the touches.

46. A method performed on a user operated electronic device having a display and a touch screen, the method comprising:

determining if a touch is detected;

monitoring and analyzing the current operating conditions when a touch is detected;

activating a first GUI element for a first set of operating conditions; and

activating a second GUI element for a second set of operating conditions.

47. A method performed on a computing device having a display and a touch sensing input device, the method comprising:

sensing touches;

displaying and enabling a GUI element when a touch is detected, the GUI element being based on at least one of the following;

(a) the application currently running on the computing device;

(b) the current state of the application;

(c) one or more characteristics of the touch, the characteristics including,

(i) touch location,

(ii) touch ID

(iii) number of touches,

(iv) touch motion

disabling and removing the GUI element from display when one of the following events occurs,

(a) the touch is no longer detected,

(b) a touch has not been detected for a preset amount of time,

(c) a certain amount of time has gone by since the step of displaying and enabling,

(d) a user selection.

48. A computing system, comprising:

a display device configured to display a graphical user interface;

a touch screen positioned over the display device, the touch screen being configured to detect touches that occur over the display device; and

a processor operatively coupled to the display device and the touch screen, the processor instructing the display device to display one or more GUI elements in response to a touch, and performing actions associated with the GUI element when touch events are detected relative to the displayed GUI elements.

50. A computing device, comprising:

a processor;

a touch screen capable of sensing touch events; and

a display configured to simultaneously display a plurality of media items and a virtual scroll wheel, the virtual scroll wheel providing a region where touch events are performed in order to implement a scrolling action, the scrolling action allowing a user to traverse through the plurality of media items.