Method and apparatus for providing user interface of portable device

• US 9,652,145 B2
• Filed: 12/02/2010
• Issued: 05/16/2017
• Est. Priority Date: 12/02/2009
• Status: Active Grant

• Current Assignee: Samsung Electronics Co. Ltd.
• Original Assignee: Samsung Electronics Co. Ltd.
• Inventors: Yook, Hyun-gyoo, Cho, Berm-jin, Whang, Yu-shik
• Primary Examiner(s): Bashore, William
• Assistant Examiner(s): CHOWDHURY, RAYEEZ R
• Application Number:
  US12/958,770
• Publication Number:
  US 20110131537A1
• Time in Patent Office: 2,357 Days
• Field of Search: 715863
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• CPC Class Codes: G06F 3/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• 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
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G07F 17/32 for games, toys, sports, or amusements
• CPC Class Codes: H04M 1/2747 Scrolling on a display
• CPC Class Codes: H04M 1/72406 by software upgrading or downloading
• CPC Class Codes: H04M 1/72445 for supporting Internet browser applications
• CPC Class Codes: H04M 1/72469 for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
• CPC Class Codes: H04M 19/047 Vibrating means for incoming calls
• CPC Class Codes: H04M 2250/22 including a touch pad, a touch sensor or a touch detector digitizers for touch screens G06F3/041
• CPC Class Codes: H04W 76/10 Connection setup
• CPC Class Codes: H04W 8/18 Processing of user or subscriber data, e.g. subscribed services, user preferences or user profiles; Transfer of user or subscriber data
• CPC Class Codes: H04W 84/12 WLAN [Wireless Local Area Networks]
• CPC Class Codes: H04W 88/02 Terminal devices

Abstract

A method includes displaying a user interface for displaying a graphic and a hidden graphic in a first area; displaying a set of contents corresponding to the graphic in a second area distinguishable from the first area; detecting a user'"'"'s gesture for selecting a part of the first area; enlarging the first area to include a part of the second area; displaying a plurality of graphics including the graphic and the hidden graphic in the extended first area in response to the user'"'"'s gesture; detecting a user'"'"'s additional gesture for moving a first graphic among the plurality of graphics; and moving the first graphic to a part of the extended first area in response to the user'"'"'s additional gesture, and moving a second graphic of the plurality of graphics to an area from which the first graphic is moved out.

Claims

1. A method for providing a user interface of a mobile device, the method comprising:

displaying at least two graphic items in an original first area of a touch screen, at least one graphic item among the at least two graphic items being selectable to allow the mobile device to perform an operation;

displaying information in a second area of the touch screen distinguishable from the original first area;

detecting a first gesture on a portion of the original first area;

in response to the first gesture, forming an extended first area by extending the original first area to include a portion of the second area while displaying the at least two graphic items in the original first area, the extended first area including the original first area and an additional first area corresponding to the portion of the second area;

in response to the first gesture, displaying a plurality of graphic items including the at least two graphic items and at least two hidden graphic items in the extended first area, the displayed at least two hidden graphic items being separately selectable and being different from each other;

detecting a second gesture for moving a first graphic item among the plurality of graphic items; and

in response to the second gesture, moving the first graphic item to a part of the original first area of the extended first area and moving a second graphic item of the plurality of graphic items to a part of the additional first area of the extended first area,

wherein the first graphic item is an item among the at least two hidden graphic items displayed in the additional first area of the extended first area, and the second graphic item is an item among the at least two graphic items displayed in the original first area of the extended first area, and

wherein the second gesture comprises a selection of the first graphic item which is being displayed in the additional first area of the extended first area and a designation of the part of the original first area of the extended first area to which the selected first graphic item is moved.

2. The method according to claim 1, wherein the displaying the plurality of graphic items comprises:

displaying the at least two hidden graphic items in an area converted from the second area to the extended first area.

3. The method according to claim 1, wherein the displaying the at least two graphic items in the original first area comprises:

detecting a user gesture on the original first area; and

displaying a hidden graphic item in response to the user gesture.

4. The method according to claim 3, wherein the hidden graphic item is positioned in a front direction or a back direction of the at least two graphic items, and the displaying the at least two graphic items in the original first area comprises:

