Graphical user interface for displaying menu options
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.
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.