Patent Grant
9779097
In order for a user to interact with a computing/display device to access media content, a user interface (UI) may be used. The user may navigate the UI in order to locate and play, or otherwise access, requested media content, such as a movie. Menu structures can include hierarchical structures whereby one set of menu items is found after selecting an appropriate menu item in the hierarchy.
Typically, different devices or device types have unique UIs. Thus, a user may need to learn to navigate different UIs for different devices that the user might use. Also, a given UI typically employs standard icons and/or pop-up based hierarchical menu presentations. In addition, many UIs are restrictive in terms of accessible menu items when media content is being played.
Particular embodiments provide a user interface (UI)/user experience (UX) that is adaptable to a range of hardware and software platforms. Particular embodiments also utilize cinematic characteristics to direct attention to one or more menu items, even while media content is being displayed.
In one embodiment, a method of controlling a user interface can include: (i) displaying a plurality of first objects in a foreground on a display screen, where each of the plurality of first objects represents media content, where the plurality of first objects are displayed with a first display characteristic; (ii) accepting, by a computing device, a signal indicating user selection of an object from the plurality of first objects; (iii) displaying media content for the selected object in a background on the display screen, where the media content is displayed in the background with a second display characteristic, where the second display characteristic comprises a changed cinematic characteristic from the first display characteristic in order to reduce attraction of attention for the second display characteristic relative to the first display characteristic; and (iv) displaying a plurality of second objects in the foreground on the display screen, where the plurality of second objects are associated with the selected object, where the plurality of second objects are displayed with the first display characteristic.
A further understanding of the nature and the advantages of particular embodiments disclosed herein may be realized by reference of the remaining portions of the specification and the attached drawings.
Particular embodiments provide a user interface (UI)/user experience (UX) that is adaptable to a range of hardware and software platforms. For example, the UI can be the same across a wide variety of products and/or platforms (e.g., television, smartphone, game system, laptop, tablet, etc.), and thus may be platform agnostic, save for sizing issues for the different display screen dimensions.
Particular embodiments are directed to a user interface design whereby foreground and background content may be presented to a user in different shades, tones, and/or with different cinematic characteristics. In this way, menus, media content, and/or other objects, can be navigated by having the foreground content more easily visible and searchable by the user, as compared to the background content. Also, various cinematic characteristics as to foreground/background content can be used to direct the attention of the user, even while media content is being displayed.
Particular embodiments can support a wide variety of media types (e.g., music, photos, videos, books, games, etc.) that are commonly accessed on consumer electronic devices. Also, a UI in particular embodiments can support any suitable user input device control, such as pointer-based interaction (e.g., mouse) or highlight-driven interaction (e.g., remote control, gesture input, etc.).
Particular embodiments are also suitable for network-enabled devices, and may support devices that are connected to the Internet, or to a secure network, via any type of connection. For example, network connections may be based on a cellular network, a wired network, or a wireless network. As such, content sources can include any content sources that are available via the Internet. Particular embodiments may utilize such network connectivity to access content, and to provide a socially connected user experience. Cloud computing, whereby aspects are implemented as one or more services that are connected cloud elements, can also be supported in particular embodiments.
A user may set up connections to services that are relevant to them. Social network accounts can be linked in order to source socially relevant content for the user. Also, network storage accounts can be linked for synchronization with local storage content. Other topics (e.g., Twitter hashtags) that are of interest to the user can also be added and linked. Particular embodiments may utilize the various links, or other sources, in order to provide previews of commercial content, media related to trending topics, media related to user-specified hashtags, recently captured or consumed media from a local library of the device, and/or other media content.
Particular embodiments may apply cinematic techniques to create a unique user experience for a consumer electronics space. The cloud may also be used to provide music unlimited, video unlimited, store services (e.g., electronic reader), and personal space. Particular embodiments may support common platforms and a core design grammar that is suitable for implementations on a wide variety of operating systems (e.g., Windows 8, Android, etc.), and may allow adaptation of new products and services based on the common UI platform.
Particular embodiments can also provide a user experience that is unique to each user of the UI. The user experience can be defined by how each person uses the application, and in particular can include preferences and social network content for the user. An example UI can combine typographic UI elements along with an emphasis on content. As a result, the content itself may dominate (e.g., in a display background) the UI, even during menu navigation and other tasks that include a relatively large number of UI elements.
Specific content (e.g., currently playing music, video, etc.) can be emphasized (e.g., in terms of screen space) with navigation menu items that overlay the media content. Further, content that is popular within a social circle, such as may be determinable via social networks, can be emphasized in the UI.
Thus in particular embodiments, the background color for display via the visualization and background layer, may be associated with a particular type of content being consumed. Source variables ranging from usage statistics to cover art may be abstracted and reconstructed in order to visualize elements that are unique to each device. For example, a different background color can be presented for cases where the user predominantly reads books, listens to music, uses photos, or experiences all media types.
Other views for music content can also be supported in particular embodiments. For example, a bucket view including now playing, along with a mix of recommended playlists, artists, albums, and channels can be supported. Also, a player view with display of the album artwork for the current track, along with transport controls and metadata for the current track and play queue. A play queue view can also be supported, and may include a current play queue list displayed in order as an overlay on top of the player view.
Content layer 200, as well as the options layers (e.g., 400, 500) can represent a multi-aggregated rich media content view. Also, user interaction for selection or navigation between various options layers, as well as return to a global navigation layer, can include finger swipe interaction for a touch-sensitive display screen 102. For example, a two-finger swipe anywhere on the display screen may return the user to a previous screen or option layer, to a global navigation layer, or to an option layer that is determined based on user preferences or predominant interactions.
In this example, textual information 602 may represent a music global menu, and can include a music identifier, with now playing, artists, albums, tracks, genres, playlists, channels, and podcasts, items for selection therein. Textual information 604 may represent a photos global menu, and can include a photos identifier, with camera roll, events, albums, people, and locations items for selection therein. Textual information 606 may represent a videos global menu, and can include a videos identifier, with recent, movies, television, podcasts, and clips items for selection therein. Textual information 608 may represent a books global menu, and can include titles, authors, genres, publishers, PDF, magazines, and comics items for selection therein. Textual information 610 may represent a games global menu, and can include latest, all games, online services, and SOLS items for selection therein.
Global navigation layer 600 can be accessible at any point by using a predetermined button or user interaction, such as a two-finger swipe motion on the display screen. Global navigation layer 600 can overlay any other content when accessed. Such a global menu can allow users to navigate the top two levels of menu hierarchy. If a user selects the media type label (e.g., music), a “strand” view (see, e.g.,
Once a user has made a selection, the UI may change the display, such as shown in example 850. Music indicator 802 may be repositioned, and object set 804 can be refocused and/or re-sized as shown in modified object set 804′. As another example, media content represented by the media content can be played in the background of display 102. In any event, media content for the selected object can be displayed in the background, and with a changed cinematic characteristic relative to a display characteristic of the display characteristics prior to the user selection. The list of music objects (e.g., a menu list) for selection 808 can be presented with a display characteristic designed to attract attention (e.g., a clarity), and can include now playing, artists, albums, tracks, genres, playlists, channels, and podcasts). Thus, depending on whether the user selection is for particular media content, or for an additional menu, the UI in particular embodiments may adjust display characteristics, such as by changing one or more cinematic characteristics, in order to direct user attention to particular objects (e.g., a new text-based menu, different content, etc.).
Particular embodiments can support unique cinematic transitions, and three-dimensional depth of field techniques in order to increase or reduce attraction of a user's attention. By using such a depth of field technique, the UI can be used to show the user where to visually focus, such as by showing the user where to look or touch on the display screen. For example, a bookshelf as in a movie can be used to provide an indication to the user that a selection (e.g., for an electronic reader) can be made from that set of books. In this way, a list of objects can represent a menu of items or media content that can be selected for access.
Cinematic characteristics or techniques can include defocusing to convey to the user to focus on a layer that may be otherwise substantially clear. For example, an in-focus portion may represent UI elements or objects that are active, or a layer of UI elements that is active, while an out-of-focus portion can represent deactivated objects or elements. For example, an out-of-focus portion can represent media content that is being played (e.g., in a display background), but whereby the playback may not be available for modification until a return to appropriate menu objects, such as by another user selection.
Other cinematic techniques that can be used in particular embodiments include making one or more layers transparent, as well as various types of fading or blurring. For example, a Gaussian blur can be employed whereby a blurring or smoothing of displayed features is done according to a Gaussian function. The Gaussian blur can be used to reduce image noise and to reduce detail, thus producing less clarity in the image. Of course, other types of blurring or fading, as well as other cinematic techniques, can also be used in particular embodiments. In this way, cinematic techniques (blurring, shading, etc.) can be used to indicate to the user a mode of how to interact with the UI.
A user can control interaction by mouse, hover state, highlight-driven selection, remote with capacitive touch, etc., and can change what is clear and/or activated in the UI. The user can effectively access a UI menu structure that is essentially off camera or out of the display view, but when the user interacts with the UI, the menu items that were off camera can come into place for user access. For example, a user can click on something (e.g., an object), and in response that selected object (and possibly the associated media content) can be blurred out and moved to the background of the display. However, what the user has selected (e.g., media content, textual information for a menu list, etc.) may come into focus. In addition, smooth transitions of display items moving from foreground to background, and in and out of focus, as a result of user interaction, can be provided as part of changing cinematic characteristics in particular embodiments.
Thus in particular embodiments, objects may be placed into a background of the display when selected, and new objects may be brought into the display based on the user selection. Further, differentiation between the foreground and background objects can be made by using cinematic effects, such as shading, flattening, blurring, etc., and three-dimensional cinematic depth of field (e.g., semi-opaque layers, Gaussian blur, radial blur, etc.). In this way, a user can navigate through a menu hierarchy by clicking or otherwise selecting something, which then becomes the blurred background content. The new menu items resulting from the user selection can be presented in the foreground with clarity to direct the attention of the user. Particular embodiments can support a variety of cinematic characteristic changes and effects in order to differentiate foreground/background and other display content portions.
In this way, motion graphics utilizing various cinematic techniques and/or characteristics may be used to focus the attention of the user. Some transitions may be achieved by a camera moving in a three-dimensional space, instead of a fixed camera and stage on which UI element movement occurs. A defocusing effect or depth of field effect can be used to complement the camera movement in order to enhance the attention directing aspects of the UI.
Other types of user interactions can result in other types of graphics for the UI. For example, tapping on an object 806 can navigate to the content represented by that object. A next step may be a collection, a detail view for a content item, or a full screen playback view. Horizontal dragging on an array of objects 806 can scroll the objects or tile array with a direct mapping between drag speed and scroll speed. Also, a long press can access context-specific options for that item.
In one embodiment, a method of controlling a user interface can include: (i) displaying a plurality of first objects in a foreground on a display screen, where each of the plurality of first objects represents media content, where the plurality of first objects are displayed with a first display characteristic; (ii) accepting, by a computing device, a signal indicating user selection of an object from the plurality of first objects; (iii) displaying media content for the selected object in a background on the display screen, where the media content is displayed in the background with a second display characteristic, where the second display characteristic comprises a changed cinematic characteristic from the first display characteristic in order to reduce attraction of attention for the second display characteristic relative to the first display characteristic; and (iv) displaying a plurality of second objects in the foreground on the display screen, where the plurality of second objects are associated with the selected object, where the plurality of second objects are displayed with the first display characteristic.
At 906, it can be determined whether a user has selected one of the first objects. For example, the user may be selecting one of the first objects in order to play or otherwise access the media content represented by that selected first object. As discussed above, particular embodiments support such selection by a variety of techniques (e.g., mouse click, remote control track pad, gesture input, etc.). If the user has made a selection, at 908 the media content for the selected object can be played in a background on the display screen. The media content can be displayed on the background with a second display characteristic. For example, the second display characteristic may have a changed cinematic characteristic from the first display characteristic so as to reduce a user's attention to the media content currently playing in the background on the display screen.
At 910, second objects that are associated with the selected object can be displayed in the foreground on the display screen, and the flow can complete at 912. The second objects may be displayed with the first display characteristic. For example, the first display characteristic may include a clarity to provide a point of focus for the visual attention of the user. Further, the first and second display characteristics may differ by a changed cinematic characteristic (e.g., fading, shading, three versus two dimensional views, sizing, coloring, etc.) in order to effectively direct a user's attention to certain objects or content, such as objects that differ from the media content currently being played on the display screen.
Although the description has been described with respect to particular embodiments thereof, these particular embodiments are merely illustrative, and not restrictive. For example, hierarchical menus, while shown herein as predominantly plain text, could also be thumbnails or groupings.
Any suitable programming language can be used to implement the routines of particular embodiments including C, C++, Java, assembly language, etc. Different programming techniques can be employed such as procedural or object oriented. The routines can execute on a single processing device or multiple processors. Although the steps, operations, or computations may be presented in a specific order, this order may be changed in different particular embodiments. In some particular embodiments, multiple steps shown as sequential in this specification can be performed at the same time.
Particular embodiments may be implemented in a computer-readable storage medium for use by or in connection with the instruction execution system, apparatus, system, or device. Particular embodiments can be implemented in the form of control logic in software or hardware or a combination of both. The control logic, when executed by one or more processors, may be operable to perform that which is described in particular embodiments.
Particular embodiments may be implemented by using a programmed general purpose digital computer, by using application specific integrated circuits, programmable logic devices, field programmable gate arrays, optical, chemical, biological, quantum or nanoengineered systems, components and mechanisms may be used. In general, the functions of particular embodiments can be achieved by any means as is known in the art. Distributed, networked systems, components, and/or circuits can be used. Communication, or transfer, of data may be wired, wireless, or by any other means.
It will also be appreciated that one or more of the elements depicted in the drawings/figures can also be implemented in a more separated or integrated manner, or even removed or rendered as inoperable in certain cases, as is useful in accordance with a particular application. It is also within the spirit and scope to implement a program or code that can be stored in a machine-readable medium to permit a computer to perform any of the methods described above.
A “processor” includes any suitable hardware and/or software system, mechanism or component that processes data, signals or other information. A processor can include a system with a general-purpose central processing unit, multiple processing units, dedicated circuitry for achieving functionality, or other systems. Processing need not be limited to a geographic location, or have temporal limitations. For example, a processor can perform its functions in “real time,” “offline,” in a “batch mode,” etc. Portions of processing can be performed at different times and at different locations, by different (or the same) processing systems. A computer may be any processor in communication with a memory. The memory may be any suitable processor-readable storage medium, such as random-access memory (RAM), read-only memory (ROM), magnetic or optical disk, or other tangible media suitable for storing instructions for execution by the processor.
As used in the description herein and throughout the claims that follow, “a”, “an”, and “the” includes plural references unless the context clearly dictates otherwise. Also, as used in the description herein and throughout the claims that follow, the meaning of “in” includes “in” and “on” unless the context clearly dictates otherwise.
Thus, while particular embodiments have been described herein, latitudes of modification, various changes, and substitutions are intended in the foregoing disclosures, and it will be appreciated that in some instances some features of particular embodiments will be employed without a corresponding use of other features without departing from the scope and spirit as set forth. Therefore, many modifications may be made to adapt a particular situation or material to the essential scope and spirit.
This application claims priority from U.S. Provisional Patent Application Ser. No. 61/518,152, entitled GENOME PLATFORM AGNOSTIC UI/UX AND HUMAN INTERACTION PARADIGM, filed on Apr. 28, 2011, which is hereby incorporated by reference as if set forth in full in this application for all purposes.
| Number | Name | Date | Kind |
|---|---|---|---|
| 6690391 | Proehl et al. | Feb 2004 | B1 |
| 20050039110 | De La Vega | Feb 2005 | A1 |
| 20050091597 | Ackley | Apr 2005 | A1 |
| 20050257169 | Tu | Nov 2005 | A1 |
| 20060148528 | Jung et al. | Jul 2006 | A1 |
| 20070028268 | Ostojic et al. | Feb 2007 | A1 |
| 20090177966 | Chaudhri | Jul 2009 | A1 |
| 20090318310 | Liu | Dec 2009 | A1 |
| 20100153017 | De La Vega | Jun 2010 | A1 |
| 20100313166 | Nakayama | Dec 2010 | A1 |
| Number | Date | Country |
|---|---|---|
| 2463862 | Jun 2012 | EP |
| WO2009099695 | Aug 2009 | WO |
| Entry |
|---|
| Media Portal Wiki, Gallery, Oct. 18, 2011, http://wiki.team-mediaportal.com/1—MEDIAPORTAL—1/17—Extensions/4—Skins/aMPed/0—Gallery. |
| Ryan Paul: “Hands-on: Reading e-books on Android with Aldiko”, 23 Oct. 2010 (Oct. 23, 2010), XP002717499, Retrieved from the Internet: URL: http://arstechnica.com/information-technology/20 1 O/O9/handson-reading-e-books-on-android-with-aldkio / [retrieved on Dec. 5, 2013]. |
| Number | Date | Country | |
|---|---|---|---|
| 20120278764 A1 | Nov 2012 | US |
| Number | Date | Country | |
|---|---|---|---|
| 61518152 | Apr 2011 | US |
