CN102981694B - With platform-independent user interface/user experience and human interaction example - Google Patents
With platform-independent user interface/user experience and human interaction example Download PDFInfo
- Publication number
- CN102981694B CN102981694B CN201210136882.5A CN201210136882A CN102981694B CN 102981694 B CN102981694 B CN 102981694B CN 201210136882 A CN201210136882 A CN 201210136882A CN 102981694 B CN102981694 B CN 102981694B
- Authority
- CN
- China
- Prior art keywords
- display
- media content
- characteristic
- user
- objects
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 230000003993 interaction Effects 0.000 title abstract description 12
- 230000004044 response Effects 0.000 claims description 5
- 238000000034 method Methods 0.000 description 9
- 230000000694 effects Effects 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 238000003860 storage Methods 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 230000000875 corresponding Effects 0.000 description 3
- 238000001514 detection method Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000002045 lasting Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 241000256844 Apis mellifera Species 0.000 description 1
- 241000406668 Loxodonta cyclotis Species 0.000 description 1
- 230000004931 aggregating Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 230000002776 aggregation Effects 0.000 description 1
- 239000000571 coke Substances 0.000 description 1
- 238000004040 coloring Methods 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 230000002708 enhancing Effects 0.000 description 1
- 238000005562 fading Methods 0.000 description 1
- 230000005669 field effect Effects 0.000 description 1
- 238000009499 grossing Methods 0.000 description 1
- 230000002452 interceptive Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006011 modification reaction Methods 0.000 description 1
- 230000003287 optical Effects 0.000 description 1
- 230000002085 persistent Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
- 230000002104 routine Effects 0.000 description 1
- 238000004513 sizing Methods 0.000 description 1
- 239000000126 substance Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised Effects 0.000 description 1
Abstract
This application involves with platform-independent user interface/user experience and human interaction example.In one embodiment, method user interface controlled can include: show multiple first objects in prospect on the display screen, each of these first objects represent media content, and multiple first objects are shown with the first display characteristic;Signal is received by calculating equipment, which shows the user's selection carried out for the object in multiple first objects;Display is directed to the media content of selected object in background on the display screen, media content is shown in the background with the second display characteristic, second display characteristic includes the film characteristic being changed, and the film characteristic being changed is altered to reduce attention gravitational attraction of second display characteristic relative to the first display characteristic relative to the first display characteristic;Show multiple second objects in prospect on the display screen, multiple second objects are associated with selected object, and multiple second objects are shown with the first display characteristic.
Description
Cross reference to related applications
This application claims entitled " the GENOME PLATFORM AGNOSTIC UI/UX AND submitted on April 28th, 2011
The U.S. Provisional Patent Application No.61/518 of HUMAN INTERACTION PARADIGM ", 152 priority, this application in order to
All purposes and be hereby incorporated by by reference, as described its full text in its application.
Technical field
The present invention relates to the UI/UX of (agnostic) unrelated with platform and human interaction example (paradigm).
Background technique
In order to interact user and calculating/display equipment with access media content, user interface (UI) can be used.
User can navigate to UI to position and play, or otherwise access requested media content (such as
Film).Menu (menu) structure may include level (hierarchical) structure, to select in the level suitably
One group of menu item is found after menu item (item).
In general, different equipment or device type have unique UI.Therefore, user may need possible for the user
The distinct device used learns to navigate to different UI.It is presented in addition, given UI is generallyd use based on layer menu
The standard icon and/or pop-up window (pop-up) of form.In addition, many UI can visited when media content is being played
It is restricted in terms of the menu item asked.
Summary of the invention
Some specific embodiments provide user interface (UI)/user experience suitable for multiple hardwares and software platform
(UX).Specific embodiment also utilizes film characteristic (cinematic characteristic) that attention is oriented to one or more
A menu item, even if media content is being shown.
In one embodiment, the method that a kind of pair of user interface is controlled may include: (i) on the display screen,
Multiple first objects are shown in the foreground, wherein the first object of each of multiple first objects represents media content, wherein
Multiple first objects are shown with the first display characteristic;(ii) signal is received by calculating equipment, which shows for more
User's selection that object in a first object carries out;(iii) on the display screen, it is shown in the background for selected right
The media content of elephant, wherein the media content is shown in the background with the second display characteristic, wherein the second display is special
Property include the film characteristic being changed, the film characteristic being changed relative to the first display characteristic be altered to reduce second display
Attention gravitational attraction of the characteristic relative to the first display characteristic;And (iv) is on the display screen, shows multiple second in the foreground
Object, wherein multiple second objects are associated with selected object, wherein multiple second objects are with the first display characteristic
Come what is shown.
The rest part and attached drawing of reference book, it will be further appreciated that specific embodiment disclosed herein
Property and advantage.
Detailed description of the invention
Fig. 1 illustrates the Exemplary Visual background layers of user interface (UI).
Fig. 2 illustrates the example content layer of the UI.
Fig. 3 illustrates the exemplary music option layer of the UI.
Fig. 4 illustrates the exemplary photos option layer of the UI.
Fig. 5 illustrates exemplary permanent (persistent) control layer of the UI.
Fig. 6 illustrates the exemplary global navigation layers of the UI.
Fig. 7 illustrates each layer of the exemplary laminated stack of the UI.
Fig. 8 illustrates the example that the UI selected and changed display characteristic in response to user.
Fig. 9 is the flow chart of the illustrative methods controlled UI.
Figure 10 is illustrated for the exemplary system to UI.
Specific embodiment
Some specific embodiments provide user interface (UI)/user experience suitable for multiple hardwares and software platform
(UX).For example, the UI can be (such as TV, smart phone, game system, above-knee for diversified product and/or platform
Type computer, tablet computer etc.) be identical, thus in addition to for different display screen rescaling sizes (sizing) it
Outside can be with it is platform-independent.
Some specific embodiments are directed to user interface design, allow to according to different shades (shade), tone
(tone) and/or different film characteristics that prospect (foreground) and background (background) content is presented to user.
In this way, by making foreground content be easier to be seen and searched for by user compared with background content, it can be to menu, media content
And/or other objects navigate.It is used in addition, various film characteristics related with foreground/background content can also be used to guidance
The attention at family, even if when media content is being shown.
Diversified medium type that some specific embodiments can be supported to be frequently accessed on consumer-elcetronics devices (such as
Music, photo, video, books, game etc.).In addition, the UI in some specific embodiments can also support any suitable user
Input equipment control, such as the interaction (such as Genius mouse) based on pointer or the friendship of prominent driving (highlight-driven)
Mutually (such as remote controler, gesture input device etc.).
Some specific embodiments are further adapted for that (network-enabled) equipment of network can be used for, and can support to pass through
Any kind of connection type and the equipment for being connected to internet or complete network.For example, internetwork connection mode can be based on bee
Nest network, cable network or wireless network.In this way, content source may include by the available any content source in internet.One
Such network-connectivity can be used to access content in a little specific embodiments, and provides and social related user's body
It tests.Cloud computing can also be supported in some embodiments, thus, some aspects are taken by the one or more as connected cloud element
Business is to implement.
User can establish connection, and service related with them is led in these connections.Social networks account can be linked,
To be obtained and social related content to the user.Network storage account can also be linked, to carry out with locally-stored content
It is synchronous.Other interested themes (such as pushing away special Hash label (Twitter hashtag)) of user can also be added and chain
It connects.Some specific embodiments can use various links or other sources, to provide commercial content, matchmaker related with fashion theme
Body, media related with the Hash label that user specifies, recently from the local library of equipment capture or consume media, and/or its
His media content.
Some specific embodiments can be directed to consumer electronics space using motion picture technique and create unique user experience.?
Cloud can be used to provide unlimited music, unlimited video, store-service (such as electronic reader) and personal space.It is some specific
Embodiment can support common platform and be suitable for real on diversified operating system (such as Windows 8, Android etc.)
The core design grammer applied, and can permit based on public UI platform and adapt new products & services.
Some specific embodiments can also provide unique user experience to each user of the UI.The user experience can be with
How to use the application to define by everyone, especially may include preference and social network content for the user.One
The illustrative UI of kind with for content can emphasize that typesetting (typographic) UI element combine.As a result, content itself
Leading position (such as in display background) can be occupied in UI, even if in menu navigation and other task (these tasks
UI element including greater number) during be also such.
Particular content (such as currently playing music, video etc.) can be by the navigation menu item that is laminated with the media content
Mesh emphasizes (such as in terms of screen space).In addition, (content, which for example can be, passes through social activity to content popular in social circle
Network is confirmable) it can be emphasized in UI.Fig. 1-6 shows the various layers of the exemplary UI in specific embodiment, Fig. 7
Show the exemplary laminated stack arrangement of various layers.
Fig. 1 illustrates the Exemplary Visual background layers 100 of UI.Display screen 102 can be presented on by visualizing background layer
On, and the impression to UI can be used to or feel to be coloured or be exerted one's influence.For example, background colour can be by user action
(such as selection to the media content of concrete type) determines, or is accounted for by the use to certain types of media content leading
Status determines.It may generally serve to keep the attention of user for the color of background.For example, video and television media content
Type can correspond to red background, and game can correspond to blue background, and text/reader can correspond to green background,
List of application (application list) can correspond to yellow background.
In this way, in certain embodiments, for by visualize background color that background layer is shown can with
The concrete type of the content of consumption is associated.The source variable changed with the use statistics to Album Cover Art (cover art)
It can be refined and reconstruct, unique element will be visualized for each equipment.For example, mainly reading book for user
The situation of nationality, the situation listened to music, using the situation of photo or the situation of all medium types of experience, can present different
Background colour.
Fig. 2 illustrates the example content layer 200 of the UI.Content layer 200 can be displayed on (example on display screen 102
Such as on visualization/background layer 100).Content layer 200 may include object 202 (such as 202-0,202-1,202-2,202-3
Deng), each object can represent media content (such as music, video etc.).For example, user, which can choose, (such as passes through mouse
Click, spiral (hover), by gesture input, by finger swipe (swipe) etc.) object 202-1, then corresponding media
Content can be played.It can also recommend and be somebody's turn to do by project popular in the social circle to the user, personalized business
The content that user is interacted excessively recently is collected, according to dynamic aggregating (aggregation) selection pair in relation to content
As 202.
Fig. 3 illustrates the exemplary music option layer 300 of the UI.The exemplary music option layer may include identifier
302 to be shown to be music menu, and shows that the specific view includes artist and portfolio index (album indexing).One
A little specific embodiments also support other views for navigating to music content.In this example, list 304 may include
Portfolio art 306 (such as 306-0,306-1 etc.) and corresponding details 308 (such as 308-0,308-1 etc.).User can be with
It is clicked on artist in block 302, the view indexed according to artist can be in list 304.Similarly, user can be with
It is clicked on portfolio in block 302, the view indexed for Concrete Art man according to portfolio can be in list 304.
Other views for music content can also be supported in specific embodiment.For example, bucket (bucket) can be supported
View, bucket view include playlist, artist, portfolio and the channel being playing (now playing), and recommend
Mixture.Player View shows the portfolio illustration for current audio track, and the biography for current audio track and broadcasting queue
Send control and metadata (metadata).It can also support to play queue view, which may include as Player View
The covering (overlay) at top and the currently playing queue lists shown in order.
Fig. 4 illustrates the exemplary photos option layer 400 of the UI.In this specific example, substitution is shown to photo
Property, view based on thumbnail.Identifier 402 may indicate that the thumbnail photo of people is just shown in frame 404.Indicator item
406 may indicate that the specific photo portfolio of these photos or other identifier symbol, and thumbnail 408 may indicate that accessible
Specific photographic media content.Certainly, other views and other media contents for photography can also be suitble in specific embodiment
Type.
Content layer 200 and option layer (such as 400,500) can represent the Rich Media more to be assembled (rich media)
Content view.For contact sensitive display screen 102, for global navigation to be selected or is navigated and returned between the respective option layer
User's interaction of layer may include finger swipe interaction.For example, brandishing for any position can be on the display screen for two fingers
So that user is returned to previous screen or option layer, returns to global navigation layers or return based on user preference or prevailing
Interactive and determining option layer.
Fig. 5 illustrates the exemplary permanent control layer 500 of the UI.Lasting control layer may include the chain towards global navigation
Connect and lead to the link of search transmission control (for example, if music being currently played).For example, search transmission control 502,
504 and 506 can be used to control the part of song being played on or portfolio (such as stop, pause, search, jumping
It crosses).The link for leading to global navigation (such as the global navigation layers in top) can also be set at 508.As another example, more
Navigation spots different in menu hierarchy are led in a link.For example, a link can lead to global navigation layers, another link can be with
Towards top menu associated with current media type (such as music), and another link can lead to and another medium type
(such as favorite or prevailing medium type) associated top menu.Alternatively, it is also possible to use finger swipe (example
Such as brandishing for two fingers) navigate or return certain menu positions.
Fig. 6 illustrates the exemplary global navigation layers 600 of the UI.For example, global navigation layers may include one group of link, lead to
Toward the various pieces and subdivision of UI application.In a particular embodiment, global navigation layers 600 may include text information, should
Information and background and/or other media contents being played on are laminated.Text information can represent and menu item and/or straight
Connect the associated object of media content.
In this example, text information 602 can represent music overall situation menu, and may include music tip symbol, wherein
It is playing, artist, portfolio, track, school, playlist, channel and podcast (podcast) these projects are for selecting
It selects.Text information 604 can represent photo overall situation menu, and may include photo prompt, wherein there is camera film (camera
Roll), event, portfolio, people, these projects of position are for selecting.Text information 606 can represent video overall situation menu, and
It may include visual prompts symbol, wherein having nearest, film, TV, podcast and these projects of editing for selecting.Text information
608 can represent books overall situation menu, and may include title, author, school, publishing house, PDF, magazine, caricature these projects
For selecting.Text information 610 can with game representation overall situation menu, and may include newest, whole game, online service,
These projects of SOLS are for selecting.
Global navigation layers 600 can be that (such as two fingers are in display screen by using scheduled button or user's interaction
Movement is brandished on curtain) and it is addressable at any point.Global navigation layers 600 can when accessed with any other content layer
It is folded.Family, which can be used, in this overall situation menu to navigate to the top two layers of menu hierarchy.If user has selected media
Type label (such as music) can be then shown, unless interior for " string " view (for example, see Fig. 8) for the medium type
The medium type is currently played in appearance.
Fig. 7 illustrates each layer of the exemplary laminated stack 700 of the UI.In this example, global navigation layers 600 can be laminated
On lasting control layer 500.Lasting control layer 500 then can be layered in photos option layer 400 or music option layer 300 or
On other any option layers (such as game, books, video etc.).For example, the option layer 300 for music option can be layered in
On content layer 200, content layer can be layered on background layer 100.
Fig. 8 illustrates the example that the UI selected and changed display characteristic in response to user.In example 800, music instruction
Device 802 can indicate that object group 804 includes music media objects (such as object 806-0,806-1,806-2,806-3 etc.).This
A little music objects 806 can be the form of portfolio art, icon or other music media objects indicators.In this way, when using
Family has selected object 806 that can be played by the media content that selected object represents for the moment, and corresponding display can be presented
On display screen 102.
Once user has made selection, UI can change the display, such as shown in example 850.Musical indicator 802 can
To be relocated, object group 804 can be completely refocused and/or change size, shown in such as modified object group 804 '.Make
For another example, can be played in the background of display 102 by the media content that media content represents.In either case
Under, it can be with shown in the background, characteristic phase by the film characteristic changed for the media content of selected object
Display characteristic before user's selection is changed.The list (such as menu list) of music object for selection
808 can be designed to attract attention display characteristic (such as transparency) Lai Chengxian, and may include be playing, skill
Astrologist, portfolio, track, school, playlist, channel and podcast.In this way, depending on user selection is for specific matchmaker
Hold in vivo or for additional menu, the adjustable display characteristic of UI in specific embodiment (such as pass through and change one or more
A film characteristic), the attention of user is oriented to specific object (such as new text based menu, other content etc.).
Some specific embodiments can support unique film transition and three-dimensional visual field depth (depth of field)
Technology, to increase or decrease the attraction for user's attention.By using such depth of field technology, which can be used to
Visual focusing is shown where to user, such as by showing which should watch or touch on the display screen to the user
In.For example, can provide the user with instruction with bookshelf as in film, expression can be selected from this group of books
(such as electronic reader).In this way, list object can represent the project or media content that can be selected to access
Menu.
Film characteristic or technology may include defocusing (defocus), and to be communicated to user: concern in other cases may
Substantial transparent layer.For example, the part of quasi- coke (in-focus) can with the UI element or object of deputy activity (active), or
The movable UI element layer of person, and (out-of-focus) out of focus can partially represent inactive object or element.For example, out of focus
Part can represent just played media content (such as in display background), but this playback thus return it is suitable
Menu object (such as being selected by another user) before be not revisable.
Other motion picture techniques that can be used in specific embodiment include keeping one or more layers transparent and various types
Gradual change (fading) or blurring (blurring).For example, careless can be gelatinized with Gaussian mode, thus according to Gaussian function come complete
The blurring or smoothing of shown feature in pairs.High speed is fuzzy can be used to reduce picture noise and reduce details, thus
It is generated in image and lower understands degree.Certainly other kinds of blurring or gradual change also can be used in a particular embodiment,
And other motion picture techniques.In this way, motion picture technique (blurring, shadowed etc.) can be used to show to interact with UI to user
Mode.
User can pass through the modes such as mouse, bank position, the selection of prominent driving, remote controler with capacitance touch
Interaction controlled, and can in UI clearly and/or movable thing is changed.User can effectively access
Original inconspicuous (off camera) or the UI menu structure not in display view, but interacted as user with the UI
When, those inconspicuous menu items come suitable position with accessible by user.For example, user can be in whatsit (example
Such as object) on click, in response, the object that is selected (may be there are also associated media content) can be blurred and move
Move the background of display.But thing that user has been selected (such as media content, for text information of menu list etc.)
Focus can be become.In addition, in a particular embodiment, as a part for changing film characteristic, display project can also be provided
It is supported or opposed scape movement and quasi- burnt and defocus smooth transition due to user's interaction from prospect.
It, can be with based on user's selection in this way, in a particular embodiment, object can be placed in display background when being selected
New object is set to enter display.In addition, differentiation between foreground and background object can be by using film effect (such as shade
Change, planarization, blurring etc.) and the three-dimensional movie depth of field (such as semitransparent layer, Gaussian Blur, radial blur etc.) apply
Row.In this way, user can be navigated by clicking or otherwise select certain things by menu hierarchy, it is selected
Thing then become the background content obscured.The new menu item caused by user's selection can be clearly presented
It is guided in the foreground with the attention to user.Specific embodiment can support various film characteristic changings and effect, come
Foreground/background and other display content parts are distinguished.
In this way, can be used be utilized various motion picture techniques and/or characteristic movement picture come to the attention of user into
Line focusing.Some transition can realize and moving in three dimensions by camera, rather than by UI element in fixed phase
Machine and platform move.Defocus effect or depth of field effect can be used to supply camera motion, with enhance UI these
Attention guidance aspect.
Other kinds of user's interaction can cause the other types picture for the UI.For example, being tapped on object 806
The content as representated by the object can be navigate to.Next step can be collection, for content item detailed view or
Full frame playback view.Horizontal dragging can be according to directly reflecting between dragging speed and rolling speed on the array of object 806
It penetrates to roll these objects or array is accumulated (tile).In addition, long-pressing it is accessible for the project, depend on up and down
The option of text.
In one embodiment, method user interface controlled may include: (i) on the display screen, preceding
Multiple first objects are shown in scape, wherein the first object of each of multiple first objects represents media content, wherein multiple
First object is shown with first display characteristic;(ii) signal is received by calculating equipment, which shows for multiple
User's selection that object in an object carries out;(iii) on the display screen, display is directed to selected object in the background
Media content, wherein the media content is shown in the background with the second display characteristic, wherein the second display characteristic packet
The film characteristic being changed is included, the film characteristic being changed is altered to reduce the second display characteristic relative to the first display characteristic
Attention gravitational attraction relative to the first display characteristic;And (iv) is on the display screen, shows multiple second objects in the foreground,
Wherein, multiple second objects are associated with selected object, wherein multiple second objects are shown with the first display characteristic
's.
Fig. 9 is the flow chart 900 of the illustrative methods controlled UI.The process may begin at 902;It, can 904
To show the first object for representing media content in prospect on the display screen.These first objects can be special with the first display
Property is shown.For example, the first display characteristic may include certain clarity, direction, size, color etc., in scape before display
It distinguishes the first object and the attention of user is thus oriented to these the first objects.
906, it is possible to determine that whether user has selected one of these first objects.For example, user can select
One of these first objects, to play or otherwise access in the media as representated by selected first object
Hold.As described above, specific embodiment support by various technologies carry out it is this select (such as mouse click, remote controler tracking plate,
Gesture input etc.).If selection has been made in user, 908, can shown for the media content of selected object
It is played in background on screen.The media content with the second display characteristic in background to be shown.For example, the second display characteristic can
To have the film characteristic being changed relative to the first display characteristic by change, to reduce user on display screen
The attention of currently playing media content in background.
910, the second object associated with selected object can be shown in prospect on the display screen, then
The process can be completed 912.Second object can be shown with first display characteristic.For example, the first display characteristic can wrap
Clarity is included, to provide focus for user's vision attention.In addition, the first and second display characteristics can differ the film being changed
Characteristic (such as gradual change, shade, three-dimensional are to two dimension view, change size, coloring etc.), effectively the attention of user is oriented to
Certain objects or content (such as object different from the media content that plays on screen is currently displaying).
Figure 10 illustrates the exemplary system 1000 for the UI.In this example, calculating equipment 1002 may include using
Family input detector 1004, display 1006 and processor 1008, calculating equipment 1002 can represent any suitable equipment, example
Such as computer, laptop computer, smart phone, tablet computer, television set or being able to access that and playing media content
Any equipment.For example, user's input detector 1004 may include Genius mouse interface, remote controller interface, voice input detection connect
Mouth, touch detection (such as capacitance touch detection) interface, gesture input interface (such as camera, face recognition engine etc.).Place
Managing device 1008 may include any general processor, such as central processing unit (CPU), microcontroller, graphics processor etc..It is aobvious
Show that device 1006 can be any kind of display screen, such as television indicator and/or touch-sensitive display.
Although specification has been directed to its specific embodiment and has been described, these specific embodiments are only example
Property rather than it is restrictive.For example, although the layer menu in the application be illustrated as plain text occupy an leading position but it is also possible to be
Thumbnail or group.
It can implement the routine of specific embodiment, including C, C++, Java, compilation language with any suitable programming language
Speech etc..Can use different programming technique, for example, procedure-oriented or object-oriented.These routines can be in single processing
It is executed in equipment or on multiprocessor.Although presenting step, operation or calculating in specific ways, different specific
This sequence can change in embodiment.In certain embodiments, a series of multiple steps are shown as in this part of specification
Suddenly it may be performed simultaneously.
Specific embodiment can be implemented in computer-readable storage media, with by instruction execution system, equipment, system or
Device comes using or combines.Specific embodiment can be in a manner of software or hardware or combination, with control logic
Form is realized.Control logic can be when executed by one or more processors can operate to execute in specific embodiment and retouch
Those of state content.
Specific embodiment can be used general purpose digital computer by programming, using specific integrated circuit, programmable patrol
Device, field programmable gate array are collected to implement, can be used optical, chemical, biological, quantum or nanoprocessing
System, component and mechanism.Generally speaking, the function of specific embodiment can be realized by any mode known in the art.
System, component and/or the circuit of distributed networking can be used.The communication or transmission of data can by wired, wireless or
Other any modes.
It is appreciated that one or more in element shown in the accompanying drawings can also be come in a manner of more dispersing or integrating
Implement, or even can be removed or be marked as in some cases unavailable, this is useful in specific applications.Implement
The journey logic bomb that can be stored in machine readable media is also existed with allowing computer to execute any method in the above method
In spirit and scope.
" processor " includes any suitable hardware handled data, signal or other information and/or software system
System, mechanism or component.Processor may include with general Central Processing Unit, multiple processing units, for realizing functionality
Specific integrated circuit system or other systems.Processing is not limited to geographical location or has time restriction.For example, place
Reason device can " in real time ", " offline " or its function is executed in a manner of " batch mode " etc..The some parts of processing can
It is executed with place in different times, different by different (or same) processing systems.Computer can be and memory
Any processor of communication.Memory can be the readable storage medium of any suitable processor, such as random access memory
(RAM), read-only memory (ROM), disk or CD or other tangible Jie suitable for storage instruction to be executed by processor
Matter.
" one " used in the description of the present application and the appended claims full text, "the" include containing for plural form
Justice, unless context has the clear stipulaties of other modes.In addition, used in the description of the present application and the appended claims full text
The meaning of " ... in " include " ... in " and " ... on ", unless context has the clear stipulaties of other modes.
Therefore, although specific embodiment has been described in the application, above disclosure contemplates a variety of sides
Modification, various change and the alternative form of formula;It should be appreciated that in some cases, do not depart from range set forth herein and
It, can be in the case where correspondingly not using other features using certain features in specific embodiment in the case where spirit.Cause
This, can be carried out many modify so that specific situation and material adapt to basic scope and spirit.
Claims (19)
1. the method that a kind of pair of user interface is controlled, which comprises
On the display screen, multiple first objects are shown in the foreground, wherein first pair of each of the multiple first object
As representing media content, wherein the multiple first object is shown with the first display characteristic;
While the multiple first object is shown in the foreground, shown by the receiving of calculating equipment for the multiple first
The signal for user's selection that first object in object carries out;And
While the multiple first object is shown in the foreground, in response to showing in the multiple first object
The signal for user's selection that one the first object carries out, executes following operation:
On the display screen, the media content for being directed to selected first object is shown in the background, wherein the media
Content is shown in the background with the second display characteristic, wherein second display characteristic includes relative to described
The film characteristic that one display characteristic is changed, to reduce attention of second display characteristic relative to first display characteristic
Gravitational attraction;And
On the display screen, while the media content is shown in the background, multiple are shown in the prospect
Two objects, wherein the multiple second object is associated with selected first object, wherein the multiple second object is
It is shown with first display characteristic, and in the multiple second object and the multiple first object and the media
Bulk density is folded.
2. according to the method described in claim 1, wherein, the multiple first object and the multiple second object form menu
Level, and wherein, the multiple second object includes multiple menu items related with the media content.
3. according to the method described in claim 1, wherein, the film characteristic being changed includes making showing for the media content
Show the display blurring relative to the multiple second object.
4. according to the method described in claim 1, wherein, the film characteristic being changed includes making showing for the media content
Show that gradual change occurs for the display relative to the multiple second object.
5. according to the method described in claim 1, wherein, the film characteristic being changed includes making showing for the media content
Show the display planarization relative to the multiple second object.
6. according to the method described in claim 1, wherein, the film characteristic being changed includes the display of the media content
The depth of field for the film of display relative to the multiple second object being changed.
7. according to the method described in claim 1, further include: the class based on the media content for selected first object
Type, to change the color of the background.
8. according to the method described in claim 7, wherein, the color includes:
When the type of the media content includes video, the color is red;
When the type of the media content includes game, the color is blue;
When the type of the media content includes text, the color is green;And
When the type of the media content includes list of application, the color is yellow.
9. according to the method described in claim 1, further include:
The signal for showing to select the user of default menu is received by the calculating equipment;And
On the display screen, display is directed to multiple third objects of the default menu.
10. according to the method described in claim 1, wherein, the step of showing the multiple first object includes prominent driving
Display.
11. a kind of equipment for being controlled user interface, the equipment include:
For on the display screen, showing the device of multiple first objects in the foreground, wherein in the multiple first object
Each first object represents media content, wherein the multiple first object is shown with the first display characteristic;
For being shown by calculating equipment receiving for described more while the multiple first object is shown in the foreground
The device of the signal for user's selection that first object in a first object carries out;With
For the multiple first object it is shown in the foreground while, in response to showing for the multiple first object
In the signal of user's selection that carries out of first object, execute the following device operated:
On the display screen, the device of the media content for selected first object is shown in the background, wherein institute
Stating media content is shown in the background with the second display characteristic, wherein second display characteristic include relative to
The film characteristic that first display characteristic is changed, to reduce second display characteristic relative to first display characteristic
Attention gravitational attraction;And
On the display screen, while the media content is shown in the background, multiple are shown in the prospect
The device of two objects, wherein the multiple second object is associated with selected first object, wherein the multiple second
Object be shown with first display characteristic, and the multiple second object and the multiple first object with it is described
Media content overlapping.
12. equipment according to claim 11, wherein the multiple first object and the multiple second object form dish
Monohierarchy, and wherein, the multiple second object includes multiple menu items related with the media content.
13. equipment according to claim 11, wherein the film characteristic being changed includes making the media content
Show that the display relative to the multiple second object is blurred.
14. equipment according to claim 11, wherein the film characteristic being changed includes making the media content
Show that gradual change occurs for the display relative to the multiple second object.
15. equipment according to claim 11, wherein the film characteristic being changed includes making the media content
Show that the display relative to the multiple second object planarizes.
16. equipment according to claim 11, wherein the film characteristic being changed includes the aobvious of the media content
Show the depth of field for the film of the display relative to the multiple second object being changed.
17. equipment according to claim 11 further includes for based on the media content for being directed to selected first object
Type, come change the background color device.
18. equipment according to claim 11, further includes:
For receiving to show the device of the signal of user's selection for default menu;And
For on the display screen, display to be directed to the device of multiple third objects of the default menu.
19. equipment according to claim 11, wherein for showing that the device of the multiple first object includes prominent drives
Dynamic display.
Applications Claiming Priority (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US201161518152P | 2011-04-28 | 2011-04-28 | |
US61/518,152 | 2011-04-28 | ||
US13/442,525 US9779097B2 (en) | 2011-04-28 | 2012-04-09 | Platform agnostic UI/UX and human interaction paradigm |
US13/442,525 | 2012-04-09 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102981694A CN102981694A (en) | 2013-03-20 |
CN102981694B true CN102981694B (en) | 2019-07-16 |
Family
ID=
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6690391B1 (en) * | 2000-07-13 | 2004-02-10 | Sony Corporation | Modal display, smooth scroll graphic user interface and remote command device suitable for efficient navigation and selection of dynamic data/options presented within an audio/visual system |
JP2007299335A (en) * | 2006-05-03 | 2007-11-15 | Sony Computer Entertainment Inc | Multimedia reproduction device and background image display method |
JP2009515234A (en) * | 2005-07-27 | 2009-04-09 | マイクロソフト コーポレーション | Media user interface start menu |
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6690391B1 (en) * | 2000-07-13 | 2004-02-10 | Sony Corporation | Modal display, smooth scroll graphic user interface and remote command device suitable for efficient navigation and selection of dynamic data/options presented within an audio/visual system |
JP2009515234A (en) * | 2005-07-27 | 2009-04-09 | マイクロソフト コーポレーション | Media user interface start menu |
JP2007299335A (en) * | 2006-05-03 | 2007-11-15 | Sony Computer Entertainment Inc | Multimedia reproduction device and background image display method |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9779097B2 (en) | Platform agnostic UI/UX and human interaction paradigm | |
US11132118B2 (en) | User interface editor | |
US9606717B2 (en) | Content composer | |
EP3077895B1 (en) | Dynamic thumbnail representation for a video playlist | |
CN103777849B (en) | For accessing the user interface of books | |
US9600919B1 (en) | Systems and methods for assembling and/or displaying multimedia objects, modules or presentations | |
US20140109002A1 (en) | Computer device user interface and method for displaying information | |
US9342324B2 (en) | System and method for displaying a multimedia container | |
CA2934124C (en) | Image panning and zooming effect | |
US20160004738A1 (en) | Systems and methods of generating a navigable, editable media map | |
US20090193351A1 (en) | Method for providing graphical user interface (gui) using divided screen and multimedia device using the same | |
US9535569B2 (en) | System and method for a home multimedia container | |
US20090254867A1 (en) | Zoom for annotatable margins | |
JP2007157145A (en) | Display device and computer program, method for controlling display device, graphics menu display device, method for controlling browsing device | |
US9843823B2 (en) | Systems and methods involving creation of information modules, including server, media searching, user interface and/or other features | |
CN106255951A (en) | The content utilizing dynamic zoom to focus on shows | |
Cubitt | Glitch | |
CA2908837A1 (en) | Artwork ecosystem | |
CN110476162A (en) | Use the action message of navigation memonic symbol control display | |
CN114564604A (en) | Media collection generation method and device, electronic equipment and storage medium | |
CN102981694B (en) | With platform-independent user interface/user experience and human interaction example | |
Pachler et al. | A social semiotic analysis of mobile devices: Interrelations of technology and social habitus | |
CA2857519A1 (en) | Systems and methods involving features of creation/viewing/utilization of information modules | |
FR2969332A1 (en) | PERFECTED PROCESSING OF GRAPHIC INTERFACE DATA. | |
Mugellini et al. | Memodules as tangible shortcuts to multimedia information |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant |