Touch-sensitive displays may be used by computing devices to present graphical content and receive touch input from fingers, styluses, or other suitable objects in order to manipulate the graphical content. Various types of touch-sensitive displays are known for receiving touch input, including but not limited to capacitive, resistive and optical types. The use of a touch-sensitive display may enable the utilization of a broader range of touch-based inputs than other user input devices. However, current pointer-based graphical user interfaces configured for use with a mouse or other cursor control device may not be configured to utilize the capabilities offered by modern touch-sensitive displays.
Accordingly, various embodiments related to the organization of media content in a computing system via a touch-sensitive display are disclosed herein. For example, one disclosed embodiment provides a method of organizing media content in a computing system. The method comprises displaying a boundary of an organizational container via a touch-sensitive display. The method further comprises displaying a set of two or more content items associated with the organizational container as a grouped stack within the boundary of the organizational container via the touch-sensitive display, where the two or more content items are ordered in the grouped stack according to an initial order. The method further comprises displaying an organizational mode selector via the touch-sensitive display, where the organizational mode selector provides a plurality of selectable organizational modes. The method further comprises receiving a touch input directed toward the organizational mode selector, where the touch input indicates a selected organizational mode from the plurality of selectable organizational modes. The method further comprises reordering the set of two or more content items within the grouped stack arrangement from the initial order to an updated order defined by the selected organizational mode.
This Summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter. Furthermore, the claimed subject matter is not limited to implementations that solve any or all disadvantages noted in any part of this disclosure.
Various embodiments are disclosed herein that relate to operation of a touch-sensitive display of a computing device. As mentioned above, many touch-sensitive displays for computing devices may not be configured to exploit the capabilities offered by a touch-sensitive use environment that may allow for a richer user experience. Therefore, various embodiments are disclosed herein that enable a user to reorder how content items are presented to the user by selecting an organizational mode via a touch-sensitive display. Before discussing the touch-sensitive display-related embodiments disclosed herein, an example touch-sensitive display environment is described.
Touch-sensitive display 102 includes a display system 120 configured to present graphical content. Display system 120 includes a display surface 106 and an image source 104. As a non-limiting example, image source 104 may include a projection device configured to present an image (e.g., graphical content) on display surface 106. Touch-sensitive display 102 further includes a touch input device 118 configured to receive a touch input (e.g., a touch gesture) responsive to an object (e.g., a finger) contacting or approaching display surface 106 of display system 120. In other embodiments, any other suitable display system may be used, including but not limited to a liquid crystal display panel.
Touch input device 118 may include an image sensor 108 for acquiring an infrared image of the display surface 106 to detect objects, such as fingers, contacting or approaching display surface 106. Display surface 106 may comprise various structures such as diffuser layers, anti-glare layers, etc. not shown in detail herein. Touch input device 118 may further include an illuminant 110, depicted herein as an infrared light source, configured to illuminate a backside of the display surface 106 with infrared light. Through operation of one or more of the image source 104, the image sensor 108, and the illuminant 110, the touch-sensitive display may be configured to detect one or more touches contacting display surface 106.
Computing device 100 further includes a controller 112 having memory 114 and a processor 116. In some embodiments, computing device 100 may further include an audio speaker 122 for outputting audio content.
Memory 114 may further include media content 214 including one or more content items. The term “content item” as used herein refers to the representation of a content item on a graphical user display, and may include representations of any suitable type of content, including but not limited to electronic files, documents, images, audio, video, software applications, etc. For example, media content 214 includes content item 216, content item 218, and content item 220. It will be appreciated that media content 214 may include any number of content items. Computing device 100 may be configured to output (e.g., play or perform) the content items via one or more of touch-sensitive display 102 and audio speaker 122.
In some embodiments, the content items may include meta data. For example,
At 310, the method includes associating a set of two or more content items with an organizational container. The term “organizational container” as used herein signifies a dynamic grouping mechanism with which media content (such as images, videos, and audio content etc.) may be associated. As a non-limiting example, the organizational container may comprise a directory or subdirectory of a digital file system held in memory of the computing device or in memory that is accessible to the computing device.
In at least some embodiments, an organizational container enables a user to view content items and manipulate the content items and the organizational container in various interactive ways. For example, a user may cause the computing device to associate a set of content items with an organizational container by moving the set of content items into the organizational container by directing touch-input to the touch-sensitive display.
The set of content items associated with the organizational container may be controlled or navigated as a group or individually, depending upon the touch input gestures that are directed to the touch-sensitive display. For example, if an action is applied to the organizational container by a user the action may be applied to each content item associated with that organizational container. As another example, a user may move the set of content items associated with an organizational container to a different location of the display surface by using touch input to drag and drop the organizational container at the desired location.
At 312, the method includes identifying a type of content of the set of two or more content items. In some embodiments, the computing device may be configured to reference the meta data associated with each content item to identify the type of content. Alternatively or additionally, the computing device may be configured to identify the type of content based on a file extension of the content item, such as .jpg, .mov, .mp3, etc. It should be appreciated that the computing device may be configured to recognize any suitable type of a content item. For example, the computing device may be configured to identify whether each content item is a type of audio content, video content, or image content.
At 314, the method includes identifying a plurality of selectable organizational modes based on the type of content identified at 312. In at least some embodiments, the selectable organizational modes that are identified by the computing device may differ depending on the type of content that is identified at 312. As a non-limiting example, the computing device may be configured to identify one or more selectable organizational modes for image content if the type of content identified at 312 is image content.
For example, the selectable organizational modes identified for image content may include categories such as “People”, “Places”, “Animals”, “Work”, “Beaches”, “Cities”, “Flowers”, etc. In contrast, the computing device may be configured to identify one or more selectable organizational modes for video content if the type of content identified at 312 is video content. For example, the selectable organizational modes identified for video content may include categories such as “Movies”, “Television Shows”, “Home Videos”, etc. As yet another example, the selectable organizational modes for audio content may include categories such as “Jazz”, “Pop”, and “Classical”, as well as “Artist”, “Album”, etc. In some embodiments, the computing device may identify the selectable organizational modes by referencing the meta data of the set of two or more content items associated with the organizational container.
At 316, the method includes displaying a boundary of the organizational container via a touch-sensitive display. As a non-limiting example, the computing device may display the boundary over a background canvas as depicted in
At 318, the method includes displaying the set of two or more content items according to an initial order within the boundary of the organizational container. In some examples, the set of two or more content items may be displayed as a grouped stack as depicted in
At 320, the method includes displaying an organizational mode selector via the touch-sensitive display. The organizational mode selector may provide a plurality of selectable organizational modes. In some embodiments, an organizational mode may define how two or more content items are to be ordered relative to each other when displayed to the user via the touch-sensitive display.
As one example, the organizational mode selector includes a category menu and the plurality of selectable organizational modes includes a plurality of different categories of content within the set of two or more content items. For example, the different categories of content may include a “People” category, a “Places” category, an “Animals” category, and a “Work” category by which media content may be ordered. The user may reorder the content items associated with the organizational container (e.g. changing an order in which the content items are stacked) by changing which organizational mode is selected.
Furthermore, in some embodiments, the initial order of the set of two or more content items is a default order and the organizational mode selector depicts a default organizational mode of the plurality of selectable organizational modes in conjunction with the display of the initial order. For example, where the default organizational mode is a “People” category, the organizational mode may depict the “People” category and the set of two or more content items may be displayed in an initial order in accordance with the “People” category (e.g. such that photographs of people are highest in the content stack).
In some embodiments, the organizational mode selector may be displayed as an alphanumeric string, and in other embodiments may be displayed as an icon or other symbol, wherein the icon may include a graphical representation of the selected organizational mode. The term “indicator” may be used herein to describe any of these representations of the organizational mode in situations where a menu of all selectable organizational modes is hidden. Where a user has not yet indicated a selected organizational mode (e.g., via touch input) an indicator representing default organizational mode may be presented to the user as the organizational mode selector, instead of a menu showing all organizational modes. In at least some embodiments, the organizational mode selector (i.e. indicator) may be displayed within the boundary of the organizational container, for example, as depicted in
At 322, the method includes receiving a touch input directed toward the organizational mode selector. The touch input may indicate a selected organizational mode from the plurality of selectable organizational modes.
At 324, the method includes varying the organizational mode selector displayed via the touch-sensitive display from an indicator to a menu of the plurality of selectable organizational modes responsive to receiving the touch input. For example, the indicator may be expanded to reveal the menu including the plurality of selectable organizational modes. The touch input may indicate the selected organizational mode from the plurality of selectable organizational modes based upon which organizational mode the touch input is directed. For example, a user may indicate a selected organizational mode by directing the touch input to a desired organizational mode to be applied to the set of two or more content items associated with the organizational container.
At 326, the method includes updating the organizational mode selector that is displayed via the touch-sensitive display from the default organizational mode to the selected organizational mode indicated by the touch input. For example, where the organizational mode selector displays a “People” category and the selected organizational mode indicated by the touch input is a “Work” category, the organizational mode selector may be updated to display the “Work” category.
In some embodiments, the method at 328 may include reordering the plurality of selectable organizational modes within the menu responsive to the touch input. For example, the selected organizational mode may be indicated by a predefined position of the selected organizational mode relative to other organizational modes of the plurality of selectable organizational modes within the menu. For example, a user may indicate the selected organizational mode by dragging and dropping an organizational mode to a selection region of the menu. Process 328 is illustrated in greater detail by
At 330, the method includes varying the organizational mode selector displayed via the touch-sensitive display from the menu to the indicator responsive to release of the touch input from the touch-sensitive display. In some embodiments, the indicator may present the selected organizational mode. For example, where the selected organizational mode is a “Work” category, the indicator may include a depiction of the “Work” category.
In some embodiments, the method at 330 may further include delaying varying the organizational mode selector from the menu to the indicator for a first period of time after release of the touch input from the touch-sensitive display. As one example, the first period of time may be longer than a second period of time between when the touch input is received at the touch-sensitive display and the organizational mode selector is varied from the indicator to the menu. In this way, the computing device may maintain the organizational mode selector as the menu to provide the user with the opportunity to select a different organizational mode (e.g., redirect the selected organizational mode) if the touch input was released by the user pre-maturely or erroneously.
At 332, the method includes reordering the set of two or more content items from the initial order to an updated order defined by the selected organizational mode. For example, where the set of two or more content items are displayed in an initial order in a grouped stack arrangement, the computing device may be configured to reorder one or more of the content items within the grouped stack according to the selected organizational mode. In some embodiments, one or more of the content items of the set of two or more content items may be reordered to the top of the grouped stack if the selected organizational mode includes a category to which the one or more content items belong. In some embodiments, the computing device may be configured to reference the meta data (e.g., an informational tag) of the content items to identify which content items belong to the category identified by the selected organizational mode.
Similarly, with a tiled arrangement or a slide show arrangement, the set of two or more content items may be reordered according to the selected organizational mode. For example, the computing device may be configured to reorder one or more of the content items that belong to a category identified by the selected organizational mode so that the one or more content items are displayed to the user via the touch-sensitive display. In this way, a user may filter which content items are presented to the user by varying the selected organizational mode that is applied to the organizational container.
In some embodiments, the method at 332 may further include delaying reordering the set of two or more content items after release of the touch input from the touch-sensitive display. For example, the reordering of the set of two or more content items may be performed by the computing device when the organizational mode selector is varied from the menu to the indicator. In this way, the computing device may delay reordering the set of two or more content items for a period of time to provide the user with the opportunity to select a different organizational mode (e.g., redirect the selected organizational mode) if the touch input was released by the user pre-maturely or erroneously. It should be appreciated that the computing device may be configured to utilize a delay of any suitable duration between release of the touch input and reordering of the set of two or more content items, including no delay.
Hence, method 300 may be used to reorder a set of two or more content items responsive a single touch input that contacts the touch-sensitive display, is dragged across the touch-sensitive display to indicate the selected organizational mode, and is released from the touch-sensitive display to initiate reordering of the media content according to the selected organizational mode.
Method 300 may also be used to reorder a set of two or more content items responsive to multiple touch inputs. For example, a first touch input that is directed toward the organizational mode selector may cause the computing device to vary the organizational mode selector from the indicator to the menu. A second touch input that is directed to the menu may indicate the selected organizational mode by dragging the selected organizational mode to a predefined position in the menu. A third touch input that is directed at the selected organizational mode at the predefined position in the menu may be used to confirm the user's selection, whereby the release of the third touch input from the touch-sensitive display may cause the computing device to reorder the set of two or more content items and vary the organizational mode selector from the menu to an indicator.
In
A user may cause the computing device to associate content item 422 with the organizational container by directing touch input to content item 422, dragging content item 422 into boundary 412, and releasing the touch input from the touch-sensitive display to drop content item 422. Once content item 422 is associated with the organizational container it is added to set of content items 414 and may be reordered in response to selected organizational modes. A user may also disassociate a content item from the organizational container my removing the content item from within boundary 412.
An organizational mode selector 424 is displayed via the touch-sensitive display as an indicator 426. In the example embodiment of
In the embodiment of
For example, in
It will be appreciated that the computing devices described herein may be any suitable computing device configured to execute the programs described herein, including but not limited to the embodiment of
It should be understood that the embodiments herein are illustrative and not restrictive, since the scope of the invention is defined by the appended claims rather than by the description preceding them, and all changes that fall within metes and bounds of the claims, or equivalence of such metes and bounds thereof are therefore intended to be embraced by the claims.