Graphical user interface for displaying menu options

• US 9,448,692 B1
• Filed: 03/12/2013
• Issued: 09/20/2016
• Est. Priority Date: 03/12/2012
• Status: Active Grant

• Current Assignee: Kakao Corp.
• Original Assignee: Path Mobile Inc Pte. Ltd. (Kakao Corp.)
• Inventors: Mierau, Dustin R., Davis, Daniel, Ho, Ray, Morin, David, Paine, Mallory
• Primary Examiner(s): Vu, Toan
• Application Number:
  US13/795,853
• Time in Patent Office: 1,288 Days
• Field of Search: None
• US Class Current: 1/1
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures

Abstract

A system and a method are disclosed for displaying menu options. A menu icon is displayed on a touch-sensitive screen. In some embodiments, the menu icon is displayed with a feed from a social networking system. In response to detecting a contact with the menu icon, an animation of a plurality of sub-menu icons emanating from the menu icon is displayed. The sub-menu icons move along different predefined paths to different predefined positions. Each sub-menu icon is associated with an interface to post content to a social networking system. In response to detecting a contact with a sub-menu icon, the interface associated with the sub-menu icon is displayed.

Claims

1. A computer-implemented method, comprising:

displaying, at a computing device with a touch-sensitive screen, a menu icon on a user interface displayed on the touch-sensitive screen, wherein the menu icon indicates a first status that there are a plurality of sub-menu icons to be emanated;

detecting, on the touch-sensitive screen, a first contact corresponding to the menu icon;

in response to detecting the first contact corresponding to the menu icon;

animating a display of the plurality of sub-menu icons emanating outward from the menu icon, the animation including displaying each sub-menu icon from the plurality of sub-menu icons moving along a different predefined path from a menu position where the menu icon is displayed in the user interface to a different predefined position in the user interface, at least one of the plurality of sub-menu icons being associated with a composer interface to post content to a social networking system;

during the animating of the display of the plurality of sub-menu icons, rotating the menu icon around a center point included in the menu icon to indicate a second status that the plurality of sub-menu icons are emanating, the second status different from the first status; and

after the animating of the display of the plurality of sub-menu icons, stopping the rotating of the menu icon and displaying a rotated menu icon indicating a third status that the emanating of the plurality of sub-menu icons is complete, the third status different from the first status and the second status;

detecting, on the touch-sensitive screen, a second contact corresponding to a sub-menu icon from the plurality of sub-menu icons; and

in response to detecting the second contact corresponding to the sub-menu icon;

animating the sub-menu icon corresponding to the second contact to indicate a fourth status that the sub-menu icon corresponding to the second contact is selected, the fourth status different from the first status, the second status and the third status;

removing from display on the user interface additional sub-menu icons from the plurality of sub-menu icons, wherein the additional sub-menu icons do not correspond to the second contact; and

providing an interface corresponding to the selected sub-menu icon.

2. The computer-implemented method of claim 1, wherein the sub-menu icon corresponding to the second contact is associated with the composer interface and the provided interface is the composer interface.

3. The computer-implemented method of claim 1, wherein animating the sub-menu icon corresponding to the second contact comprises enlarging the sub-menu icon corresponding to the second contact.

4. The computer-implemented method of claim 1, further comprising rotating the plurality of sub-menu icons as the plurality of sub-menu icons emanate outward from the menu icon.

5. The computer-implemented method of claim 1, wherein animating the display of the plurality of sub-menu icons includes displaying at least two of the plurality of sub-menu icons emanating from the menu icon at different speeds.

6. The computer-implemented method of claim 1, wherein the composer interface is an interface for posting media items to the social networking system.

7. The computer-implemented method of claim 1, wherein the composer interface is an interface for posting information about a viewing user'"'"'s location to the social networking system.

8. The computer-implemented method of claim 1, wherein the composer interface is an interface for posting information about media items a viewing user is consuming.

9. The computer-implemented method of claim 1, further comprising displaying a feed on the user interface, the feed including a plurality of stories, wherein a story from the plurality of stories describes an activity by at least one user of the social networking system with whom a viewing user of the user interface has established a connection over the social networking system.

10. A non-transitory computer readable storage medium for displaying menu options, the non-transitory computer-readable storage medium storing instructions that when executed cause at least one processor to:

