The present disclosure relates generally to presentation of a user interface, and more particularly to a system and methods for displaying graphical elements associated with an order and to emphasize relevance of one or more graphical elements based at least in part on display size.
A common problem with management of digital media is difficulty in locating media. Many typical media management and browsing applications provide a list of file names or icons. These typical media management applications usually present digital media with the same visual weight or appearance. As such, one factor leading to the problem of locating media may be the presentation of typical systems for storing, browsing and/or locating media. By way of example, some media management applications display low resolution thumbnails of media. In many cases, these thumbnails look very similar. In such a system, stepping through each item while displayed in a larger format may be the only effective way to identify and locate media. However, such an endeavor takes far too long.
Another possible cause for difficulty in locating media is the use of handheld or mobile devices for browsing and/or managing media. Many user interfaces of handheld or mobile devices limit the user controls or presentation of media due to smaller display size, processing capabilities, etc. In addition, users typically have many files or particular types stored on their devices. Thus, there is a desire for a user interface that allows for selection and presentation of media that overcomes one or more of the aforementioned drawbacks.
Disclosed and claimed herein are a system and methods for scoring assets for display in a tapestry interface. In one embodiment, the method includes identifying assets for display in a tapestry interface presentation, wherein the tapestry interface provides a presentation for a plurality of assets having relevance based sizing, arrangement of the assets based at least in part on a grid pattern, receiving data for identified assets of the tapestry presentation, and scoring assets based on the received data to determine presentation characteristics for the assets in the tapestry interface. The method also includes updating the presentation of the tapestry interface on a device based on the presentation characteristic.
Other aspects, features, and techniques of the disclosure will be apparent to one skilled in the relevant art in view of the following detailed description of the disclosure.
The features, objects, and advantages of the present disclosure will become more apparent from the detailed description set forth below when taken in conjunction with the drawings in which like reference characters identify correspondingly throughout and wherein:
One aspect of the present disclosure relates to displaying a user interface to present a plurality of assets, such as photos or media files. A device and methods are provided for presenting a tapestry interface including graphical elements for a plurality of assets. As used herein, assets can be anything that can be visually represented as a graphic or a text, but may primarily be directed to media files, photos, cover art (e.g., for music or movies), video previews (e.g., either static or animated key frames), clipart, maps or graphical advertisement blocks/banners. In one embodiment, assets may be scored to provide a sort order and display size indicating relevancy for the asset. In certain embodiments, the tapestry interface may be based on a chronological listing of assets, such as digital images. Based on relevancy determined for the assets, via user input, social media data and/.or filtering criteria, the presentation characteristics for displaying each asset in a tapestry interface may be determined. In addition, the tapestry interface may be displayed as a matrix having a fixed column or row range to provide a scrollable or navigable grid pattern wherein assets may be sized based on multiples of the grid elements. One advantage of the tapestry interface may be providing an interface that is updated live and in real time to aid a user in locating assets.
According to another embodiment, presentation of a tapestry interface may be based on updates to the presentation characteristics of the assets. By way of example, parameters of assets for display in a tapestry interface presentation may automatically be updated. Updates may be based on user activity of the tapestry interface, data received from a web based service associated with the assets for display, and/or the addition of assets to be displayed in the tapestry interface.
According to another embodiment, methods are provided for scoring assets for presentation in a tapestry interface. Scoring assets can include weighted scoring of received asset data. In one embodiment, scoring may be based on one or more of user interaction with an asset, frequency of usage, editing an asset date of last usage and date of last sharing. According to another embodiment, scoring may be based group activity for the tapestry including one or more of accepting and viewing of the tapestry interface when the tapestry interface is shared. Scoring may also be based on individual and aggregate scores for assets marked in a social network, and/or applying weighing factors to social network activities of network friends for shard assets.
As used herein, the terms “a” or “an” shall mean one or more than one. The term “plurality” shall mean two or more than two. The term “another” is defined as a second or more. The terms “including” and/or “having” are open ended (e.g., comprising). The term “or” as used herein is to be interpreted as inclusive or meaning any one or any combination. Therefore, “A, B or C” means “any of the following: A; B; C; A and B; A and C; B and C; A, B and C”. An exception to this definition will occur only when a combination of elements, functions, steps or acts are in some way inherently mutually exclusive.
Reference throughout this document to “one embodiment,” “certain embodiments,” “an embodiment,” or similar term means that a particular feature, structure, or characteristic described in connection with the embodiment is included in at least one embodiment of the present disclosure. Thus, the appearances of such phrases in various places throughout this specification are not necessarily all referring to the same embodiment. Furthermore, the particular features, structures, or characteristics may be combined in any suitable manner on one or more embodiments without limitation.
In accordance with the practices of persons skilled in the art of computer programming, the disclosure is described below with reference to operations that are performed by a computer system or a like electronic system. Such operations are sometimes referred to as being computer-executed. It will be appreciated that operations that are symbolically represented include the manipulation by a processor, such as a central processing unit, of electrical signals representing data bits and the maintenance of data bits at memory locations, such as in system memory, as well as other processing of signals. The memory locations where data bits are maintained are physical locations that have particular electrical, magnetic, optical, or organic properties corresponding to the data bits.
When implemented in software, the elements of the disclosure are essentially the code segments to perform the necessary tasks. The code segments can be stored in a processor readable medium, which may include any medium that can store or transfer information. Examples of the processor readable mediums include non-transitory mediums such as an electronic circuit, a semiconductor memory device, a read-only memory (ROM), a flash memory or other non-volatile memory, a floppy diskette, a CD-ROM, an optical disk, a hard disk, etc.
Referring now to the figures,
According to another embodiment, tapestry interface 105 can allow for presentation of a graphical element, or asset, based on the relevance of the asset and/or one or more criteria. In one embodiment, assets in tapestry interface 105 are arranged by two dimensions, thus providing a unique way of presenting content using not only order or location within a list or grid, but also providing a presentation to emphasize the most important or highly scored assets by adjusting their size based on relevance criteria. As a result, tapestry interface 105 can provide an interlocking grid of thumbnails of varying size. According to yet another embodiment, presentation of an asset in tapestry interface 105 may be automatically updated.
As depicted in
According to another embodiment, presentation of assets in tapestry interface 105 may include increasing the size of one or more assets based on relevance. For example, asset 115 in
According to another embodiment, asset presentation may be based on one or more heuristic algorithms applied to media to automatically determine the relative importance of each media item or asset. Once importance has been determined, the presentation, such as increased size of each asset according to its calculated importance, may be determined for each asset and the organization of assets in the tapestry may be displayed. As will be discussed in more detail below, assets may be organized by chronological order first and then into a tapestry interface 105, or “size by relevance”. One advantage of the sizing is that asset presentation may be more relevant to the user. By way of example, larger photos are obviously more relevant to the user, are easier to see and therefore, the amount of time a user spends looking for and organizing his/her own media is reduced.
Display of tapestry interface 105 may include graphical tiles for image and video data. When assets relate to audio or video media, the graphical tiles may be based on artwork associated with the media title. Alternatively, or in combination, display of assets may include text or graphical elements to identify the asset in some instances.
According to one embodiment, one or more tapestry presentations may be generated and presented based on assets for display. For example, a plurality of display configurations for the assets may be determined based on scoring of the assets, user activity, selected filtering and/or device settings.
Although the description of tapestry interface 105 in
Referring now to
In one embodiment, scoring may be based on one or more algorithms. For example, an algorithm may be employed to track different criteria about each and every asset for inclusion in a tapestry interface. Based on assets identified, the algorithm can create a system-wide relevance score, which may be variable based on the relevance and one or more user filter selections. Criteria for scoring may include, but is not limited to, social network activity (e.g., indications of a positive response, re-shares, comments, etc.), tagging, edits, views, rating, facial recognition, color cast, type of item (face, interior, landscape, etc.) and frequency of use in other creations such as albums and slideshows. In other embodiments, social network activity may include social feedback or data directed to one or more of explicit sentiments such as indication of flattery or embarrassment, and implicit sentiments that can be extracted or detected from comments associated with an asset. Note that scoring may be for one or more types of assets. Scoring can determine the asset relevance based on criteria including viewing activity of the asset by the user, and/or social media ratings for the assets (e.g., likes, forwards, etc.). Alternatively, or in addition, scoring may be based on preferences or rankings assigned by the user to the asset.
For example, a user may select a graphical element associated with the media title to determine whether to buy or rent the title. Based on the user selection, the device may display a graphical element, such as cover artwork or a graphic tile, for the media title at block 210.
At block 210, presentation characteristics of assets for display in a tapestry interface displayed based on scoring may be determined. The presentation characteristics can include presentation size and position relative to the grid is determined for each asset. Assets may be presented as graphical tiles include one or more of image data and text. According to one embodiment, determining presentation characteristics may include resizing graphical elements for display in the tiles of a tapestry presentation. By way of example, assets may require resizing, cropping or adjustment to be displayed within tiles of the tapestry interface. In one embodiment, tiles of a tapestry interface may be shaped with a square configuration. Thus, presentation characteristics for assets with a rectangular shape, such as landscape, portrait, or panoramic image data, may be resized, cropped, zoomed-in, and/or zoomed-out to be displayed within a tile of the tapestry interface. In another embodiment, the portion of an image to be displayed in a tapestry interface tile may be centered in an intelligent manner as a square thumbnail based on the subject of the image. The area of the image data for which image data is to be provided for a tile or thumbnail of the tapestry interface may be selected to reflect one or more of relevance (e.g., determined based on a user's activity, commenting, scoring, etc.), social media data, and/or attributes of the image data. For example, presentation of the tapestry interface may include digital image processing to locate one or more features of image data, such as facial recognition, to detect one or more subjects. In some embodiments, a default location for an image may be a central region of the image. In other embodiments, tiles of the tapestry interface may not be based on a square shape. For example, the tiles of the tapestry presentation may be rectangular shapes. As such, to avoid presentation of a square image in a rectangular tile, a portion of the image data may be selected such that the tile is presented based on a rectangular selection of image data of the asset. Another goal in determining presentation characteristics for an asset may be to select image data for a tile while minimizing the amount of image data cropped to present the asset. In that fashion, the tapestry interface may allow for assets with different aspect ratios to be presented in the tapestry interface. It should also be appreciated that presentation characteristics may similarly be determined for other types of assets.
The tapestry interface may be presented, such as on a device at block 215. Presentation of the tapestry interface may be based on determined sizing of each asset and arrangement of assets on the grid. The tapestry interface can be presented on a device, wherein at least a portion of the tapestry interface is displayed based on the presentation characteristics determined for each asset and arrangement of assets on the grid pattern. As will be described in more detail below, the grid pattern can include a matrix of grid spaces elements wherein one axis of the matrix is fixed to a particular range, such as a fixed number of column spaces of row spaces.
At block 220, the user interface display of assets in the tapestry presentation may be updated. Updating the display of assets may be based on user navigating or scrolling commands for the tapestry interface. Updating may also relate to updating the presentation characteristics of assets and/or limiting the assets to be included in the tapestry display. In certain embodiments, updating displayed assets may be based on a selected asset and filtering parameter, such as a filtering parameter selected from a graphical menu displayed on the device for filtering assets displayed in the tapestry presentation. Updating may also be based on filtering assets within a predetermined range (e.g., fuzziness) of a selected asset. In one embodiment, a predetermined range or fuzziness scale may be set by the user, such that the tapestry interface presents assets. For example, when the asset is an image, the predetermined range may be employed to select the asset and detection of a highly positive sentiment may be employed to present the asset with a larger presentation in comparison to other assets of the tapestry interface.
Referring now to
As shown in
I/O interface 315 may include one or more buttons for user input, such as a numerical keypad, volume control, channel control, menu controls, pointing device, track ball, mode selection buttons, and playback functionality (e.g., play, stop, pause, forward, reverse, slow motion, etc). Buttons of I/O interface 315 may include hard and soft buttons, wherein functionality of the soft buttons may be based on one or more applications running on device 300. I/O interface 315 may be employed for one or more user commands, such as scrolling or selection of a graphical element. I/O interface 315 may additionally be configured to decode one or more remote control commands for navigating a user interface. In another embodiment, device 300 may include one or more optical drives, not shown in
Communication interface 325 may be configured to allow for network based communications including but not limited to LAN, WAN, Wi-Fi, etc. In certain embodiments, communication interface 325 may be configured to allow for one or more devices to communicate with device 300 via wired or wireless communication. Communication interface 225 may additionally include one or more ports for receiving data, including ports for removable memory.
Referring now to
System 400 may be employed for one or more of presentation, sharing, and generating tapestry interfaces. According to one embodiment, device 405 may be a user device including one or more applications for generating a tapestry interface based on assets stored by the device. According to another embodiment, device 405 may present a tapestry interface based on data received via communication network 410. Device 405 may be configured for network communication via communication network 410 with server 415. Server 415 may be configured to receive and provide data for presenting and generating a tapestry interface for one or more devices, including device 405 and device 406. Asset and tapestry information may be stored by data storage unit 420.
In yet another embodiment, presentation of the tapestry interface may be based on data received from one or more servers, such as data provided by one or more social networking services via application programming interfaces. According to one embodiment, device 405 may be configured to receive data from one or more servers for scoring assets. For example, server 425 may relate to a server of a social networking service configured to provide data associated with view of assets, positive feedback to assets, and comments related to assets of the user of device 405. Accordingly, such information may be provided to device 405 via communication network 410 and/or server 415 to allow for assets to be scored.
Communication network 410 may allow for one or more of wired and wireless communication and for network based communications including, but not limited to, LAN, WAN, WI-FI, etc. Devices 405 and 406 of
Referring now to
In
Horizontal tapestry grid 510 is laid out with a first row by row (top to bottom), then column by column (left to right). Tapestry grid 510 may be scrolled or readjusted to allow for display window 505 to display different portions of the grid as shown by scroll direction 520.
Referring now to
The user interface may be updated at block 620, wherein one or more of a position, display size, display qualities and position related to a grid of the tapestry interface may be updated. The presentation characteristics can include presentation size and position relative to the grid is determined for each asset. According to one embodiment, the size of each element depends on its score by calculating the median and standard deviation of all the elements of the tapestry. According to one embodiment, weighted scoring of assets may be normalized to provide a more meaningful presentation of assets. For example, weighted scores may be normalized to a particular number of display configurations for assets, such that relevance is provided in assets occupying larger numbers of grid elements in the tapestry, while the majority of assets are displayed in a single or particular number of cells.
In one embodiment, scores can be quantitative, based on sheer count of factors, such as number of comments, or qualitative, involving for example the semantic of the comments, by extracting the sentiment expressed. According to another embodiment, progressive aging of events can affect asset scores negatively.
Referring now to
According to one embodiment, sizes of images in tapestries are chosen among a limited set of predefined values. The area that each asset (e.g., image, display element) occupies in the tapestry, or number of grid elements, is directly related to its relevancy score. The relevancy score of each image may be affected by various factors. According to one embodiment, there are several relevancy scores that users and viewers can chose from. For example various relevancy criteria for sorting and/or selecting assets can be combined or used separately. As a result, relevancy scores are applicable within the context of a given tapestry.
In
Typically assets are either square or rectangular in size, spanning 1, 2, 3 or more cells in height or width. However, the size of the asset can be updated based on a relevance criteria, such as how often the asset has been viewed (activity on the asset), how many friends have liked in a social network (social relevance), random numbers, a rating, etc. The actual size of an asset is relative to the relevance value with more “relevant” assets being larger.
Applying various relevance criteria, the sizes of the individual assets can differ. For example, in layout 705 asset 715 is sized at 3×3 grid elements and asset 720 at 2×2 grid elements. The algorithm for determining layout of the tapestry interface will traverse field by field (first top to bottom then left to right). The first step is to place the assets to the next empty space in the grid. Asset 715 blocks columns 1-3, the asset 720 would be placed in column 4 and 5 of layout 705. As shown in layout 710, the algorithm will try to fill up the gaps by reordering assets that have not been resized, such as asset 725 placed into an empty grid space. Due to the resized assets, the number of columns increases dynamically. The final layout of the tapestry interface could be arranged similar to layout 715, wherein assets can be assigned a plurality of grid elements. According to one embodiment, when filling in gaps that occur due to different sized assets (as in layout 705), advertisement banners and/or elements may be inserted into one or more grid units of the tapestry interface.
The tapestry interface may be updated to provide a live and real-time presentation based on the addition of new assets and/or changes in properties of the assets which affect the position, (e.g., sort order) or size (e.g., relevance) with the tapestry interface. Besides an automated sorting and sizing based on relevance, a the tapestry interface can also be fully or partly user-configurable meaning that an actual user (viewer) can rearrange and resize assets with the other assets floating around accordingly following the tapestry layout algorithm.
Referring now to
Process 800 may determine scoring data at block 820. Scoring data may be received via a web service or server such as positive feedback or social network scoring for assets of the tapestry interface. According to another embodiment, determining scoring data may be based on user interaction, such as viewing, commenting, and sharing for assets at block 820. Process 800 may continue with weighted scoring of data at block 825 to determine asset scoring for each asset at block 850. Based on asset scoring, the tapestry interface display may be updated at block 815. In certain embodiments, determining scoring data at block 820 may be automatically performed due to user activity of the tapestry interface, data received from a web based service associated with the assets for display, and/or the addition of assets to be displayed in the tapestry interface following display of the tapestry interface at block 805. For example, relevance scoring may be automatically performed at predetermined intervals of time to provide live updates to the tapestry presentation interface. Relevance scoring may automatically be performed based on data received by an application programming interface (e.g., RESTful service) with a web based service, such as a social media service.
According to one embodiment, assets may be scored based on one or more criteria including but not limited to asset data 830, user data 835, shared data 840 and social network data 845. Asset data 830 may relate to metadata for the asset including one or more of the type, artist, subject, date created, etc. User data 835 may include one or more user habits, such as asset preferences, such as a personal score. The owner of the media assets can express his personal preferences for individual images by marking them as favorite, or ranking them.
In additional, the system keeps track of the user's interaction with the assets, such as frequency of usage (e.g. viewing of a picture in large resolution), the date of the last usage, the frequency and last date of sharing the asset, etc. By editing an asset, the owner's interest in the asset may be clearly conveyed and can heavily influence the score. Similarly, changing metadata associated with the asset would be considered a sign of interest. According to another embodiment, tagging an asset by various words, including for example, naming individuals seen in a picture or a video, or artist performing in a piece of music, would also be a factor increasing the score. The score can be applied to the elements of the tapestry within the context of the viewing of it by the owner.
Shared data 840 may include one or more tapestry interface configurations received from another device. When an asset owner shares a tapestry with friends and family, the group can influence the score of each thumbnail explicitly or implicitly. Various ways of explicitly affecting the score including defining or marking an asset as accepted, liked or as a favorite, ranking them, etc. Implicit scoring can be done through usage, such as viewing an asset in large resolution, watching a video clip, partially or totally, listening to a piece of audio in its entirety or just a portion of it, etc. Comments for the tapestry interface, and/or one or more assets of the tapestry interface can also influence the score of an asset quantitatively and qualitatively. By way of example, the number of comments can directly lead to an increased score for an asset. In addition, context and semantics derived from the comments can provide a basis for scoring relevance.
The tapestry interface may be shared with others or embedded on other sites (if allowed by the owner) which could also affect the score of an element of the tapestry. In addition to viewing the tapestry with the group score, each individual in the group can also decide to view the tapestry with her/his own personal scoring only too.
Social network data 845 may relate to data received from feedback generated on a social network site, such as positive feedback indicators.
Assets shared on online social networks can similarly be scored based on the number of markings (e.g. like or +1), as well as an internal score tracking system. These scores can be taken individually or be aggregated. Weighing factors can be applied, for example, by taking into account markings by friends heavier than ones done by anonymous individual. Also, higher influence can be attributed to the friends with more active social networking. Re-sharing with other friends or on other online social networks can also affect elements of the tapestries.
Referring now to
According to one embodiment, tapestry interface 905 can allows a user to select one or multiple media assets. According to another embodiment, tapestry interface 905 can allow for the tapestry interface to filter by geographic location, faces, text recognition, image color, scenes, sentiment, keyword tags, ratings, source location, relevance scores, asset owner, dates or other metadata. Device 900 may be configured to display a menu, such as menu 915. Menu 915 may be displayed as an overlay to tapestry interface 905. Based on a selection of the menu 915, such as menu listing 920, the tapestry interface presentation may be updated as shown by tapestry arrangement 930. In certain embodiments, filtering may be based on a user touch command to the tapestry interface. As shown in
Menu 915 includes one or more graphical elements, or listings, for filtering assets of the tapestry interface. According to one embodiment, the tapestry interface may include one or more filters. The filters may be Boolean filters such that, each filter is either on or off during presentation of the tapestry interface. In addition, filters can be combined based on “And” or “OR” connections. One advantage of the filters for the tapestry interface is that a measure of similarity for assets may be employed when filtering.
According to another embodiment, the tapestry interface may allow for live filtering of assets. With live filtering, a user can select an asset (e.g., displayed image) in a tapestry and apply filter criteria such as geographic location. In response, the tapestry interface will automatically reflow/update the tapestry and present only matching assets with the same geographic location. In addition, the level of fuzziness may be applied to the filter by a user through a control such as a slider. With a setting of zero or no fuzziness, only exact matches will be displayed. Increasing the fuzziness will increase the margin of error for search results, which may be useful for filtering for faces or sentiments. In addition, more fuzziness will also include items with similar meaning when filtering for sentiments and keyword tags. Further, more fuzziness will allow greater distances between geo location matches, color matches, face matches, and scene matches.
According to another embodiment, the tapestry interface may allow for multiple selection of filtering criteria for assets. Selecting multiple criteria of menu 915 can provide different results as users can filter via “OR” connections or “AND” connections. Each selected tile of menu 915 can have a symbol displayed which defines the connection type, and the tapestry interface can allow the user can to switch the connection types individually.
While this disclosure has been particularly shown and described with references to exemplary embodiments thereof, it will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the scope of the disclosure encompassed by the appended claims.
This application is related to commonly-assigned and concurrently filed U.S. patent application U.S. Pat. No. ______, entitled “System and Method for Presenting a Tapestry Interface”; U.S. patent application Ser. No. ______, entitled “System and Method for Presentation of a Tapestry Interface”; U.S. patent application Ser. No. ______, entitled “System and Method for Providing Tapestry Presentation”; U.S. patent application Ser. No. ______, entitled “System and Method for Presenting a Tapestry Interface with Location Services”; and U.S. patent application Ser. No. ______, entitled “System and Method for Presenting a Tapestry Interface with Interactive Commenting”, the disclosures of which are hereby fully incorporated by reference.