Patent Grant
10095398
1. Technical Field
One or more embodiments of the present disclosure relate generally to systems and methods for navigating a collection of digital content items. More specifically, one or more embodiments of the present disclosure relate to systems and methods of providing a graphical user interface that allows a user to interact with a collection of digital content items.
2. Background and Relevant Art
Computing devices (e.g., computers, tablets, smart phones) provide numerous ways for people to capture, create, share, view, and otherwise interact with numerous types of digital content items. For example, computing devices allow users to interact with digital photos by capturing, sharing, and viewing digital photos. Overtime, a typical user can amass a large amount of digital content items. As the number of digital content items increases, it becomes more difficult for a user to interact with the digital content items in an efficient and enjoyable manner. In particular, conventional systems for presenting digital content items often incorporate user interfaces that have several disadvantages.
For example, many conventional user interfaces do not allow a user to efficiently navigate through a large number of digital content items. In particular, many conventional user interface designs may allow a user to browse digital content items by providing a grid of digital content items (e.g., digital photos) through which a user may navigate. For example, a typical grid interface may require that a user manually scroll through the grid to locate a particular digital content item. The amount of scroll through the grid is typically directly proportional to the user's input. As such, when the grid includes thousands, or perhaps tens of thousands, of digital content items, the process of scrolling through the grid can be time consuming and inefficient, and therefore, frustrate the user.
The difficulties associated with conventional grid interfaces are often compounded when using a handheld device. In particular, handheld devices, such as mobile phones, typically have a limited screen size. The limited screen size can require a user to scroll the entire screen height of the screen to browse just a couple of digital content items. As such, attempting to browse through thousands of items using a conventional grid interface on a handheld device can be overwhelming.
Furthermore, conventional grid interfaces are typically presented in a vertical arrangement. As such, in order to scroll through a vertical interface, the user typically may provide a vertical scroll interaction. When using a handheld device with a single hand, providing a vertical scroll motion can be difficult. For example, attempting to scroll with a thumb of a hand holding the device can be ergonomically awkward. Often a user may not be able to provide a vertical scroll interaction over the entire height of the handheld device screen using only one hand. As such, users attempting to browse a conventional grid interface on a handheld device often have to use two hands.
In addition to the above drawbacks, many conventional systems used for presenting digital content items are limited in the way in which the digital content items can be organized and/or arranged. For example, and especially in the case of mobile computing devices, many conventional grid interfaces do not categorize, group, or arrange the numerous digital content items in any order. This causes the user to feel overwhelmed by the amount of digital content items the user will be forced to view in an attempt to find a particular digital content item. Although some conventional grid interfaces attempt to organize the digital content items, the user typically does not have a choice in how the digital content items are organized or arranged within the grid interface.
Accordingly, there is a need for a system that provides a user with an enjoyable user experience when navigating through digital content items.
The principles described herein provide benefits and/or solve one or more of the foregoing or other disadvantages in the art with methods and systems for browsing and navigating digital content items. In particular, one or more embodiments provide a graphical user interface that, when presented on a handheld device, allows a user to easily interact with the graphical user interface using a hand holding the handheld device. For example, in one or more embodiments the graphical user interface includes an interactive scroll element oriented in a first direction (e.g., horizontal direction) that when activated scrolls through digital content items in a second direction (e.g., vertical direction). The interactive scroll element of the graphical user interface can allow a user of the handheld device to use the graphical user interface in an ergonomically comfortable manner. For example, the user can hold the handheld device in one hand, and easily interact with the graphical user interface using the thumb of the hand holding the device to navigate or browse the digital content items.
Additionally, one or more embodiments provide a graphical user interface that allow a user to easily and efficiently browse and navigate a large collection of digital content items in an enjoyable manner. In particular, in one or more embodiments includes a scroll function that is based at least partially upon the size of the collection of digital content items. For example, in embodiments having a large digital content collection, the systems and methods described herein can provide a faster scroll rate to allow the user to quickly navigate through the larger collection. On the other hand, in embodiments having a smaller digital content collection, the systems and methods described herein can provide a slower scroll rate. Thus, one or more embodiments of the user interface provide functionality to browse digital content items at a slow rate to allow the user to experience and enjoy the digital content items. Additionally, the same user interface permits a user to navigate through the digital content items at a fast rate, which in turn allows the user to easily navigate past large numbers of digital content items in which the user is not currently interested.
For example, the systems and methods described herein provide a user interface that intuitively organizes the collection of digital content items so that a user, knowing one or more characteristics of a particular digital content item, can quickly locate the particular digital content item. For instance, if the user knows an approximate timeframe within which a digital photo was taken, the systems and methods described herein provide a user interface that allows the user to quickly navigate through the large collection of digital content items and locate the digital photo. In one or more embodiments, the digital content items can be organized or arranged within the graphical user interface using a variety of organizational techniques that allow a user to experience and enjoy the digital content items in a variety of different ways. In particular, the methods and systems described herein provide the user with the ability to organize a collection of digital content items based on one or more of several digital content item characteristics or attributes. Thus, one or more embodiments of the present invention provide a graphical user interface that allows the user to select between one or more organizational modes to customize the user experience when navigating a collection of digital content items.
Additional features and advantages of the present invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by the practice of such exemplary embodiments. The features and advantages of such embodiments may be realized and obtained by means of the instruments and combinations particularly pointed out in the appended claims. These and other features will become more fully apparent from the following description and appended claims, or may be learned by the practice of such exemplary embodiments as set forth hereinafter.
In order to describe the manner in which the above recited and other advantages and features of the invention can be obtained, a more particular description of the invention briefly described above will be rendered by reference to specific embodiments thereof that are illustrated in the appended drawings. It should be noted that the figures are not drawn to scale, and that elements of similar structure or function are generally represented by like reference numerals for illustrative purposes throughout the figures. Understanding that these drawings depict only typical embodiments of the invention and are not therefore to be considered to be limiting of its scope, the invention will be described and explained with additional specificity and detail through the use of the accompanying drawings.
One or more embodiments include a content navigation system that allows a user to search, browse, and otherwise experience a collection of digital content items. For example, the content navigation system can provide a graphical user interface (or “user interface”) including a scroll element that allows a user to quickly locate a particular digital content item from within a collection of digital content items. In particular, one or more embodiments provide a graphical user interface that, when presented on a handheld device, allows a user to interact and control the graphical user interface in an ergonomically comfortable manner. For example, in one or more embodiments the graphical user interface includes an interactive scroll element oriented in a first direction (e.g., horizontal direction) that when activated scrolls through digital content items in a second direction (e.g., vertical direction). The configuration of the user interface and the scroll element can provide an ergonomically advantageous design that allows the user to hold the handheld device and to navigate and browse a collection of digital content with the same hand.
Additionally, one or more embodiments provide a graphical user interface that allow a user to easily and efficiently browse and navigate a large collection of digital content items. In particular, in one or more embodiments includes a scroll function that is based at least partially upon the size of the collection of digital content items. For example, in embodiments having a large digital content collection, the systems and methods described herein can provide a faster scroll rate to allow the user to quickly navigate through the larger collection. Thus, a user can easily navigate past large numbers of digital content items in an effect to go to a particular point in the collection. On the other hand, in embodiments having a smaller digital content collection, the systems and methods described herein can provide a slower scroll rate. Thus, one or more embodiments of the user interface provide functionality to browse digital content items at a slow rate to allow the user to experience and enjoy the digital content items.
More specifically, systems and methods disclosed herein can provide a content navigation system that allows a user to easily locate a particular content item. For example, the content navigation system can provide a user interface that includes a view area wherein digital content items are presented. The user interface can further include a scroll element with which a user can interact to navigate through a collection of digital content items presented in the view area.
In one or more embodiments, the content navigation system can determine or otherwise provide a control ratio between the scroll element and the digital content items presented in the view area. Based on the control ratio, a slight user interaction with the scroll element can be amplified to cause a scaled navigational response to the digital content items presented in the view area. Thus, a user can interact with the scroll element to quickly and efficiently browse or navigate through a large collection of digital content items to locate a particular digital content item.
For instance, a user may want to locate a particular digital photo. The user may know an approximate timeframe within which the particular digital photo was taken. One or more embodiments of the content navigation system can organize the digital content items within the view area based on the time/date the digital content item was created (e.g., when the user took the digital photo). In other words, the content navigation system can organize the digital content items in a timeline order for presentation within the view area of the user interface.
Regardless of the time/date of the digital content items presented within the view area at a particular moment, the user can interact with the scroll element to efficiently navigate to the timeframe corresponding to the particular digital photo the user wants to locate. For example, due to the control ratio associated with the scroll element, the user can quickly navigate past thousands of digital content items, representing several years of collected digital content, and quickly navigate to the known timeframe. Once the user navigates to the known timeframe, the user interface can further allow the user to browse the digital content items within the timeframe at an appropriate rate for identifying and finding the particular digital photo, as will be discussed further below.
In addition, and as mentioned above, one or more embodiments of the content navigation system can provide an intuitive user interface that allows a user to browse and experience digital content items in an enjoyable manner. For example, the user interface can include a scroll element having various navigational functions. The navigational functions of the scroll element allow a user to intuitively understand how to navigate and browse the user's content items. In particular, the scroll element provides a constant visual indication to the user of the portion of the user's collection of digital content items that is presented in the view area. In addition, the scroll element can provide options to allow the user to jump quickly to a next section of the user's collection of digital content items.
In addition to the various navigation and browsing functions generally described above, the content navigation system can also organize and/or arrange digital content items to enhance the ease of use, as well and the enjoyment of the content navigation system. In particular, one or more embodiments of the content navigation system allow the user to customize the organization and/or arrangement of digital content items. For example, not only can the content navigation system organize the digital content items by date of creation, but the content navigation system can also organize using other characteristics of the digital content items. For instance, the content navigation system can organize digital content items based on actual content, type, user assigned characteristic(s), and/or other digital content item characteristics or attributes. Additional features, benefits, and advantages of the content navigation system will be described in further detail below with reference to the figures.
As used herein, a “digital content item” (or simply “content item”) refers to digital data. In one or more embodiments, a content item can include a data file. Additional examples of content items include, but are not limited to, digital photos, digital video, digital audio, document files of all types, streaming content, contact lists, and/or folders that include one or more digital content items.
A “collection of digital content items” (or simply “collection”), as used herein, refers to one or more content items associated with one or more users. A collection can include a single type of content item or multiple different types of content items. In addition, a collection can include as few as one content item, but in many instances, a collection can include large numbers of content items.
As used herein, “navigate” or “navigation” refers to an act, function, and/or operation performed in response to user interaction indicating a user's desire to view a portion of a collection that is not presented, or is not about to be presented, on a display screen at a given moment. For example, navigation can include, but is not limited to, scrolling through large numbers of content items at a rate to quickly move from viewing one portion of a collection to viewing another portion of a collection. Generally, for example, a user can implement navigation functions to locate a particular group of content items, or a particular content item, within a collection of content items, and therefore, the user desires to “skip over” large numbers of content items.
In contrast, “browse” or “browsing,” as used herein, refers to an act, function, and/or operation performed in response to user interaction indicating a user's desire to experience the substance of content items. For example, browsing can include, but is not limited to, scrolling through one or more content items at a rate that allows a user to enjoy the substance of the content items. For example, when a user wishes to view and enjoy digital photos, the user can browse through the digital photos.
Components 102-110 can comprise software, hardware, or both. For example, components 102-110 can comprise one or more instructions stored on a computer-readable storage medium and executable by processors of one or more computing devices. When executed by the one or more processors, the computer-executable instructions of navigation system 100 can cause a computing device to perform the methods described herein. Alternatively, components 102-110 can comprise hardware, such as a special purpose processing device to perform a certain function or group of functions. Additionally or alternatively, components 102-110 can comprise a combination of computer-executable instructions and hardware.
As mentioned above, and as shown in
More specifically, user interface provider 102 may provide (e.g., by way of a display screen associated with a computing device) a variety of interactive elements within the user interface. For example, user interface provider 102 may cause a computing device to present a plurality of graphical objects that represent content items. For instance, and as briefly discussed above, user interface provider 102 can present reduced-size versions of content items, such as thumbnails or icons. In one or more example embodiments, user interface provider 102 can present reduced-size versions of content items in a gallery formatted in a grid within a view area of a user interface as described below in relation to
In addition, user interface provider 102 may cause a computing device to display one or more graphical objects that enable navigation and browsing of content items within a view area of the user interface. In one or more example embodiments, user interface provider 102 can cause a computing device to present a scroll element with which a user can interact. In particular, a user can interact with the scroll element to move or scroll through the gallery of content items presented in the view area. The scroll element can have various features and characteristics, which will be described in further detail below. User interface provider 102 can also provide, in addition to, or as part of, the scroll element, additional graphical objects that enable various other navigational and browsing features of navigation system 100.
User interface provider 102 may cause a computing device to present one or more other graphical objects that facilitate a variety of other functions (e.g., in addition to navigating and browsing of content items). For example, in addition to presenting content items and navigation/browsing graphical objects, user interface provider 102 can further configure the user interface to include graphical objects that allow a user to share content items with one or more other users, allow a user to send a message to one or more users, as well as various other actions described more fully below. Moreover, user interface provider 102 can also configure a user interface to include informational graphical objects that provide helpful information to a user about content navigation system 100, content items, or one or more other users.
As further illustrated by
For example, user input detector 104 may be configured to detect a user interaction from a keyboard, mouse, touch screen, or any other input device. In the event a touch screen is utilized, user input detector 104 may be configured to detect one or more touch gestures that form a user interaction (e.g., swipe gestures, tap gestures, pinch gestures, or reverse pinch gestures) provided by a user by way of the touch screen. In one or more embodiments, the detected touch gestures may be provided in relation to and/or directed at one or more graphical objects, items or elements of a user interface presented on the touch screen. User input detector 104 may be additionally, or alternatively, configured to receive data representative of a user interaction. For example, user input detector 104 may receive one or more user configurable parameters from a user, one or more user commands from the user, and/or any other suitable user input.
Navigation system 100 can use input and other data received from user input detector 104 to manage, control, and/or facilitate the use of a user interface. For example, in response to one or more touch gestures detected by user input detector 104, navigation system 100 may allow a user to access a collection of content items. In addition, in response to user input detector 104 detecting one or more touch gestures, navigation system 100 may allow a user to navigate through the collection of content items. Additionally or alternatively, user input detector 104 can detect one or more user interactions that can cause the navigation system 100 to allow a user to browse content items. More specifically, in response to one or more touch gestures detected by user input detector 104, navigation system 100 may allow a user to view, search, edit, share, and/or otherwise experience a collection of content items within a user-friendly and intuitive user interface.
In addition,
In one or more embodiments, scroll element controller 106 can control the rate at which navigation through a collection of content items occurs. For example, scroll element controller 106 can facilitate scaled scrolling through content items. As an example, in one or more embodiments, scroll element controller 106 can amplify a user interaction with a scroll element into a navigational movement through content items. In other words, for a unit of measurement of a user interaction (e.g., a swipe gesture), scroll element controller 106 moves a gallery of a content items a distance greater than the unit of distance of the user interaction. Alternatively, the scroll element controller can facilitate dampened scrolling (e.g., for a unit if distance of a user interaction, scroll element controller 106 moves a grid of content items a distance less than the unit of distance of the user interaction).
Scroll element controller 106 can facilitate scaled scrolling using a variety of techniques. In one or more embodiments of the invention, user interface provider 102 provides a horizontal scroll element and a vertical grid of content items. Within such a user interface configuration, scroll element controller can translate a horizontal user interaction (e.g., a side-to-side touch gesture) into a vertical movement of the grid within a view area. In such an embodiment, the scroll element controller can map vertical pixels on the grid of content items to horizontal pixels on the scroll element. For example, the scroll element controller can map one hundred vertical pixels on the vertical grid to one horizontal pixel on the horizontal scroll element. Thus, when user input detector 104 detects a horizontal gesture with respect to the scroll element, scroll element controller 106 amplifies the gesture into movement of the vertical grid through the view area at a control ratio of 1:100.
The ratio at which the horizontal pixels of the scroll element are mapped to the vertical pixels of the grid is referred to herein as a control ratio, and can vary from one embodiment to the next. For example, the control ratio may range between about 1:500 to 1:1. More specifically, the control ratio may range between about 1:250 to 1:150. And even more specifically, the control ratio may be about 1:200. Of course, in one or more embodiments the control ratio may be higher than 1:500. Furthermore, the control ratio may dampen a user interaction. For example, the control ratio may be 10:1 (e.g., for every 10 pixels of horizontal user interaction, the vertical grid moves 1 vertical pixel).
The manner in which scroll element controller 106 translates a user interaction with the scroll element into a navigational or browsing movement of content items can also vary from one embodiment to the next. As explained above, scroll element controller 106 can translate a horizontal user interaction into a vertical movement. Alternatively, scroll element controller 106 can translate a horizontal user interaction into a horizontal movement, a vertical user interaction into a horizontal movement, or a vertical user interaction into a vertical movement. In no way is scroll element controller 106 limited to only vertical and horizontal embodiments, and in one or more alternative embodiments scroll element controller 106 can translate any direction of a user interaction into the same direction, or any other direction, of navigational movement of content items.
Pixels are only one example of a unit of measurement that scroll element controller 106 can use to control the function of the scroll element. Other units of measurement include, but are not limited to, measured screen distance, interaction time duration, and/or any other unit of measurement that user input detector 104 can determine based on a user interaction.
Scroll element controller 106 can use one or more other factors to control the manner in which the scroll element can be used to navigate through a collection and/or browse a collection of content items. In one or more embodiments, the collection size (e.g., the number of content items in a collection) can, at least in part, determine the control ratio. For example, the larger the collection size, the larger the control ratio, while the smaller the collection size, the smaller the control ratio. In this way, scroll element controller 106 can control navigation through collections of different size while maintaining a degree of user experience consistency. In one or more embodiments, the collection size directly affects the size of a gallery (i.e., the number of pixels in a gallery), and therefore, the content ratio can also be based on the size of a gallery that contains a collection of content items.
For instance, by using collection size as a factor, scroll element controller 106 can provide a scroll element that roughly takes the same amount of manual time to navigate through a large collection as it does a small collection. For example, scroll element controller 106 can determine a control ratio that allows a user to navigate through a collection of 80,000 content items in the same amount of time it takes a user to navigate through a collection of 1,000 content items. In particular, scroll element controller 106 can set the control ratio for the 80,000 content item collection at a high ratio so that the scroll rate through the content items is high. In contrast, scroll element controller 106 can set the control ratio for the 1,000 content collection at a lower ratio so that the scroll rate through the content items is lower. Due to the differing scroll rates based on the different collection sizes, the amount of manual time it takes to navigate through both the large collection and the small collection can feel substantially the same to the user. Thus, scroll element controller 106 can provide a consistent user experience regardless of the size of a particular collection.
Along similar lines, scroll element controller 106 can actively adjust the control ratio based on the size of a collection. For instance, scroll element controller 106 can automatically adjust the control ratio when a user deletes content items from a collection, or when a user adds content items from a collection. In other words, the control ratio can be a variable based on the size of a collection, and thus the scroll rate can be based on the size of the collection. In one or more embodiments, the control ratio can adjust in a step-wise fashion. For example, the control ratio can be set at a first value up until a particular collection size threshold his met, after which the control ratio can change to a second value. Due to the variable control ratio, a user can continue to build a collection of content items, while navigation system 100 continues to provide a consistent and quality user experience.
In addition to collection size, scroll element controller 106 can use other factors to determine the control ratio. For example, the type of computing device and/or computing device characteristics (e.g., screen size, processor speed, memory size) can be used to determine a control ratio. In addition, the type of content items in the collection can factor into the determination of the control ratio.
As mentioned above, and as illustrated in
As discussed above, the navigation system 100 can include storage system 110, as illustrated in
Storage system 110 may also maintain configuration data 114 representative of information used to configure one or more features, functions and/or elements of navigation system 100. For example, configuration data 114 may include control ratios, control ratio formulas, user settings/preferences, user account information, and other similar types of configuration data.
As will be described in more detail below, each of the components 102-110 can be used alone and/or in combination with the other components of navigation system 100 to provide user interface used to navigate and browse a collection of content items. In particular,
As mentioned above, navigation system 100 may be implemented partially or entirely on a computing device (e.g., computing device). For example,
As illustrated in
As illustrated in
In addition, a screen dimension and geometric shape of grid unit 210 can vary from one embodiment to the next. As shown in
As further illustrated in
Due to the fact that grid 208 can become very large, user interface provider 102 can provide scroll element 206 to allow scaled scrolling of the collection grid. As illustrated in
In one or more embodiments, if the size of grid 208 is below a threshold, scroll element 206 is not active. For example, if the size of the grid 208 does not necessitate scroll element 206 to navigate grid 208, user interface provider 102 will not provide scroll element on the user interface. In one example, embodiment, the threshold can be about fifty content items. In one or more alternative embodiments, the threshold can be more or less than about fifty content items.
Scroll element 206 can include indicator 212 that indicates the location within scroll element 206 that corresponds to the portion of grid 208 that is currently being presented in view area 204. In addition, scroll element 206 can further include markers 214 to indicate other portions of grid 208 to which the user can navigate using scroll element 206 by lining up markers 214 with indicator 212. Additional features and characteristics of grid 208 and scroll element 206 will be explained in greater detail below.
As further illustrated in
As discussed above, scroll element controller 106 can determine a control ratio that translates a user's interaction with scroll element 306 into movement of content items within view area 304. For instance, the number of content items located within a time frame between indicator 312 and marker 314b can include, perhaps, hundreds or thousands of content items. In order to navigate quickly through a large number of content items, a user can simply provide a swipe gesture over scroll element 306 for a distance that is substantially equal to actual screen distance between indicator 312 and marker 314b. In response to the user's interaction, scroll element controller 106 can cause user interface provider 102 to quickly scroll past the hundreds of content items, and display the content items associated with the date of marker 314b in view area 304.
Markers included within scroll element 306 can have various aesthetic features that can represent information. For example,
Depending on the distance between two adjacent markers, the labels associated with the markers may overlap. For example, if markers 314a and 314c were too close together, the labels “Feb” and “Mar” could overlap and cause confusion. In one or more embodiments, user interface provider 102 can avoid overlapping markers. In one embodiment, user interface provider 102 can determine a distance between two adjacent markers. The user interface provider 102 can then compare the determined distance with a threshold distance. If the determined distance is less than the threshold, user interface provider 102 can hide one of the markers, or hide the label of one of the markers. The threshold distance can be any predetermined distance. In one example embodiment, the threshold distance is 8 dip. In alternative embodiments, however, the threshold distance can be longer or shorter. In one or more embodiments, the threshold distance can be determined by the number of characters in the labels associated with two adjacent markers.
As
For example,
Upon grouping content items, user interface provider 102 can hide one or more content items within a group from view, or in other words, user interface provider 102 can collapse a group to take up less space within the view area. For example, a group may include fifty-seven content items, as illustrated in
As further illustrated in
In one example embodiment, upon a user expanding a group, scroll element 306 reconfigures and expands to accommodate the additional content items that are now a visible part of the grid. For example,
Additionally,
In addition, header 320 can include message element 324 with which a user can interact to send a message to one or more users. For example, upon a user selecting message element 324, user interface provider can present a messaging interface that allows a user to send a communication to one or more users. In one embodiment, the messaging interface is included as part of navigation system 100. Alternatively, the messaging interface is associated with a third-party messaging service.
Alternatively, user interface provider 102 can associate a date that is associated with the content items corresponding to marker 414. In one or more embodiments, user interface provider 102 can determine if the date associated with the content items corresponding to marker 414 exceeds a time period threshold compared to the current date. For example, if the date associated with marker 414 is more than two weeks in the past from the current date, user interface provider 102 can label marker 414 with the date associated with the content items corresponding to marker 414. If, however, the date is less than two weeks in the past from the current date, user interface provider 102 can cause the “Today” label to trump the date.
The time period threshold can be any amount of time greater or less than two weeks. Alternatively, or in addition to the timer period threshold, user interface provider 102 can determine if the date associated with the content items at the end of the collection is within the current month. If the date is within the current month, the “Today” label trumps the date associated with the content items; however, if the date is outside the current month, user interface provider 102 can label the marker 414 with the date associated with the content items.
Along similar lines as described above with respect to the right end of scroll element 406, the left end of scroll element 406 can also use one or more factors to determine how to label a mark associated with the left end of scroll element 406. For example,
As further illustrated in
In one or more embodiments, a user can select one or more content items that are missing dates and be prompted to add date information, after which the user supplied date information is associated with the content item. User interface provider 102 can then associate the content items with the corresponding time period within the collection.
For instance, in one or more embodiments, the number of content items within a particular time period can cause there to be a large distance between two markers on scroll element 506. When there is a large distance between two markers, one or both of the markers may no longer be displayed on touch screen 502. For example,
When such a situation arises, user interface provider 102 can present floating marker 542 to provide a navigation indicator to the user as an indication of what the user will locate if the user continues to scroll in the direction of floating marker 542. For example, user interface provider 102 can determine a maximum distance between two markers that can be displayed simultaneously based on the resolution and size of a display screen. If the distance between two markers is greater than the maximum distance, the user interface provider can cause a floating marker to appear, the floating marker representing actual marker not displayed on the display screen. In one or more embodiments, floating marker 542 can be greyed out, or otherwise configured to appear different than actual marker 540. In addition, floating marker 542 can include additional navigational symbols to allow a user to intuitively control navigation using scroll element 506.
In addition,
For example,
Upon the user interacting with scroll element 606, however, user interface provider 102 can present the position indicator 652 to aid the user in knowing the approximate time period associated with the displayed portion of the collection of content items in view area 604. In particular,
User interface provider 102 can present position indicator 652 in a variety of locations on within the user interface. For instance,
For example, as illustrated in
The manner in which a user interacts with quick jump elements 760a, 760b can cause scroll element 706 to react in different ways. For example,
In another example, a user can provide a double tap gesture on quick jump element 760b, starting at the position illustrated in
One will recognize that quick jump element 760a can provide the same functionality, but in the opposite scrolling direction as explained with respect to quick jump element 760b. In addition, quick jump elements 760a, 760b can cause other quick jump functions in response to other touch gestures. For example, a user can provide a triple tap gesture to quick jump elements 760a or 760b to can cause scroll element 706 to jump to the right end or left end of scroll element 706, respectively.
As briefly mentioned above, user interface provider 102 can arrange a collection of content items using various characteristics associated with content items.
Similar to what has been described previously with respect to
Along similar lines,
Furthermore,
In addition,
In one or more embodiments of navigation system 100, the user can select and/or switch between different “modes” that arrange the content items of a collection in various ways. For example, a user may want to look for a digital photo that the user knows was taken on a particular date. In that case the user can select to navigate in a timeline mode, illustrated in
In one or more embodiments, a scroll element can have various experience characteristics to enhance the user experience. For example,
For example, a user can use scroll element 906 to randomly select photos to view. For example, a user can provide a quick swipe gesture across scroll element 906. Upon user input detector 104 detecting the quick swipe gesture, user interface provider 102 can randomly select a photo from within the collection of content items. In this way, the navigation system 200 can provide yet another way to navigate, browse or otherwise experience the collection of digital content items.
In addition, method 1000 further includes an act 1004 of providing a scroll element within the graphical user interface. In particular, act 1004 can include providing, within the graphical user interface, a scroll element that allows a user to scroll through the digital content items. For example, user interface provider 102 can present scroll element 306 within a user interface. Scroll element 306 can include markers 314a, 314b, as well as indicator 312 as discussed above with reference to
Method 1000 can additionally include an act 1006 of detecting a horizontal user interaction provided relative to the scroll element. In particular, act 1006 can include detecting, by at least one processor, a horizontal user interaction provided relative to the scroll element. For instance, computing device 300 can include touchscreen 302 by which user input detector 104 can detect the horizontal touch gesture.
Furthermore, the method 1000 can also include an act 1008 of scrolling digital content items in a vertical direction. In particular, act 1008 can include scrolling, in response to the detected horizontal user interaction, digital content items of the collection of digital content items in a vertical direction through the view area. For example, scroll element controller 106 can lookup a configuration associated with scroll element 306 and content items 310. Scroll element controller 106 can then cause user interface provider 102 to scroll the content items at a rate based on the configuration.
Referring now to
The method 1100 can also include an act 1104 of detecting a user interaction. In particular, act 1104 can include detecting a user interaction provided relative to a scroll element presented within a graphical user interface. In particular, act 1104 can include detecting a horizontal touch gesture provided by a user relative to scroll element 304. For instance, computing device 300 can include touchscreen 302 by which user input detector 104 can detect the horizontal touch gesture.
Additionally, the method 1100 can include an act 1106 of scrolling at a rate based on the control ratio. In particular, act 1106 can include scrolling the collection of digital content items through a view area within the graphical user interface at a rate based at least in part by the determined control ratio. For example user input detector 104 can determine an input value based on the detected touch gesture. Scroll element controller 106 can scale the user input by using the control ratio, and user interface provider 102 can scroll the content items at a rate determined by the control ratio.
In particular embodiments, processor 1202 includes hardware for executing instructions, such as those making up a computer program. As an example and not by way of limitation, to execute instructions, processor 1202 may retrieve (or fetch) the instructions from an internal register, an internal cache, memory 1204, or storage device 1206 and decode and execute them. In particular embodiments, processor 1202 may include one or more internal caches for data, instructions, or addresses. As an example and not by way of limitation, processor 1202 may include one or more instruction caches, one or more data caches, and one or more translation lookaside buffers (TLBs). Instructions in the instruction caches may be copies of instructions in memory 1204 or storage 1106.
Memory 1204 may be used for storing data, metadata, and programs for execution by the processor(s). Memory 1204 may include one or more of volatile and non-volatile memories, such as Random Access Memory (“RAM”), Read Only Memory (“ROM”), a solid state disk (“SSD”), Flash, Phase Change Memory (“PCM”), or other types of data storage. Memory 1204 may be internal or distributed memory.
Storage device 1206 includes storage for storing data or instructions. As an example and not by way of limitation, storage device 1206 can comprise a non-transitory storage medium described above. Storage device 1206 may include a hard disk drive (HDD), a floppy disk drive, flash memory, an optical disc, a magneto-optical disc, magnetic tape, or a Universal Serial Bus (USB) drive or a combination of two or more of these. Storage device 1206 may include removable or non-removable (or fixed) media, where appropriate. Storage device 1206 may be internal or external to computing device 1200. In particular embodiments, storage device 1206 is non-volatile, solid-state memory. In other embodiments, Storage device 1206 includes read-only memory (ROM). Where appropriate, this ROM may be mask programmed ROM, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), electrically alterable ROM (EAROM), or flash memory or a combination of two or more of these.
I/O interface 1208 allows a user to provide input to, receive output from, and otherwise transfer data to and receive data from computing device 1200. I/O interface 1208 may include a mouse, a keypad or a keyboard, a touch screen, a camera, an optical scanner, network interface, modem, other known I/O devices or a combination of such I/O interfaces. I/O interface 1208 may include one or more devices for presenting output to a user, including, but not limited to, a graphics engine, a display (e.g., a display screen), one or more output drivers (e.g., display drivers), one or more audio speakers, and one or more audio drivers. In certain embodiments, I/O interface 1208 is configured to provide graphical data to a display for presentation to a user. The graphical data may be representative of one or more graphical user interfaces and/or any other graphical content as may serve a particular implementation.
Communication interface 1210 can include hardware, software, or both. In any event, communication interface 1210 can provide one or more interfaces for communication (such as, for example, packet-based communication) between computing device 1200 and one or more other computing devices or networks. As an example and not by way of limitation, communication interface 1210 may include a network interface controller (NIC) or network adapter for communicating with an Ethernet or other wire-based network or a wireless NIC (WNIC) or wireless adapter for communicating with a wireless network, such as a WI-FI.
Additionally or alternatively, communication interface 1210 may facilitate communications with an ad hoc network, a personal area network (PAN), a local area network (LAN), a wide area network (WAN), a metropolitan area network (MAN), or one or more portions of the Internet or a combination of two or more of these. One or more portions of one or more of these networks may be wired or wireless. As an example, communication interface 1210 may facilitate communications with a wireless PAN (WPAN) (such as, for example, a BLUETOOTH WPAN), a WI-FI network, a WI-MAX network, a cellular telephone network (such as, for example, a Global System for Mobile Communications (GSM) network), or other suitable wireless network or a combination thereof.
Communication infrastructure 1212 may include hardware, software, or both that couples components of computing device 1200 to each other. As an example and not by way of limitation, communication infrastructure 1212 may include an Accelerated Graphics Port (AGP) or other graphics bus, an Enhanced Industry Standard Architecture (EISA) bus, a front-side bus (FSB), a HYPERTRANSPORT (HT) interconnect, an Industry Standard Architecture (ISA) bus, an INFINIBAND interconnect, a low-pin-count (LPC) bus, a memory bus, a Micro Channel Architecture (MCA) bus, a Peripheral Component Interconnect (PCI) bus, a PCI-Express (PCIe) bus, a serial advanced technology attachment (SATA) bus, a Video Electronics Standards Association local (VLB) bus, or another suitable bus or a combination thereof.
In particular, online content management system 1302 can manage synchronizing content items across multiple client devices 1306 associated with one or more users. For example, user may edit a content item using client devices 1306. The online content management system 1302 can cause client device 1306 to send the edited content item to online content management system 1302. Online content management system 1302 then synchronizes the edited content item on one or more additional computing devices.
In addition to synchronizing content items across multiple devices, one or more embodiments of the online content management system can provide an efficient storage option for users that have large collections of content items. For example, the online content management system can store a collection of content items on online content management system 1302, while the client device 1306 only stores reduced-sized versions of the content items. A user can navigate and browse the reduced-sized versions (e.g., a thumbnail of a digital photo) of the content items on client device 1306. In particular, one way in which a user can experience content items is to browse the reduced-sized versions of the content items on client device 1306.
Another way in which a user can experience the content items is to select a reduced-size version of a content item to request the full-size version of the content item from online content management system 1302. In particular, upon a user selecting a reduced-sized version of a content item, client device 1306 sends a request to online content management system 1302 requesting the content item associated with the reduced-sized version of the content item. Online content management system 1302 can respond to the request by sending the content item to client device 1306. Client device 1302, upon receiving the content item, can then present the content item to the user. In this way, a user can have access to large collections of content items while minimizing the amount of resources used on client device 1306.
Client device 1306 may be a desktop computer, a laptop computer, a tablet computer, a personal digital assistant (PDA), an in- or out-of-car navigation system, a handheld device, a smart phone or other cellular or mobile phone, or a mobile gaming device, other mobile device, or other suitable computing devices. Client device 1306 may execute one or more client applications, such as a web browser (e.g., Microsoft Windows Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome, Opera, etc.) or a native or special-purpose client application (e.g., Facebook for iPhone or iPad, Facebook for Android, etc.), to access and view content over network 1304.
Network 1304 may represent a network or collection of networks (such as the Internet, a corporate intranet, a virtual private network (VPN), a local area network (LAN), a wireless local area network (WLAN), a cellular network, a wide area network (WAN), a metropolitan area network (MAN), or a combination of two or more such networks) over which client devices 1306 may access online content management system 1302.
In the foregoing specification, the invention has been described with reference to specific exemplary embodiments thereof. Various embodiments and aspects of the invention(s) are described with reference to details discussed herein, and the accompanying drawings illustrate the various embodiments. The description above and drawings are illustrative of the invention and are not to be construed as limiting the invention. Numerous specific details are described to provide a thorough understanding of various embodiments of the present invention.
The present invention may be embodied in other specific forms without departing from its spirit or essential characteristics. The described embodiments are to be considered in all respects only as illustrative and not restrictive. For example, the methods described herein may be performed with less or more steps/acts or the steps/acts may be performed in differing orders. Additionally, the steps/acts described herein may be repeated or performed in parallel with one another or in parallel with different instances of the same or similar steps/acts. The scope of the invention is, therefore, indicated by the appended claims rather than by the foregoing description. All changes that come within the meaning and range of equivalency of the claims are to be embraced within their scope.
This application claims priority to and the benefit of U.S. Provisional Application No. 61/945,819, filed Feb. 27, 2014, entitled “Navigating Galleries of Digital Content.” The entire content of the foregoing application is hereby incorporated by reference in its entirety.
| Number | Name | Date | Kind |
|---|---|---|---|
| 5819032 | de Vries et al. | Oct 1998 | A |
| 6366303 | Venolia | Apr 2002 | B1 |
| 6671405 | Savakis et al. | Dec 2003 | B1 |
| 6937254 | Nishiyama | Aug 2005 | B2 |
| 6976228 | Bernhardson | Dec 2005 | B2 |
| 7437005 | Drucker et al. | Oct 2008 | B2 |
| 7587683 | Ito et al. | Sep 2009 | B2 |
| 7634740 | Enomoto et al. | Dec 2009 | B2 |
| D622729 | Oda et al. | Aug 2010 | S |
| 7970240 | Chao et al. | Jun 2011 | B1 |
| 8237712 | Fagans | Aug 2012 | B2 |
| 8249397 | Wood | Aug 2012 | B2 |
| 20030076301 | Tsuk | Apr 2003 | A1 |
| 20050289482 | Anthony | Dec 2005 | A1 |
| 20060090141 | Loui et al. | Apr 2006 | A1 |
| 20080052945 | Matas et al. | Mar 2008 | A1 |
| 20080235205 | Fein | Sep 2008 | A1 |
| 20090064029 | Corkran et al. | Mar 2009 | A1 |
| 20090171783 | Raju | Jul 2009 | A1 |
| 20090265334 | Narayanan et al. | Oct 2009 | A1 |
| 20100085306 | Wu | Apr 2010 | A1 |
| 20100251165 | Williams | Sep 2010 | A1 |
| 20110252357 | Chaudhri | Oct 2011 | A1 |
| 20140123005 | Forstall et al. | May 2014 | A1 |
| 20140149936 | Wilder et al. | May 2014 | A1 |
| 20140282099 | Bronder et al. | Sep 2014 | A1 |
| 20140337791 | Agnetta et al. | Nov 2014 | A1 |
| 20150161205 | Beach et al. | Jun 2015 | A1 |
| 20150212666 | Daniel et al. | Jul 2015 | A1 |
| 20150242111 | Balakrishnan et al. | Aug 2015 | A1 |
| 20150242404 | Underwood et al. | Aug 2015 | A1 |
| 20180059926 | Balakrishnan et al. | Mar 2018 | A1 |
| Entry |
|---|
| U.S. Appl. No. 14/248,235, May 9, 2016, Office Action. |
| U.S. Appl. No. 14/248,235, Oct. 6, 2016, Office Action. |
| U.S. Appl. No. 14/248,235, Apr. 25, 2017, Office Action. |
| U.S. Appl. No. 14/520,210, Feb. 9, 2017, Office Action. |
| U.S. Appl. No. 14/520,210, Aug. 1, 2017, Notice of Allowance. |
| U.S. Appl. No. 14/248,235, Oct. 23, 2017, Office Action. |
| U.S. Appl. No. 14/248,235, Mar. 7, 2018, Office Action. |
| Number | Date | Country | |
|---|---|---|---|
| 20150242110 A1 | Aug 2015 | US |
| Number | Date | Country | |
|---|---|---|---|
| 61945819 | Feb 2014 | US |