display a menu icon on a user interface displayed on a touch-sensitive screen, wherein the menu icon indicates a first status that there are a plurality of sub-menu icons to be emanated;

detect, on the touch-sensitive screen, a first contact corresponding to the menu icon;

in response to detection of the first contact corresponding to the menu icon;

animate a display of the plurality of sub-menu icons emanating outward from the menu icon, the animation including displaying each sub-menu icon from the plurality of sub-menu icons moving along a different predefined path from a menu position where the menu icon is displayed in the user interface to a different predefined position in the user interface, at least one of the plurality of sub-menu icons being associated with a composer interface to post content to a social networking system;

rotate the menu icon around a center point included in the menu icon to indicate a second status that the plurality of sub-menu icons are emanating, the menu icon rotated during the animating of the display of the plurality of sub-menu icons, the second status different from the first status; and

stop the rotating of the menu icon and display a rotated menu icon after the animating of the display of the plurality of sub-menu icons, the rotated menu icon indicating a third status that the emanating of the plurality of sub-menu icons is complete, the third status different from the first status and the second status

detect, on the touch-sensitive screen, a second contact corresponding to a sub-menu icon from the plurality of sub-menu icons; and

in response to detections of the second contact corresponding to the sub-menu icon;

animate the sub-menu icon corresponding to the second contact to indicate a fourth status that the sub-menu icon corresponding to the second contact is selected, the fourth status different from the first status, the second status and the third status;

remove from display on the user interface additional sub-menu icons from the plurality of sub-menu icons, wherein the additional sub-menu icons do not correspond to the second contact; and

provide an interface corresponding to the selected sub-menu icon.

11. The non-transitory computer readable storage medium of claim 10, wherein the wherein the sub-menu icon corresponding to the second contact is associated with the composer interface and the provided interface is the composer interface.

12. The non-transitory computer readable storage medium of claim 10, wherein animating the sub-menu icon corresponding to the second contact comprises enlarging the sub-menu icon corresponding to the second contact.

13. The non-transitory computer-readable storage medium of claim 10, wherein the instructions for the animation of the display of the plurality of sub-menu icons comprise instructions that when executed cause the at least one processor to display at least two of the plurality of sub-menu icons emanating from the menu icon at different speeds.

14. A computing device comprising:

a non-transitory computer-readable storage medium storing executable computer program instructions comprising instructions for;

displaying a menu icon on a user interface displayed on a touch-sensitive screen, wherein the menu icon indicates a first status that there are a plurality of sub-menu icons to be emanated;

detecting, on the touch-sensitive screen, a first contact corresponding to the menu icon;

in response to detecting the first contact corresponding to the menu icon,

animating a display of the plurality of sub-menu icons emanating outward from the menu icon, the animation including displaying each sub-menu icon from the plurality of sub-menu icons moving along a different predefined path from a menu position where the menu icon is displayed in the user interface to a different predefined position in the user interface, at least one of the plurality of sub-menu icons being associated with a composer interface to post content to a social networking system;

during the animating of the display of the plurality of sub-menu icons rotating the menu icon around a center point included in the menu icon to indicate a second status that the plurality of sub-menu icons are emanating, the second status different from the first status; and

after the animating of the display of the plurality of sub-menu icons, stopping the rotating of the menu icon and displaying a rotated menu icon indicating a third status that the emanating of the plurality of sub-menu icons is complete, the third status different from the first status and the second status;

detecting, on the touch-sensitive screen, a second contact corresponding to a sub-menu icon from the plurality of sub-menu icons; and

in response to detecting the second contact corresponding to the sub-menu icon;

animating the sub-menu icon corresponding to the second contact to indicate a fourth status that the sub-menu icon corresponding to the second contact is selected, the fourth status different from the first status, the second status and the third status;

removing from display on the user interface additional sub-menu icons from the plurality of sub-menu icons, wherein the additional sub-menu icons do not correspond to the second contact; and

providing an interface corresponding to the selected sub-menu icon; and

a processor for executing the computer program instructions.

15. The computing device of claim 14, wherein the sub-menu icon corresponding to the second contact is associated with the composer interface and the provided interface is the composer interface.

16. The computing device of claim 14, wherein animating the display of the plurality of sub-menu icons includes displaying at least two of the plurality of sub-menu icons emanating from the menu icon at different speeds.