receiving a contact position and a contact release position of a user on the original first area;

determining a direction of a user gesture based on the contact position and the contact release position; and

displaying the hidden graphic item corresponding to the direction of the user gesture among a plurality of graphic items positioned in the front or back direction.

5. The method according to claim 3, wherein the displaying the at least two graphic items in the original first area comprises:

displaying an identifier, which shows a direction where the hidden graphic item is positioned, at one side of the first area corresponding to the front or back direction.

6. The method according to claim 1, wherein the displaying the at least two graphic items in the original first area comprises providing a visible feedback to one of the at least two graphic items, and

the displaying the information comprises displaying an information corresponding to the one of the at least two graphic items, to which the visible feedback is provided, in the second area.

7. The method according to claim 6, wherein the displaying the plurality of graphic items comprises:

removing the visible feedback.

8. The method according to claim 1, wherein the displaying the plurality of graphic items comprises:

inactivating the information displayed in the second area.

9. The method according to claim 1, wherein the plurality of graphic items are divided into a first group of graphic items and a second group of graphic items in accordance with respective positions of the plurality of graphic items, and

the displaying the plurality of graphic items comprises:

detecting a user gesture for selecting a part of the second area;

downsizing the extended first area into an original area in response to the user gesture;

and

displaying the first group of graphic items in the downsized first area.

10. The method according to claim 1, wherein the second graphic item is moved to the part of the additional first area from which the first graphic item is moved out if the first graphic item is not moved any more for a predetermined period of time after the first graphic item is moved to the part of the original first area.

11. The method according to claim 1, wherein each of the at least two graphic items comprises a tab menu.

21. The method according to claim 1, wherein the first gesture includes contacting on the portion of the original first area.

22. The method according to claim 1, wherein the second gesture includes contacting on the first graphic item, moving the first graphic item to the part of the original first area and releasing the contacting on the first graphic item at the part of the original first area.

23. The method according to claim 1, further comprising moving a third graphic item positioned at the part of the original first area to another part of the original first area in response to the second gesture.

24. The method according to claim 23, wherein the part of the original first area is adjacent to the other part of the original first area.

33. The method according to claim 1, further comprising detecting a user selection of one of the at least two graphic items displayed in the original first area, and displaying a set of information corresponding to the selected graphic item in response to the user selection.

36. The method according to claim 1, wherein the second gesture comprises a drag of the first graphic item which is being displayed in the additional first area and a drop of the selected first graphic item into the part of the original first area.

37. The method according to claim 1, wherein the displaying the at least two graphic items in the original first area further comprises displaying an indicator,

which shows a presence of the at least two hidden graphic items, together with the at least two graphic items in the original first area of the touch screen.

38. The method according to claim 37, wherein the first gesture comprises a gesture which selects the indicator displayed in the touch screen.

45. The method according to claim 1, wherein the displaying the at least two graphic items in the original first area of the touch screen comprises displaying the at least two graphic items in the original first area in a horizontal direction of the touch screen, and

wherein the forming the extended first area comprises forming the extended first area by extending, in a vertical direction of the touch screen, the original first area to include the portion of the second area.

46. The method according to claim 1, wherein the information displayed in the second area is moved downwardly according to the extending of the original first area.

47. The method according to claim 1, wherein a detailed menu relating to one graphic item among the plurality of graphic items is displayed in the touch screen in response to touching the one graphic item and holding on the touched one graphic item for a predetermined time.

48. The method according to claim 1, wherein the device includes a touch screen including a status area that provides information relating to a status of the device and a main area that includes the original first area and the second area.

49. The method according to claim 48, wherein the status area includes time information and is provided in an upper part of the touch screen.

12. A mobile device providing a user interface, the mobile device comprising:

a touch screen;

a processor; and

a memory,

wherein the processor is configured to;

display at least two graphic items in an original first area of the touch screen, at least one graphic item among the at least two graphic items being selectable to allow the mobile device to perform an operation, and display information in a second area of the touch screen, the second area being distinguishable from the original first area;

wherein the processor is further configured to;

detect a first gesture on a portion of the original first area;

in response to the first gesture, from an extended first area by extending the original first area to include a portion of the second area while displaying the at least two graphic items in the original first area, the extended first area including the original first area and an additional first area corresponding to the portion of the second area;

in response to the first gesture, display a plurality of graphic items including the at least two graphic items and at least two hidden graphic items in the extended first area, the displayed at least two hidden graphic items being separately selectable and being different from each other;

detect a second gesture for moving a first graphic item among the plurality of graphic items; and

in response to the second gesture, move the first graphic item to a part of the original first area of the extended first area and move a second graphic item of the plurality of graphic items to a part of the additional first area of the extended first area,

wherein the first graphic item is an item among the at least two hidden graphic items displayed in the additional first area of the extended first area, and the second graphic item is an item among the at least two graphic items displayed in the original first area of the extended first area, and

wherein the second gesture comprises a selection of the first graphic item which is being displayed in the additional first area of the extended first area and a designation of the part of the original first area of the extended first area to which the selected first graphic item is moved.

13. The mobile device according to claim 12, wherein in the case of displaying the plurality of graphic items, the processor is configured to display the at least two hidden graphic items in an area converted from the second area to the extended first area.

14. The mobile device according to claim 12,

wherein the processor is configured to:

detect a user gesture on the original first area; and

display a hidden graphic item in the original first area in response to the user gesture.

15. The mobile device according to claim 12,

wherein in the case of displaying the plurality of graphic items,

the processor is configured to remove a visible feedback provided to one of the at least two graphic items.

16. The mobile device according to claim 12,

wherein in the case of displaying the plurality of graphic items,

the processor is configured to inactivate the information displayed in the second area.

17. The mobile device according to claim 12, wherein the plurality of graphic items are divided into a first group of graphic items and a second group of graphic items in accordance with respective positions of the plurality of graphic items, and

in the case of displaying the plurality of graphic items, the processor is configured to:

detect a user gesture for selecting a part of the second area;

downsize the extended first area into an original area in response to the user gesture; and

display the first group of graphic items in the downsized first area.

18. The mobile device according to claim 12, wherein the processor is configured to:

move the second graphic item to the part of the additional first area from which the first graphic item is moved out if the first graphic item is not moved any more for a predetermined period of time after the first graphic item is moved to the part of the original first area.

19. The mobile device according to claim 12, wherein each of the at least two graphic items comprises a tab menu.

25. The mobile device according to claim 12,

wherein the first gesture includes contacting on the portion of the original first area.

26. The mobile device according to claim 12,

wherein the second gesture includes contacting on the first graphic item, moving the first graphic item to the part of the original first area and releasing the contacting on the first graphic item at the part of the original first area.

27. The mobile device according to claim 12,

wherein the processor is configured to move a third graphic item positioned at the part of the original first area to another part of the original first area in response to the second gesture.

28. The mobile device according to claim 27,

wherein the part of the original first area is adjacent to the other part of the original first area.

34. The mobile device according to claim 12,

wherein the processor is configured to detect a user selection of one of the at least two graphic items displayed in the original first area, and display a set of information corresponding to the selected graphic item in response to the user selection.

39. The mobile device according to claim 12,

wherein the second gesture comprises a drag of the first graphic item which is being displayed in the additional first area and a drop of the selected first graphic item into the part of the original first area.

40. The mobile device according to claim 12,

wherein the processor is configured to display an indicator, which shows a presence of the at least two hidden graphic items, together with the at least two graphic items in the original first area of the touch screen.

41. The mobile device according to claim 40,

wherein the first gesture comprises a gesture which selects the indicator displayed in the touch screen.

50. The mobile device according to claim 12, wherein the processor is configured to display the at least two graphic items in the original first area in a horizontal direction of the touch screen, and

wherein the processor is configured to form the extended first area by extending, in a vertical direction of the touch screen, the original first area to include the portion of the second area.

51. The mobile device according to claim 12, wherein the information displayed in the second area is moved downwardly according to the extending of the original first area.

52. The mobile device according to claim 12, wherein a detailed menu relating to one graphic item among the plurality of graphic items is displayed in the touch screen in response to touching the one graphic item and holding on the touched one graphic item for a predetermined time.

53. The mobile device according to claim 12, wherein the touch screen includes a status area that provides information relating to a status of the device and a main area that includes the original first area and the second area.

54. The mobile device according to claim 53, wherein the status area includes time information and is provided in an upper part of the touch screen.

20. A non-transitory computer-readable medium having a program recorded thereon, which program when executed by a computer, causes the computer to execute a method for providing a user interface in a mobile device, the method comprising:

displaying at least two graphic items in an original first area of a touch screen, at least one graphic item among the at least two graphic items being selectable to allow the mobile device to perform an operation;

displaying information in a second area of the touch screen distinguishable from the original first area;

detecting a first gesture on a portion of the original first area;

in response to the first gesture, forming an extended first area by extending the original first area to include a portion of the second area while displaying the at least two graphic items in the original first area, the extended first area including the original first area and an additional first area corresponding to the portion of the second area;

in response to the first gesture, displaying a plurality of graphic items including the at least two graphic items and at least two hidden graphic items in the extended first area, the displayed at least two hidden graphic items being separately selectable and being different from each other;

detecting a second gesture for moving a first graphic item among the plurality of graphic items; and

in response to the second gesture, moving the first graphic item to a part of the original first area of the extended first area and moving a second graphic item of the plurality of graphic items to a part of the additional first area of the extended first area,

wherein the first graphic item is an item among the at least two hidden graphic items displayed in the additional first area of the extended first area, and the second graphic item is an item among the at least two graphic items displayed in the original first area of the extended first area, and

wherein the second gesture comprises a selection of the first graphic item which is being displayed in the additional first area of the extended first area and a designation of the part of the original first area of the extended first area to which the selected first graphic item is moved.

29. The non-transitory computer readable medium according to claim 20, wherein the first gesture includes contacting on the portion of the original first area.

30. The non-transitory computer readable medium according to claim 20, wherein the second gesture includes contacting on the first graphic item, moving the first graphic item to the part of the original first area and releasing the contacting on the first graphic item at the part of the original first area.

31. The non-transitory computer readable medium according to claim 20, wherein the method further comprises moving a third graphic item positioned at the part of the original first area to another part of the original first area in response to the second gesture.

32. The non-transitory computer readable medium according to claim 31, wherein the part of the original first area is adjacent to the other part of the original first area.

35. The non-transitory computer readable medium according to claim 20, wherein the method further comprises detecting a user selection of one of the at least two graphic items displayed in the original first area, and displaying a set of information corresponding to the selected graphic item in response to the user selection.

42. The non-transitory computer-readable medium according to claim 20, wherein the second gesture comprises a drag of the first graphic item which is being displayed in the additional first area and a drop of the selected first graphic item into the part of the original first area.

43. The non-transitory computer-readable medium according to claim 20, wherein the displaying the at least two graphic items in the original first area further comprises displaying an indicator, which shows a presence of the at least two hidden graphic items, together with the at least two graphic items in the original first area of the touch screen.

44. The non-transitory computer-readable medium according to claim 43, wherein the first gesture comprises a gesture which selects the indicator displayed in the touch screen.

55. The non-transitory computer readable medium according to claim 20, wherein the displaying the at least two graphic items in the original first area of the touch screen comprises displaying the at least two graphic items in the original first area in a horizontal direction of the touch screen, and

wherein the forming the extended first area comprises forming the extended first area by extending, in a vertical direction of the touch screen, the original first area to include the portion of the second area.

56. The non-transitory computer readable medium according to claim 20, wherein the information displayed in the second area is moved downwardly according to the extending of the original first area.

57. The non-transitory computer readable medium according to claim 20, wherein a detailed menu relating to one graphic item among the plurality of graphic items is displayed in the touch screen in response to touching the one graphic item and holding on the touched one graphic item for a predetermined time.

58. The non-transitory computer readable medium according to claim 20, wherein the device includes a touch screen including a status area that provides information relating to a status of the device and a main area that includes the original first area and the second area.

59. The non-transitory computer readable medium according to claim 58, wherein the status area includes time information and is provided in an upper part of the touch screen.