WO2018122670A1 - Content bumping in multi-layer display systems - Google Patents
Content bumping in multi-layer display systems Download PDFInfo
- Publication number
- WO2018122670A1 WO2018122670A1 PCT/IB2017/058063 IB2017058063W WO2018122670A1 WO 2018122670 A1 WO2018122670 A1 WO 2018122670A1 IB 2017058063 W IB2017058063 W IB 2017058063W WO 2018122670 A1 WO2018122670 A1 WO 2018122670A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- display
- display screen
- input
- content
- displayed
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
- G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/14—Display of multiple viewports
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04804—Transparency, e.g. transparent or translucent windows
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04805—Virtual magnifying lens, i.e. window or frame movable on top of displayed information to enlarge it for better reading or selection
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2300/00—Aspects of the constitution of display devices
- G09G2300/02—Composition of display devices
- G09G2300/023—Display panel composed of stacked panels
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/04—Changes in size, position or resolution of an image
- G09G2340/0464—Positioning
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2340/00—Aspects of display data processing
- G09G2340/10—Mixing of images, i.e. displayed pixel being the result of an operation, e.g. adding, on the corresponding input pixels
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2354/00—Aspects of interface with display user
Definitions
- Certain embodiments of this invention relate generally to multi-layer displays and, more particularly, to multi-layer display systems and methods for displaying content and moving displayed content between layers of the multi-layer display.
- selected content e.g., button and/or text
- the selected content may be displayed on the second display screen at a location offset from where it was displayed on the first display screen, and/or in an enlarged manner compared to how it was displayed on the first display screen, in certain example embodiments of this invention.
- Displays for displaying content are being included in many applications.
- display systems are included in household appliances, mobile devices, vehicle displays, and wearable technology to name a few. Due to the size constraints of the displays and devices onto which they are provided, displayed content needs to be re-sized to fit the display screen.
- Certain embodiments of this invention relate generally to multi-layer displays and, more particularly, to multi-layer display systems and methods for displaying content and moving displayed content between layers of the multi-layer display.
- selected content e.g., button and/or text
- the selected content may be displayed on the second display screen at a location offset from where it was displayed on the first display screen, and/or in an enlarged manner compared to how it was displayed on the first display screen, in certain example embodiments of this invention.
- Exemplary embodiments of this disclosure provide a display system that can display content on different display screens of a multi-layer display provided in a stacked arrangement.
- the content may be displayed on a first display screen that overlaps one or more other display screens, and in response to an input a portion of the content may be displayed (e.g., in an enlarged manner or otherwise) on another display screen that may be located rearwardly of the first display screen.
- the content proximate the selected area of the first display screen is effectively pushed to another display screen that is rearwardly located relative to the first display screen, so that when displayed on the second display screen it is more easily viewable to a user and does not significantly hide content being displayed to the user on the front display screen/panel.
- the content may include text, images, buttons, links, and/or the like.
- a multi-layer display system comprising: a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen; a processing system comprising at least one processor and memory, the processing system configured to: (a) display content on the first display screen; (b) detect an input to the first display screen; (c) determine an input location to the first display screen and content displayed on the first display screen proximate the input location; and (d) display, on the second display screen, at least some of the content that was proximate the input location.
- a multi-layer display system comprising: a first display screen and a second display screen arranged in a substantially parallel manner in different planes, the first display screen overlapping the second display screen; processing circuitry configured to: (i) display content on the first display screen; (ii) detect an input to the first display screen; (iii) determine an input location of the input to the first display screen and content displayed on the first display screen proximate the input location; and (iv) display, on the second display screen, content relating to the content that was proximate the input location.
- the content pulled forward may be removed from a rearward display screen and entirely moved to a front display screen for example, or alternatively may be displayed on both the front and rear screens in response to an input (as opposed to just on a rear screen), in various example embodiments of this invention.
- Fig. 1 illustrates a display system according to an embodiment of the present disclosure.
- Fig. 2 illustrates a display system according to an embodiment of the present disclosure, which may use display panels/screens from Fig. 1.
- Fig. 3 illustrates a method for controlling the display of content according to an embodiment of the present disclosure.
- Figs. 4A-4D illustrate the selection and moving the display of a button between a first display screen and a second display screen according to an embodiment of the present disclosure, where the display panels/screens of Figs. 4A-4D may be those of Figs. 1-2.
- Fig. 5 illustrates a method for controlling the display of content according to an embodiment of the present disclosure.
- Fig. 6 illustrates a method for controlling the display of content according to an embodiment of the present disclosure.
- Figs. 7A-7I illustrate a user interface for displaying information associated with links and activating links in accordance with certain example embodiments of this disclosure, where the display panels/screens of Figs. 7A-7I may be those of Figs. 1-2 and 4.
- FIG. 8 illustrates an exemplary processing system upon which any of the various embodiments of the present disclosure(s) may be implemented.
- Fig. 1 illustrates a display system 100 according to an embodiment of the present disclosure.
- the display system 100 may include a backlight 120 (e.g., having a rear mounted light source, side mounted light source, optionally with a light guide), and a plurality of different display screens 130-160.
- the display screens 130-160 may be disposed substantially parallel or parallel to each other in an overlapping manner.
- the backlight 120 and the display screens 130-160 may be disposed in a common housing.
- the display apparatus 100 may be provided in a portable device such as a smartphone or tablet, an appliance, or for a vehicle dashboard application such as instrument or navigation application, but this invention is not so limited.
- the display apparatus 100 may be included in a dash display system of a vehicle to display a viewer images such as a speedometer, gauges such as oil pressure or fuel level gauges, navigation, etc. It should be appreciated that the elements illustrated in the figures are not drawn to scale, and thus, may comprise different shapes, sizes, etc. in other embodiments.
- the display system 100 may display content to a viewer/ob server 190 by displaying information on one, two, three, or more of the display screens 130-160 simultaneously.
- Each of the display screen 130-160 may be controlled to display different content in certain example embodiments.
- Displayed content on one of the display screens 130-160 may be moved (e.g., "pushed” or “pulled") to one or more of the other display screen(s) when a predetermined condition is satisfied.
- the predetermined condition may include a user input, exceeding a time limit after an event (e.g., when content is first displayed or after an input), detecting specific motion of the display (e.g., tilting), and/or detecting user motion. More detailed examples of moving content between display screens 130- 160 when a predetermined condition is satisfied are provided below.
- the first display screen 130 may be located closest to the first display screen 130 .
- the user/viewer 190 may be a touch sensitive display including a touch sensitive area 135 over a portion or all of the first display screen 130.
- the touch sensitive circuitry may be commonly housed with the first display screen 130 or may be provided separately from and in an overlapping manner with the first display screen 130. Touch inputs may be made to select, deselect, move, and/or manipulate content displayed on the first display screen 130 and/or on other displayed screen 140-160.
- the touch sensitive display may optionally be a pressure-sensitive display.
- the touch sensitive display may include a proximity sensor that is configured to detect receive inputs by sensing the presence of nearby objects (e.g., a finger or a stylus) with or without any physical contact to the display and/or touch screen. In one embodiment, the proximity detection may be performed by one or more proximity sensors provided separately from the touch sensitive display.
- Inputs for selecting, deselecting, moving, and/or manipulating content displayed on the first display screen 130 and/or on other displayed screen 140-160 may be received from other input devices such as a keyboard, touch panel, mouse, pen, and/or voice input device, but this invention is not so limited.
- Each of the display panels/screens 130-160 may be a liquid crystal display (LCD) in certain example embodiments of this invention.
- the display screens 130-160 may include organic light emitting diode (OLED) displays, transparent light emitting diode (TOLED) displays, or the like.
- the display panels 130-160 may be combinations of either full color RGB, RGBW or monochrome panels.
- the display screens 130-160 are not limited to the listed display technologies and may include other display technologies that allow for the projection of light.
- the light may be provided by a projection type system including a light source and one or more lenses and/or a transmissive or reflective LCD matrix.
- the display screens 130-160 may include a multi-layer display unit including multiple stacked or overlapped display screens/panels each configured to render display elements thereon for viewing through the uppermost display layer.
- content displayed on the rearwardmost display panels/screens 140, 150, 160 passes through the frontmost display panel/screen 130 and can be seen by the viewer 190.
- content displayed by display screen/panel 160 passes through display panels 130-150 and can be seen by the viewer 190.
- each of the display screens 130-160 may be approximately the same size and each have a planar surface that is parallel or substantially parallel to one another.
- one or more of the display screens 130-160 may have a curved surface.
- one or more of the display screens 130-160 may be displaced from the other display screens such that a portion of the display screen is not overlapped and/or is not overlapping another display screen.
- Each of the display screens 130-160 may be displaced an equal distance from each other in example embodiments.
- the display screens 130-160 may be provided at different distances from each other.
- a second display screen 140 may be displaced from the first display screen 130 a first distance
- a third display screen 150 may be displaced from the second display screen 140 a second distance that is greater than the first distance.
- the fourth display screen 160 may be displaced from the third display screen 150 a third distance that is equal to the first distance, equal to the second distance, or different from the first and second distances.
- the display screens 130-160 may be displaced 3 (or 4, or 5) mm to 15 mm from each other.
- the display screens 130-160 may be displaced 0.5 mm to 5mm from each other.
- display screens/panels 130-160 are all provided. However, in other example embodiments it is possible for only two display screens 130 and 160 (or 130 and 140) to be provided, so that only two panels/screens are used.
- the display screens 130-160 may be configured to display content for viewing by the observer 190.
- the viewer/observer 190 may be, for example, a user or an electrical and/or mechanical optical reception device (e.g., a still image, a moving-image camera, etc.).
- the content may include visual display of objects and/or texts.
- the content may include text, buttons, images or a sequence of images to provide video or animations.
- displaying the content may include moving objects and/or text across the screen or changing or providing animations to the objects and/or text.
- the animations may include changing the color, shape and/or size of the objects or text. Displayed objects and/or text may be moved between the display screens 130-160. A user may be able to adjust on which of the display screens 130-160 specific content is displayed.
- Each of the display screens 130-160 may be configured to receive data and display, based on the data, a different image, text, buttons, maps, or other content on each of the display screens 130-160 simultaneously. Because the content display on each screen is separated by a physical separation due to the separation of the display screens 130-160, each content (e.g., image) is provided at a different focal plane and a different depth is perceived by the observer/viewer 190 so that a 3D appearance may be realized.
- the images may include graphics in different portions of the respective display screen.
- Fig. 2 illustrates a display system 200.
- the display system 200 may include a plurality of display screens 230-250 for displaying content to an observer 290.
- the first display screen 230 may be a touch sensitive screen.
- the display system 200 may be coupled to a processing system configured to control the display of content on the display screens 230-250 based on received data representing inputs made to the touch sensitive screen.
- the Fig. 2 system may use the display screens/panels described above in connection with Fig. 1.
- display panels/screens 230, 240, and 250 may be display panels/screens 130, 140, and 150 from Fig. 1, respectively.
- the first display screen 230 may display content including a user entry interface, such as a keyboard 232 that includes a plurality of icons.
- the icons may include one or more symbols.
- a user may select one or more of the icons, and thus, one or more of the corresponding symbols, by making contact or touching the keyboard 232, for example, with one or more fingers 292.
- the contact may correspond to the one or more icons.
- selection of one or more icons occurs when the user breaks contact with the one or more icons.
- the contact may include a gesture, such as one or more taps, one or more swipes (e.g., from left to right, right to left, upward and/or downward) and/or a rolling of a finger (e.g., from right to left, left to right, upward and/or downward) that has made contact with the first display screen.
- a gesture such as one or more taps, one or more swipes (e.g., from left to right, right to left, upward and/or downward) and/or a rolling of a finger (e.g., from right to left, left to right, upward and/or downward) that has made contact with the first display screen.
- inadvertent contact with an icon may not select a corresponding symbol. For example, a swipe gesture that sweeps over an icon may not select a corresponding symbol if the gesture corresponding to selection is a tap gesture.
- an input to displayed content may be detected by proximity of the user's finger to the first display screen 230 (130) without the finger making contact with the first display screen 230.
- a selection of displayed content may be made when pressure applied by the finger exceeds a predetermined amount.
- the first display screen 230 may display one or more images 234 and text 236.
- the images 234 and/or text 236 may be received from memory associated with the processing system and/or from a remote location (e.g., internet).
- the text may display one or more of the characters and/or symbols that are selected by the user.
- buttons may be displayed on the display screens 230- 250. As illustrated in Fig. 2, button 238 may be displayed in a portion of the first display screen 230 and buttons 242 and 244 may be displayed in a portion of the second display screen 240. Buttons 252 and 254 may be displayed in a portion of the third display screen 250. Buttons 252 and 254 may correspond to buttons 242 and 244, respectively, to display buttons 242 and 244 in a way to mimic depth cues of real buttons. The various keys of the keyboard shown in Fig. 2 are also buttons. [0035] Fig. 3 illustrates a method for controlling the display of content according to an embodiment of this disclosure.
- the content may be displayed on a multi-layer display system including a plurality of display screens provided in an overlapping manner (e.g., see Figs. 1-2 and the descriptions thereof).
- the method may include displaying content on a first display screen 310.
- the content may include text, images and/or a plurality of buttons. While the content is displayed on the first display screen 310, an input may be detected 320 and the location of the input may be determined 330.
- the location of the input on the first display screen e.g., 130 or 230
- the button corresponding to and/or proximate to the detected input may be moved from the first display screen (e.g,. 130 or 230) to a second display screen such as any of display panels/screens 140 (240), 150 (250), or 160 [see step 350], where the second display screen may be located rearwardly of the first display screen relative to the viewer/user.
- Moving the button (or other content) to the second display may or may not include removing the display of the button (or other content) from the first display screen, and includes displaying the same button or a portion thereof on the second display screen, optionally in an enlarged manner.
- the content e.g., button
- the content may be displayed on the same scale or in an enlarged scale on the second screen/panel compared to how it was/is displayed on the first screen/panel.
- moving the button may include removing the display of the button on the first display screen and displaying a different button on the second display screen.
- the button on the second display screen may be displayed at a location that corresponds to the location of the button on the first display screen.
- the colors, shape, size, and/or texture of the button may be changed when it is moved from the first display screen to the second display screen.
- the button may be enlarged when it is moved to the second display screen.
- the button may be changed to appear brighter or to have a different color to simulate that the button is activated.
- the first display screen displaying the content may overlap one or more other display screens of the multi-layer display system.
- the first display screen may be a touch sensitive display and/or may include a proximity detector.
- the input may be detected based on data received from the touch sensitive display and/or from the proximity detector.
- the input may be a touch input to the touch sensitive display.
- the input may be hovering of an object (e.g., a finger or a stylus) near the surface of the first display screen.
- Detecting the input may include detecting whether the input is received for a predetermined period of time. Thus, if the input is stopped or substantially modified before the predetermined period of time passes after the input is received, the input may be disregarded.
- Determining whether the input corresponds to one of the displayed buttons may include determining a location of the input (e.g., location of the touch input or location where an object is hovered) on the first display screen. If the determined location of the input corresponds to and/or is proximate to the location on the first display screen where a button (or other content) is displayed, the corresponding button (or other content) or a portion thereof may be displayed on the second display screen. For example, in response to the input, the display of the button (or other content) on the first display screen/panel 130, 230 may be removed and the button (or other content) may be displayed on the second display screen/panel such as any of 140 (250), 150 (250), and/or 160.
- a location of the input e.g., location of the touch input or location where an object is hovered
- the button may continue to be displayed on the front display screen/panel 130, 230 while also being pushed to a further rearward panel/screen where the button is displayed in a more enlarged manner on the further rearward second display screen/panel such as any of 140 (250), 150 (250), and/or 160 compared to how it is displayed on the front display panel/screen.
- the button may continue to be displayed on the second display screen after the input is terminated (e.g., touch input is stopped or moved away from the location of the button on the first display screen or the object is removed from the vicinity of the first display screen). If a second input is received while the button is displayed on the second display screen and the location of the input corresponds to the location where the button is displayed, the button may be moved back to the first display screen.
- the displayed button on the second display screen may be moved back to the first display screen when the input is terminated (e.g., when touch input is removed or when finger is moved out of the hover region).
- the button may be displayed on the second screen only while the input (e.g., touch input) is continued on the first display screen.
- the input may be terminated when the touch input is moved away from a predetermined region around the button.
- one action with regard to the button may be performed when a hover input is detected and another action may be performed when a touch input is detected.
- a hover input is detected to a button the button may move to the second display panel but stay there only as long as the hover input is detected.
- the button may be moved to the second display panel and continue to the displayed even after the touch input is removed.
- a second touch input may be applied to move the button back to the first display screen.
- buttons are not limited to displaying buttons. Other content such as images, video, and/or text may be displayed in accordance with this method.
- the buttons may correspond to buttons of a keyboard.
- Figs. 4A-4D illustrate the selection and moving the display of content such as a button between a first display screen/panel (130, 230, 430) and a second display screen (140, 240, 440) according to an embodiment of the present disclosure. While a button is the example content used in Fig. 4, other content (e.g., text, etc.) may be used instead of or in addition to the button.
- Fig. 4A illustrates a plurality of buttons A-C being displayed on a first display screen 130, 230, 430. The first display screen is displaced from and provided in front of a second display screen 140, 240, 440 as viewed by an observer.
- a determination may be made as to whether the input corresponds to and/or is proximate a location of one of the displayed buttons (Fig. 4B). Because in Fig. 4B the input corresponds to and/or is proximate to button B, the display of button B may be moved from the first display screen to the second display screen (see Fig. 4C). In other words, the display of button B may be stopped on the front screen and the display of button B may be moved to and made on the second and more rearwardly located display screen 440. After the input is terminated the display of the button may be moved back from the second display screen 440 to the first display screen 430 (Fig. 4D).
- Figs. 4A-4D the problem of confirming the correct button press due to the obfuscation due the user's finger or hand may be avoided or reduced.
- tactical feedback on a single flat touch screen is solved by pushing display of a button to a second to display screen 440 that is below the first display screen 430.
- Controlling the display of content in this manner allows the user to see symbols and/or buttons (or other content) under the finger via virtue of parallax. Due to the depth of the secondary "back layer" displays, the slight parallax between the different displays allows the user to persistently and more easily have visibility of the pressed button, even while the finger or hand continues to obscure part or all of the object initially displayed on the front display screen.
- the techniques of depth-bumping and specific examples of depth-pushing of displayed objects from a close display screen to a display that is at more of a distance from an observer/user allows developers to build responsive touch inputs that bypass or reduce existing issues of visibility, and help to simulate the physical depression of buttons.
- additional display screen may be provided in front of the first display screen 430, between the first display screen 430 and the second display screen 440, and/or behind the second display screen 440.
- the multiple layers of the multi-layer display may allow to alter the displayed depth of objects (e.g., buttons) by moving the button from one or more of the front displays to one or more back displays.
- objects e.g., buttons
- two or more of the front display screens may display a button before an input is received and two or more back display screen may be used to display the button after the input to the button is confirmed.
- the button is moved to the back layers, the color, shape and dimensions of the button may be changed to simulate the pressing of the button or better visibility.
- Fig. 5 illustrates a method for controlling the display of content according to an example embodiment of this disclosure.
- the method may be performed by a processing system including at least one processor (e.g., including processing circuitry) and/or memory.
- the content displayed may include content associated with a link, but is not so limited.
- the content may be displayed on a first display screen of a multi-layer display system including a plurality of display screens 510.
- the first screen may overlap one or more other display screens of the multi-layer display system.
- the content may include a plurality of links, which may be clustered together or scattered throughout the content.
- the content is a webpage, which may be rendered in a web browser application.
- the content may be an email, text message, or some other document, rendered in an application, that includes one or more links.
- An input to the multi-layer display system may be detected 520.
- the input may be a touch input or proximity input detected by a proximity sensor.
- the input may be made by a finger, but is not so limited.
- the touch input may be detected when contact is made with a touch screen of a touch sensitive display.
- the contact may be detected by a contact/motion module, in conjunction with a touch-sensitive display system and a touch screen controller.
- the contact may form a contact area on the touch screen.
- the touch input may be detected when pressure exceeding a predetermined amount is made with a touch screen.
- a point within or proximate the contact area made by the input may be determined 530.
- the point is determined by a contact point module in conjunction with a touch-sensitive display system, the touch screen controller, and/or the processor(s).
- the determined point may serve as a reference point for the contact and/or input area.
- the determined point is the centroid of the contact area.
- the determined point is a point determined in accordance with a predefined procedure. For example, in a one embodiment, the determined point is determined by determining the center of an imaginary rectangular box that bounds the contact area.
- the determined point is a point other than the box center or centroid, and is determined in accordance with one or more factors, such as the shape of the contact area (which may be indicative of which finger of the user is making contact with the touch screen), and the location of the contact (e.g., which region of the touch screen).
- factors such as the shape of the contact area (which may be indicative of which finger of the user is making contact with the touch screen), and the location of the contact (e.g., which region of the touch screen).
- One or more of these factors may be used to determine an "intended point of contact" that is displaced from the box center or centroid.
- a link from the plurality of links being displayed on the first panel/screen 130/230/430/730 may be chosen based on the determined location of the input 540.
- the link may be determined by a closest link module in
- the link may be chosen based on at least the proximity to the determined point in the contact area.
- the link that is chosen is the one that is the closest to the determined point.
- the links from which a link is chosen is limited to those whose display area (e.g., anchor text, anchor image) overlap completely or partially with the contact area.
- a plurality of links of may be chosen.
- Information associated with the chosen link(s) may be displayed on a second display screen in step 550 of the multi-layer display system that is different from the first display screen.
- the second display screen may be a screen that is overlapped by the first display screen as viewed by an observer.
- the second display screen may be adjacent to the first display screen or one or more other display screens may be included between the first and second display screens.
- the displayed information associated with the chosen link may include information other than the anchor text of the link.
- the displayed information may include the URL of the webpage or document to which the link links, the title of the webpage or document to which the link links.
- the displayed information may include a snippet of the content in the webpage or document to which the link links, and/or a summary of the content of the webpage or document to which the link links.
- the displayed information associated with the chosen link does not include the anchor text of the link.
- the displayed information associated with the chosen link may include the anchor text of the link.
- the links may be linked to files stored in memory and in response to a selection of the link, another directory or a file associated with the link (e.g., video, picture, or song) may be retrieved.
- the content displayed on the first display screen may be displayed over the
- the content displayed on the first display screen may be displayed with an opaque or semi-transparent overlay.
- Fig. 6 illustrates a method for controlling the display of content according to an embodiment of this disclosure.
- the method may be performed by a processing system.
- the content displayed may include content associated with a link.
- the content may be displayed on a first display screen of a multi-layer display system including a plurality of display screens.
- the first screen may overlap one or more other display screens of the multi-layer display system.
- the content may include a plurality of links, which may be clustered together or scattered throughout the content.
- the content is a webpage, which may be rendered in a web browser application.
- the content may be an email, text message, or some other document, rendered in an application, that includes one or more links.
- An input to the multi-layer display system may be detected 620.
- the input may be a touch input or proximity input detected by a proximity sensor.
- the input may be made by a finger, but is not so limited.
- the touch input may be detected when contact is made with a touch screen of a touch sensitive display.
- the contact may be detected by a contact/motion module, in conjunction with a touch-sensitive display system and a touch screen controller. The contact may form a contact area on the touch screen.
- a point within the contact area made by the input may be
- the point is determined by a contact point module in conjunction with a touch- sensitive display system, the touch screen controller, and/or the processor(s) (e.g., including processing circuitry).
- the determined point may serve as a reference point for the contact area.
- the determined point is the centroid of the contact area.
- the determined point is a point determined in accordance with a predefined procedure. For example, in a one embodiment, the determined point is determined by determining the center of an imaginary rectangular box that bounds the contact area.
- the determined point is a point other than the box center or centroid, and is determined in accordance with one or more factors, such as the shape of the contact area (which may be indicative of which finger of the user is making contact with the touch screen), and the location of the contact (e.g., which region of the touch screen).
- factors such as the shape of the contact area (which may be indicative of which finger of the user is making contact with the touch screen), and the location of the contact (e.g., which region of the touch screen).
- One or more of these factors may be used by a contact point module to determine an "intended point of contact" that is displaced from the box center or centroid.
- a link from the plurality of links that satisfies two or more predetermined criteria with respect to the determined point may be determined 640.
- the determination may be made by a closest link module in conjunction with the processor(s).
- the two or more criteria may include a closest proximity criterion and a maximum proximity criterion. That is, a link that is within a specified maximum distance from the point and is the closest to the point is determined.
- the determined link must also overlap at least partially with the contact area.
- the determined link may be activated 650. That is, the device may navigates to a page to which the determined link points and the contents of the linked page may be displayed on the device. Activating the link may include providing a preview of the content associated with the link. For example, a preview of the webpage, document, image, song, or video.
- Figs. 7A-7I illustrate a user interface for displaying information associated with links and activating links in accordance with some embodiments of this disclosure. While the figures illustrate links, it is to be understood that other objects such as icons, images, and/or buttons may be provided in place of the illustrated links.
- the links or objects may be linked to webpages, documents, images, videos and/or songs, but is not so limited.
- a device such as a portable electronic device with a multi-layer display may display a webpage 732 or other content (e.g., a document or file directory) on one of the display screens of the multi-layer display system.
- the multi-layer display system may include a touch screen.
- the first display screen 730 may include the touch screen.
- the first display screen 730 may overlap a second display screen 740.
- the displayed content may include a plurality of links.
- the links may be clustered together within or distributed throughout a webpage or document.
- a contact area 734 on the touch screen 730 is made.
- a point 736 within the contact area 734 is determined (e.g., by a contact point module in conjunction with the touch- sensitive display system, the touch screen controller, and/or the processor(s)) (e.g., including processing circuitry).
- the point 736 is the centroid of the contact area 734.
- the contact area 736 does not necessarily remain constant throughout the duration of the contact.
- the contact area 734 may change shape and thus the centroid or other determined point of the contact area may shift.
- the centroid may be re-determined at predefined intervals. More generally, the point 736 may be re-determined to account for changes in the contact area 734 and/or repositioning of the contact area 734 (for example, by movement of the finger).
- a determination may be made for a link amongst the plurality of links that satisfies a number of predefined criteria with respect to the contact area 734 and/or the point 736.
- the determination is made by the closest link module in conjunction with the processor(s).
- the link that is determined satisfies at least a closest link criterion (e.g., the determined link is the closest one to the point 736).
- the link that is determined also satisfies one or more of the following criteria: being within a maximum distance 738 from the point 736, partially overlapping the contact area 734, located completely within the contact area 734 or maximum distance 738, and/or located completely within the contact area 734 or maximum distance 738 for a predetermined period of time.
- the link that is determined for activation satisfies at least both the closest link criterion and the maximum distance criterion. It should be appreciated, however, that additional criteria may be used, such as pressure of the touch input.
- information associated with the link that is closest to the point 736 may be displayed on the touch screen 730.
- the link for which associated information is displayed must also be within a maximum distance 738 from the point 736.
- the closest link to the point 736 is the link having the anchor text
- Information 742 associated with the link "Youtube” is displayed on a second display screen 740 that is overlapped by the first display screen 730 as viewed by the observer.
- the information 742 illustrated in Fig. 7C includes text that is the same as the anchor text shown on the first display screen 730.
- the information 742 is enlarged on the second display screen 740 to allow the user to see what is being selected.
- the information 742 may be displayed with a different color from the corresponding text displayed in the first display screen 730.
- the displayed information 742 may include the Uniform Resource Locator (URL) of the link, a snippet of content from the page to which the link points, and/or a summary of the content from the page to which the link points (an example of which is shown in Fig. 7D).
- the anchor text of the link may be included or omitted in the displayed information 742.
- the information 742 may include an image and/or a video 746 associated with the selected anchor text.
- the information 742 is displayed on the second display screen 740 after the contact is maintained for at least a
- predetermined time e.g., 0.2 seconds, or another value between 0.1 and 0.25 seconds
- the information 742 displayed on the second display screen 740 may be removed after a predetermined amount of time (e.g., three to five seconds) if the contact area 734 is maintained in the position.
- the link may be activated. That is, the device may navigate to the page 748 to which the determined link points (e.g., Fig. 7E). In some embodiments, the display area of the determined link must also at least partially overlap with the contact area 734 in order to be activated.
- the page 748 associated with the selected anchor text may be displayed on the second display screen 740 with or without the content being displayed on the first display screen. The content on the first display screen may be removed when the page 748 is displayed. In one embodiment, the page 748 may be displayed on the first display screen 730 in response to the selection (Fig.
- the activation of the link may be triggered in a variety of ways.
- the activation is triggered by breaking the contact.
- the activation may be triggered after the breaking of contact before or after a first predetermined amount of time has elapsed.
- the activation of the link may be triggered by a gesture, such as a quick tap on the touch screen after breaking contact.
- the contact is held for longer than a second predetermined amount of time, whatever link information that is displayed is removed from display and the link is not activated.
- the activation of the link may be triggered when additional pressure is applied while the information associated with the link is displayed on the second display 740.
- a combination of such activation criteria are used: the selected link is activated by a contact break if the link information was displayed less than the first
- the user must break contact and tap the link information (which is continued to be displayed after the contact break) to activate the selected link.
- the user may move the finger along the touch screen while still maintaining contact. This may be called “brushing” or “scrubbing” the displayed document, or “brushing” or “scrubbing” the screen.
- This may be called “brushing” or “scrubbing” the displayed document, or “brushing” or “scrubbing” the screen.
- the finger moves, so do the contact area 734 and the point 736.
- the link that satisfies the one or more criteria with respect to the point 736 and the contact area 734 may change.
- the information 742 associated with the link that is displayed on the second display screen 740 may change.
- Fig. 7G illustrates the contact area 734 and the point 736 being moved downward on the first display screen 730.
- the link “Yahoo” becomes the link that satisfies the shortest distance criterion.
- the information associated with the link “Youtube” is no longer displayed on the second display screen 740 and information 742 associated with the link “Yahoo,” such as its URL, is displayed on the second display screen 740.
- other links such as the link "Wikipedia," becomes the link that satisfies the closest point criterion with respect to the point 736.
- the information associated with the previous determined link is no longer displayed on the second display screen 740 and information associated with the link "Wikipedia" is displayed on the second display screen 740.
- other links may satisfy the criterion or criteria and information associated with these links may be displayed. More generally, as the contact area 734 is moved, links that satisfy the criteria may be determined and information associated with these links may be displayed one at a time and in succession on the second display screen 740.
- Information associated with links may be displayed whether the document is at normal size, zoomed in, or zoomed out. Even if the document is zoomed out such that the effective font size of the text in the document is relatively small on the first display screen 730, the information 742 associated with a respective link is displayed at a legible size on the second display screen 740. Furthermore, the font size used for displaying the link information 742 may be independent of the font size, zoom factor or scale factor of the document or other content displayed on the first display screen 730.
- the information associated with the selected link 742 is displayed on a portion of the second display screen 740 that is away from the location of the contact area 734. For example, if the contact area 734 is in the bottom portion of the first display screen 730 (see Fig. 7H), the associated information 742 may be displayed in a top portion of the second display screen 740 (see Fig. 7H). More generally, the associated information 742 may be displayed away from the contact area 734 so that the user's finger does not obstruct the user's view of the associated information 742.
- a zoom or scale factor may be associated with the content that is displayed on the second display screen 740, or with pressure applied by a finger or stylus.
- the device may display a document at 100% zoom ("normal" size) and then zoom in (e.g., 150%, 200%, etc.) or out (e.g., 75%, 50%, etc.).
- zoom in e.g., 150%, 200%, etc.
- zoom out e.g., 75%, 50%, etc.
- content in the vicinity of the contact area 734 on the first display screen 730 is enlarged and displayed on the second display screen 740.
- a link corresponding to the closest link on the first display screen 730 may be highlighted (e.g., shown in bold), as illustrate in Fig. 71.
- the maximum distance 738 may be adjusted in proportion with the zoom factor. For example, if the maximum distance at 100% zoom is X, then the maximum distance at 50% zoom is X*0.5. More generally, in some embodiments, the maximum distance may be defined in terms of the coordinates of the content or document. This means that the maximum distance changes in terms of absolute distance but remains constant in terms of relative distance amongst the content in the document or webpage. The zoomed- out document or webpage on the first display screen may results in a smaller maximum distance 738. As the document or webpage is zoomed out even further, the maximum distance 738 may be located entirely within the contact area 734, making the maximum distance 738 moot. In this case, the boundary of the contact area 734 may be used as a proxy for the maximum distance. In some other embodiments, the maximum distance may be defined in terms of the coordinates of the touch screen; the maximum distance is a constant in terms of absolute distance.
- a link may be chosen based on other geometric features or shapes that are determined based on the contact area 734 and/or point 736. For example, a boundaries of a rectangle, square, oval, or triangle that are determined based on the contact area 734 and/or point 736 may be used to choose the link from the plurality of links.
- a spiral generating out from the contact area 734 and/or point 736 may be used to select the link.
- the link whose display area first intersects the spiral may be the link that is chosen and for which associated information is displayed on the second display screen 740.
- the spiral path is implemented as an actual spiral, while in other embodiments the spiral path may be implemented as a sequence of concentric circles of increasing radius.
- the spiral path When implemented as an actual spiral, the spiral path may be clockwise or counter-clockwise.
- the size and rate of the spiral may be defined in terms of the coordinates of the content and may scale in accordance with the zoom factor of the document, similar to the maximum distance 738 described above.
- a predetermined radius which may also be scaled in accordance with the zoom factor of the content
- no link is chosen for the displaying of information or for activation.
- the spiraling path may be treated as proxies for the closest distance criterion and the maximum distance criterion: the link that intersects the spiral first is considered to be the closest to the point 736 and the predetermined radius serves as the maximum distance.
- a user may more easily view information associated with links and activate links using a finger contact on a touch screen to select a hyperlink.
- the user is relieved of having to worry about the precision of his finger contact with respect to selection of links.
- the user can view link information and activate links even if the links are displayed at such a small size that the links are illegible or barely legible.
- the user is able to see hyperlink information on a second display even when a user's finger or hand obstructs the view the same or different information on the first display screen.
- Fig. 8 illustrates an exemplary system 800 upon which embodiments of the present disclosure(s) may be implemented.
- the system 800 may be a portable electronic device that is commonly housed, but is not so limited.
- the system 800 may include a multi-layer display 802 including a plurality of overlapping displays.
- the multi-layer system may include a touch screen 804 and/or a proximity detector 806.
- the various components in the system 800 may be coupled to each other and/or to a processing system by one or more
- the multi-layer display 802 may be coupled to a processing system including one or more processors 812 and memory 814.
- the processor 812 may comprise a central processing unit (CPU) or other type of processor.
- the memory 814 may comprise volatile memory (e.g., RAM), non-volatile memory (e.g., ROM, flash memory, etc.), or some combination of the two. Additionally, memory 814 may be removable, non-removable, etc.
- the processing system may comprise additional storage (e.g., removable storage 816, non-removable storage 818, etc.).
- Removable storage 816 and/or non-removable storage 818 may comprise volatile memory, non- volatile memory, or any combination thereof.
- removable storage 816 and/or non-removable storage 818 may comprise CD- ROM, digital versatile disks (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store information for access by processing system.
- the processing system may communicate with other systems, components, or devices via peripherals interface 820.
- Peripherals interface 820 may communicate with an optical sensor 822, external port 824, RC circuitry 826, audio circuity 828 and/or other devices.
- the optical sensor 882 may be a CMOs or CCD image sensor.
- the RC circuity 826 may be coupled to an antenna and allow communication with other devices, computers and/or servers using wireless and/or wired networks.
- the system 800 may support a variety of communications protocols, including code division multiple access (CDMA), Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), Wi-Fi (such as IEEE 802.11a, IEEE 802.1 lb, IEEE 802.1 lg and/or IEEE 802.1 In), BLUETOOTH (BLUETOOTH is a registered trademark of Bluetooth Sig, Inc.), Wi-MAX, a protocol for email, instant messaging, and/or a short message service (SMS), or any other suitable
- CDMA code division multiple access
- GSM Global System for Mobile Communications
- EDGE Enhanced Data GSM Environment
- Wi-Fi such as IEEE 802.11a, IEEE 802.1 lb, IEEE 802.1 lg and/or IEEE 802.1 In
- BLUETOOTH BLUETOOTH is a registered trademark of Bluetooth Sig, Inc.
- Wi-MAX a protocol for email, instant messaging, and/or a short message service (SMS), or any other suitable
- the system 800 may be, at least in part, a mobile phone (e.g., a cellular telephone) or a tablet.
- a graphics processor 830 may perform graphics/image processing operations on data stored in a frame buffer 832 or another memory of the processing system. Data stored in frame buffer 832 may be accessed, processed, and/or modified by components (e.g., graphics processor 830, processor 712, etc.) of the processing system and/or components of other systems/devices.
- components e.g., graphics processor 830, processor 712, etc.
- memory 814, removable 816, non-removable storage 818, frame buffer 832, or a combination thereof may comprise instructions that when executed on a processor (e.g., 812, 830, etc.) implement a method of processing data (e.g., stored in frame buffer 832) for improved display quality on a display.
- a processor e.g., 812, 830, etc.
- the memory 814 may include one or more applications. Examples of applications that may be stored in memory 814 include telephone applications, email applications, text messaging or instant messaging applications, memo pad applications, address books or contact lists, calendars, picture taking and management applications, and music playing and management applications.
- the applications may include a web browser for rendering pages written in the
- Hypertext Markup Language HTML
- WML Wireless Markup Language
- the applications may include a program for browsing files stored in memory.
- the applications may render content that includes one or more hyperlinks (or "links") that link to other content.
- a hyperlink to an item of content is associated with the Universal Resource Locator (URL) of the item of content.
- URL Universal Resource Locator
- Hyperlinks may be included in a wide variety of documents, including but not limited to webpages, email messages, text messages, text documents, and so forth.
- a hyperlink may be associated with anchor text or an anchor image in a document.
- the memory 814 may include a contact point module (or a set of instructions), a closest link module (or a set of instructions), and a link information module (or a set of instructions).
- the contact point module may determine the centroid or some other reference point in a contact area formed by contact on the touch screen.
- the closest link module may determine a link that satisfies one or more predefined criteria with respect to a point in a contact area as determined by the contact point module.
- the link information module may retrieve and display information associated with hyperlinks.
- Each of the above identified modules and applications may correspond to a set of instructions for performing one or more functions described above. These modules (i.e., sets of instructions) need not be implemented as separate software programs, procedures or modules. The various modules and sub- modules may be rearranged and/or combined. Memory 814 may include additional modules and/or sub-modules, or fewer modules and/or sub-modules. Memory 814, therefore, may include a subset or a superset of the above identified modules and/or sub-modules. Various functions of the system may be implemented in hardware and/or in software, including in one or more signal processing and/or application specific integrated circuits.
- Memory 814 may store an operating system, such as Darwin, RTXC,
- the operating system may include procedures (or sets of instructions) for handling basic system services and for performing hardware dependent tasks.
- Memory 814 may also store communication procedures (or sets of instructions) in a communication module. The communication procedures may be used for communicating with one or more additional devices, one or more computers and/or one or more servers.
- the memory 814 may include a display module (or a set of instructions), a contact/motion module (or a set of instructions) to determine one or more points of contact and/or their movement, and a graphics module (or a set of instructions).
- the graphics module may support widgets, that is, modules or applications with embedded graphics. The widgets may be implemented using JavaScript, HTML, Adobe Flash, or other suitable computer program languages and technologies.
- An I/O subsystem 840 may include a touch screen controller, a proximity controller and/or other input/output controller(s).
- the touch-screen controller may be coupled to a touch- sensitive screen or touch sensitive display system.
- the touch screen and touch screen controller may detect contact and any movement or break thereof using any of a plurality of touch sensitivity
- a touch- sensitive display in some embodiments of the display system may be analogous to the multi-touch sensitive screens.
- the other input/output controller(s) may be coupled to other input/control devices 842, such as one or more buttons.
- input controller(s) may be coupled to any (or none) of the following: a keyboard, infrared port, USB port, and/or a pointer device such as a mouse.
- the one or more buttons may include an up/down button for volume control of the speaker and/or the microphone.
- the one or more buttons may include a push button.
- the user may be able to customize a functionality of one or more of the buttons.
- the touch screen may be used to implement virtual or soft buttons and/or one or more keyboards.
- the system 800 may include circuitry for supporting a location determining capability, such as that provided by the Global Positioning System (GPS).
- the system 800 may include a power system 850 for powering the various components.
- the power system 850 may include a power management system, one or more power sources (e.g., battery, alternating current (AC)), a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator (e.g., a light- emitting diode (LED)) and any other components associated with the generation, management and distribution of power in portable devices.
- the system 800 may also include one or more external ports 824 for connecting the system 800 to other devices.
- Portions of the present invention may be comprised of computer- readable and computer-executable instructions that reside, for example, in a processing system and which may be used as a part of a general purpose computer network (not shown). It is appreciated that processing system is merely exemplary. As such, the embodiment in this application can operate within a number of different systems including, but not limited to, general-purpose computer systems, embedded computer systems, laptop computer systems, hand-held computer systems, portable computer systems, stand-alone computer systems, game consoles, gaming systems or machines (e.g., found in a casino or other gaming establishment), or online gaming systems.
- certain example embodiments of this invention relate to depth "pulling" in response to an input, and in particular pulling at least some displayed content forward toward a viewer in response to a user input.
- the content pulled forward may be removed from a rearward display screen and entirely moved to a front display screen for example, or alternatively may be displayed on both the front and rear screens in response to an input (as opposed to just on a rear screen), in various example embodiments of this invention.
- a multi-layer display system comprising: a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen; a processing system comprising at least one processor and memory, the processing system configured to: display content on the first display screen; detect an input to the first display screen; determine an input location to the first display screen and content displayed on the first display screen proximate the input location; and display, on the second display screen, at least some of the content that was proximate the input location.
- the processing system may be configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen in order to simulate pressing of the button.
- the processing system may be configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen and display the button on the second display screen, and remove display of the button from the first display screen after the input is maintained for at least a
- the processing system may be configured to display the button on the second display screen in an enlarged manner compared to how the button is displayed on the first display screen.
- the first display screen may comprise a touch sensitive display, and the detected input may be a touch input to the touch sensitive display.
- a proximity detector for detecting proximity of an object to the first display screen, and wherein the input location may be determined based on data received from the proximity detector.
- the content may be one or more of text, a button, an image, and a link.
- the exemplary embodiments of the present disclosure provide the invention(s), including the best mode, and also to enable a person skilled in the art to practice the invention, including making and using any devices or systems and performing any incorporated methods. While specific exemplary embodiments of the present invention(s) are disclosed herein, it should be understood that modifications, substitutions and alternatives may be apparent to one of ordinary skill in the art and can be made without departing from the scope of this disclosure. This disclosure is intended to cover any adaptations or variations of the exemplary embodiment(s).
- a multi-layer display system may include a plurality of display panels/screens arranged in an
- a backlight configured to provide light to the plurality of display screens
- the processing system may be configured to: display, on a first display screen of the plurality of display screens, a plurality of buttons, detect an input, and determine location of the input on the first display screen. When the determined location of the input corresponds to a location of one of the displayed buttons on the first display screen, the processing system may display a button on the second display screen corresponding the determined location of the input.
- non-transitory computer- readable storage medium having stored therein a program for execution by a processing system of a display system having at least first display screen and second display screen arranged in a substantially parallel and overlapping manner.
- the program when executed, may cause the processing system to control a first display screen to display content including a plurality of buttons; detect an input; and determine location of the input on the first display screen.
- a button When the determined location of the input corresponds to a location of one of the displayed buttons on the first display screen, a button may be displayed on the second display screen corresponding the determined location of the input.
- a multi-layer display system may include a plurality of displays arranged in an overlapping manner, a backlight configured to provide light to the plurality of display screens, and a processing system.
- the processing system may be configured to: display on the first display content including a plurality hyperlinks; detect area of contact of a touch input to the touch screen of the first display; determine one or more links that are overlapped by the touch area of the touch input; and display, on the second display and while the content is displayed on the first display, information associated with the one or more links that are determined to be overlapped by the touch area of the touch input.
- a method of using a multi-layer display system may include having at least first display and second display arranged in a substantially parallel and overlapping manner; displaying on the first display content including a plurality hyperlinks; detecting area of contact of a touch input to a touch screen of the first display; determining one or more links that are overlapped by the touch area of the touch input; and displaying, on the second display and while the content is displayed on the first display, information associated with the one or more links that are determined to be overlapped by the touch area of the touch input.
- non-transitory computer- readable storage medium having stored therein a program for execution by a processing system of a display system having at least first display screen and second display screen arranged in a substantially parallel and overlapping manner.
- the program when executed, may cause the processing system to display on the first display content including a plurality hyperlinks; detect area of contact of a touch input to a touch screen of the first display; determine one or more links that are overlapped by the touch area of the touch input; and display, on the second display and while the content is displayed on the first display, information associated with the one or more links that are determined to be overlapped by the touch area of the touch input.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Hardware Design (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
A multi-layer display system may include a plurality of display panels/screens arranged in an overlapping manner, a backlight configured to provide light to the plurality of display screens, and a processing system. The processing system may be configured to: display content (e.g., button or text) on a first display screen of the plurality of display screens, detect an input (e.g., touch) proximate the content, and responsive to the input move the content so that it is displayed at least on a different display screen/panel such as a further rearward screen/panel and/or a further forward screen/panel. This may, for instance, simulate the pressing of a button or the like in the case of moving content so that is becomes displayed on a further rearward screen/panel.
Description
CONTENT BUMPING IN MULTI-LAYER DISPLAY SYSTEMS
BACKGROUND
[0001] Certain embodiments of this invention relate generally to multi-layer displays and, more particularly, to multi-layer display systems and methods for displaying content and moving displayed content between layers of the multi-layer display. In certain example embodiments of this invention, selected content (e.g., button and/or text) on a first display screen is pushed rearwardly so as to be displayed on a second display screen that is rearward of the first display screen with respect to a user. The selected content may be displayed on the second display screen at a location offset from where it was displayed on the first display screen, and/or in an enlarged manner compared to how it was displayed on the first display screen, in certain example embodiments of this invention.
[0002] Displays for displaying content are being included in many applications. For example, display systems are included in household appliances, mobile devices, vehicle displays, and wearable technology to name a few. Due to the size constraints of the displays and devices onto which they are provided, displayed content needs to be re-sized to fit the display screen.
[0003] When content (e.g., text and/or graphics) is resized, it often becomes difficult for a user to view the content or make selections of the displayed content (e.g., links or buttons). To address this issues, some applications provide for user controls to enlarge the displayed content.
[0004] For instance, conventional cell phones have a feature where an area proximate a finger touch is enlarged in an enlargement bubble on the screen to enable a user to see exactly which element is to be selected/touched. However, such enlargement bubbles are problematic because user fingers and/or such bubbles often overlay and thus hide surrounding text and graphics so that the user
can lose context and misunderstand where exactly the touch is being applied and what is being selected.
[0005] Thus, conventional touch-based keyboards or interfaces often have a "magnifying lens" effect on pressed and held keys/areas. This is designed to help a user better see such keys/areas. However, the magnifying effect in conventional devices tends to block other content (e.g., keys or text) from the user's view, and may require a user to completely remove his or her finger from the area to adequately view and selected a desired button.
SUMMARY
[0006] Certain embodiments of this invention relate generally to multi-layer displays and, more particularly, to multi-layer display systems and methods for displaying content and moving displayed content between layers of the multi-layer display. In certain example embodiments of this invention, selected content (e.g., button and/or text) on a first display screen is pushed rearwardly so as to be displayed on a second display screen that is rearward of the first display screen with respect to a user. The selected content may be displayed on the second display screen at a location offset from where it was displayed on the first display screen, and/or in an enlarged manner compared to how it was displayed on the first display screen, in certain example embodiments of this invention.
[0007] Exemplary embodiments of this disclosure provide a display system that can display content on different display screens of a multi-layer display provided in a stacked arrangement. The content may be displayed on a first display screen that overlaps one or more other display screens, and in response to an input a portion of the content may be displayed (e.g., in an enlarged manner or otherwise) on another display screen that may be located rearwardly of the first display screen. Thus, the content (e.g., which may or may not be displayed in an enlarged content bubble or area) proximate the selected area of the first display
screen is effectively pushed to another display screen that is rearwardly located relative to the first display screen, so that when displayed on the second display screen it is more easily viewable to a user and does not significantly hide content being displayed to the user on the front display screen/panel. The content may include text, images, buttons, links, and/or the like.
[0008] In an example embodiment of this invention, there is provided a multi-layer display system, comprising: a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen; a processing system comprising at least one processor and memory, the processing system configured to: (a) display content on the first display screen; (b) detect an input to the first display screen; (c) determine an input location to the first display screen and content displayed on the first display screen proximate the input location; and (d) display, on the second display screen, at least some of the content that was proximate the input location.
[0009] In an example embodiment of this invention, there is provided a multi-layer display system comprising: a first display screen and a second display screen arranged in a substantially parallel manner in different planes, the first display screen overlapping the second display screen; processing circuitry configured to: (i) display content on the first display screen; (ii) detect an input to the first display screen; (iii) determine an input location of the input to the first display screen and content displayed on the first display screen proximate the input location; and (iv) display, on the second display screen, content relating to the content that was proximate the input location.
[0010] Other example embodiments of this invention relate to depth pulling in response to an input, and in particular pulling at least some displayed content forward toward a viewer in response to a user input, multi-layer display system,
comprising: a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen; a processing system comprising at least one processor and memory, the processing system configured to: display content on the second display screen; determine an input location and content displayed on the second display screen proximate an input location on the first display screen; and display, on the first display screen, at least some of the content that was on the second display screen proximate the input location. The content pulled forward may be removed from a rearward display screen and entirely moved to a front display screen for example, or alternatively may be displayed on both the front and rear screens in response to an input (as opposed to just on a rear screen), in various example embodiments of this invention.
BRIEF DESCRIPTION OF THE DRAWINGS
[0011] So that features of the present invention can be understood, a number of drawings are described below. It is to be noted, however, that the appended drawings illustrate only particular embodiments of the invention and are therefore not to be considered limiting of its scope, for the invention may encompass other equally effective embodiments.
[0012] Fig. 1 illustrates a display system according to an embodiment of the present disclosure.
[0013] Fig. 2 illustrates a display system according to an embodiment of the present disclosure, which may use display panels/screens from Fig. 1.
[0014] Fig. 3 illustrates a method for controlling the display of content according to an embodiment of the present disclosure.
[0015] Figs. 4A-4D illustrate the selection and moving the display of a button between a first display screen and a second display screen according to an embodiment of the present disclosure, where the display panels/screens of Figs. 4A-4D may be those of Figs. 1-2.
[0016] Fig. 5 illustrates a method for controlling the display of content according to an embodiment of the present disclosure.
[0017] Fig. 6 illustrates a method for controlling the display of content according to an embodiment of the present disclosure.
[0018] Figs. 7A-7I illustrate a user interface for displaying information associated with links and activating links in accordance with certain example embodiments of this disclosure, where the display panels/screens of Figs. 7A-7I may be those of Figs. 1-2 and 4.
[0019] Fig. 8 illustrates an exemplary processing system upon which any of the various embodiments of the present disclosure(s) may be implemented.
DETAILED DESCRIPTION
[0020] Fig. 1 illustrates a display system 100 according to an embodiment of the present disclosure. The display system 100 may include a backlight 120 (e.g., having a rear mounted light source, side mounted light source, optionally with a light guide), and a plurality of different display screens 130-160. The display screens 130-160 may be disposed substantially parallel or parallel to each other in an overlapping manner. In one example embodiment, the backlight 120 and the display screens 130-160 may be disposed in a common housing. The display apparatus 100 may be provided in a portable device such as a smartphone
or tablet, an appliance, or for a vehicle dashboard application such as instrument or navigation application, but this invention is not so limited. In an example embodiment, the display apparatus 100 may be included in a dash display system of a vehicle to display a viewer images such as a speedometer, gauges such as oil pressure or fuel level gauges, navigation, etc. It should be appreciated that the elements illustrated in the figures are not drawn to scale, and thus, may comprise different shapes, sizes, etc. in other embodiments.
[0021] The display system 100 may display content to a viewer/ob server 190 by displaying information on one, two, three, or more of the display screens 130-160 simultaneously. Each of the display screen 130-160 may be controlled to display different content in certain example embodiments. Displayed content on one of the display screens 130-160 may be moved (e.g., "pushed" or "pulled") to one or more of the other display screen(s) when a predetermined condition is satisfied. The predetermined condition may include a user input, exceeding a time limit after an event (e.g., when content is first displayed or after an input), detecting specific motion of the display (e.g., tilting), and/or detecting user motion. More detailed examples of moving content between display screens 130- 160 when a predetermined condition is satisfied are provided below.
[0022] The first display screen 130 may be located closest to the
user/viewer 190 and may be a touch sensitive display including a touch sensitive area 135 over a portion or all of the first display screen 130. The touch sensitive circuitry may be commonly housed with the first display screen 130 or may be provided separately from and in an overlapping manner with the first display screen 130. Touch inputs may be made to select, deselect, move, and/or manipulate content displayed on the first display screen 130 and/or on other displayed screen 140-160. The touch sensitive display may optionally be a pressure-sensitive display.
[0023] The touch sensitive display may include a proximity sensor that is configured to detect receive inputs by sensing the presence of nearby objects (e.g., a finger or a stylus) with or without any physical contact to the display and/or touch screen. In one embodiment, the proximity detection may be performed by one or more proximity sensors provided separately from the touch sensitive display.
[0024] Inputs for selecting, deselecting, moving, and/or manipulating content displayed on the first display screen 130 and/or on other displayed screen 140-160 may be received from other input devices such as a keyboard, touch panel, mouse, pen, and/or voice input device, but this invention is not so limited.
[0025] Each of the display panels/screens 130-160 may be a liquid crystal display (LCD) in certain example embodiments of this invention. Alternatively, the display screens 130-160 may include organic light emitting diode (OLED) displays, transparent light emitting diode (TOLED) displays, or the like. In one embodiment, the display panels 130-160 may be combinations of either full color RGB, RGBW or monochrome panels. The display screens 130-160 are not limited to the listed display technologies and may include other display technologies that allow for the projection of light. In one embodiment, the light may be provided by a projection type system including a light source and one or more lenses and/or a transmissive or reflective LCD matrix. The display screens 130-160 may include a multi-layer display unit including multiple stacked or overlapped display screens/panels each configured to render display elements thereon for viewing through the uppermost display layer. In other words, content displayed on the rearwardmost display panels/screens 140, 150, 160 passes through the frontmost display panel/screen 130 and can be seen by the viewer 190. For instance, content displayed by display screen/panel 160 passes through display panels 130-150 and can be seen by the viewer 190.
[0026] In one embodiment, each of the display screens 130-160 may be approximately the same size and each have a planar surface that is parallel or substantially parallel to one another. In another embodiment, one or more of the display screens 130-160 may have a curved surface. In one embodiment, one or more of the display screens 130-160 may be displaced from the other display screens such that a portion of the display screen is not overlapped and/or is not overlapping another display screen.
[0027] Each of the display screens 130-160 may be displaced an equal distance from each other in example embodiments. In another embodiment, the display screens 130-160 may be provided at different distances from each other. For example, a second display screen 140 may be displaced from the first display screen 130 a first distance, and a third display screen 150 may be displaced from the second display screen 140 a second distance that is greater than the first distance. The fourth display screen 160 may be displaced from the third display screen 150 a third distance that is equal to the first distance, equal to the second distance, or different from the first and second distances. In a vehicle display panel, the display screens 130-160 may be displaced 3 (or 4, or 5) mm to 15 mm from each other. In a mobile application, the display screens 130-160 may be displaced 0.5 mm to 5mm from each other. In certain example embodiments, display screens/panels 130-160 are all provided. However, in other example embodiments it is possible for only two display screens 130 and 160 (or 130 and 140) to be provided, so that only two panels/screens are used.
[0028] The display screens 130-160 may be configured to display content for viewing by the observer 190. The viewer/observer 190 may be, for example, a user or an electrical and/or mechanical optical reception device (e.g., a still image, a moving-image camera, etc.). The content may include visual display of objects and/or texts. In one embodiment, the content may include text, buttons, images or a sequence of images to provide video or animations. In one embodiment,
displaying the content may include moving objects and/or text across the screen or changing or providing animations to the objects and/or text. The animations may include changing the color, shape and/or size of the objects or text. Displayed objects and/or text may be moved between the display screens 130-160. A user may be able to adjust on which of the display screens 130-160 specific content is displayed.
[0029] Each of the display screens 130-160 may be configured to receive data and display, based on the data, a different image, text, buttons, maps, or other content on each of the display screens 130-160 simultaneously. Because the content display on each screen is separated by a physical separation due to the separation of the display screens 130-160, each content (e.g., image) is provided at a different focal plane and a different depth is perceived by the observer/viewer 190 so that a 3D appearance may be realized. The images may include graphics in different portions of the respective display screen.
[0030] Fig. 2 illustrates a display system 200. The display system 200 may include a plurality of display screens 230-250 for displaying content to an observer 290. The first display screen 230 may be a touch sensitive screen. The display system 200 may be coupled to a processing system configured to control the display of content on the display screens 230-250 based on received data representing inputs made to the touch sensitive screen. The Fig. 2 system may use the display screens/panels described above in connection with Fig. 1. In other words, display panels/screens 230, 240, and 250 may be display panels/screens 130, 140, and 150 from Fig. 1, respectively.
[0031] As illustrated in Fig. 2, the first display screen 230 may display content including a user entry interface, such as a keyboard 232 that includes a plurality of icons. The icons may include one or more symbols. A user may select one or more of the icons, and thus, one or more of the corresponding symbols, by making contact or touching the keyboard 232, for example, with one or more
fingers 292. The contact may correspond to the one or more icons. In some embodiments, selection of one or more icons occurs when the user breaks contact with the one or more icons. In some embodiments, the contact may include a gesture, such as one or more taps, one or more swipes (e.g., from left to right, right to left, upward and/or downward) and/or a rolling of a finger (e.g., from right to left, left to right, upward and/or downward) that has made contact with the first display screen. In some embodiments, inadvertent contact with an icon may not select a corresponding symbol. For example, a swipe gesture that sweeps over an icon may not select a corresponding symbol if the gesture corresponding to selection is a tap gesture.
[0032] In some embodiments, an input to displayed content may be detected by proximity of the user's finger to the first display screen 230 (130) without the finger making contact with the first display screen 230. In another embodiment, a selection of displayed content may be made when pressure applied by the finger exceeds a predetermined amount.
[0033] The first display screen 230 may display one or more images 234 and text 236. The images 234 and/or text 236 may be received from memory associated with the processing system and/or from a remote location (e.g., internet). The text may display one or more of the characters and/or symbols that are selected by the user.
[0034] One or more buttons may be displayed on the display screens 230- 250. As illustrated in Fig. 2, button 238 may be displayed in a portion of the first display screen 230 and buttons 242 and 244 may be displayed in a portion of the second display screen 240. Buttons 252 and 254 may be displayed in a portion of the third display screen 250. Buttons 252 and 254 may correspond to buttons 242 and 244, respectively, to display buttons 242 and 244 in a way to mimic depth cues of real buttons. The various keys of the keyboard shown in Fig. 2 are also buttons.
[0035] Fig. 3 illustrates a method for controlling the display of content according to an embodiment of this disclosure. The content may be displayed on a multi-layer display system including a plurality of display screens provided in an overlapping manner (e.g., see Figs. 1-2 and the descriptions thereof). The method may include displaying content on a first display screen 310. The content may include text, images and/or a plurality of buttons. While the content is displayed on the first display screen 310, an input may be detected 320 and the location of the input may be determined 330. When the location of the input on the first display screen (e.g., 130 or 230) corresponds to, and/or is proximate to, displayed content such as a button (YES in step 340), the button corresponding to and/or proximate to the detected input may be moved from the first display screen (e.g,. 130 or 230) to a second display screen such as any of display panels/screens 140 (240), 150 (250), or 160 [see step 350], where the second display screen may be located rearwardly of the first display screen relative to the viewer/user.
[0036] Moving the button (or other content) to the second display may or may not include removing the display of the button (or other content) from the first display screen, and includes displaying the same button or a portion thereof on the second display screen, optionally in an enlarged manner. The content (e.g., button) may be displayed on the same scale or in an enlarged scale on the second screen/panel compared to how it was/is displayed on the first screen/panel.
Alternatively, moving the button may include removing the display of the button on the first display screen and displaying a different button on the second display screen. The button on the second display screen may be displayed at a location that corresponds to the location of the button on the first display screen. The colors, shape, size, and/or texture of the button may be changed when it is moved from the first display screen to the second display screen. For example, the button may be enlarged when it is moved to the second display screen. In another
embodiment, the button may be changed to appear brighter or to have a different color to simulate that the button is activated.
[0037] The first display screen displaying the content may overlap one or more other display screens of the multi-layer display system. The first display screen may be a touch sensitive display and/or may include a proximity detector. The input may be detected based on data received from the touch sensitive display and/or from the proximity detector. The input may be a touch input to the touch sensitive display. In another embodiment, the input may be hovering of an object (e.g., a finger or a stylus) near the surface of the first display screen. Detecting the input may include detecting whether the input is received for a predetermined period of time. Thus, if the input is stopped or substantially modified before the predetermined period of time passes after the input is received, the input may be disregarded.
[0038] Determining whether the input corresponds to one of the displayed buttons may include determining a location of the input (e.g., location of the touch input or location where an object is hovered) on the first display screen. If the determined location of the input corresponds to and/or is proximate to the location on the first display screen where a button (or other content) is displayed, the corresponding button (or other content) or a portion thereof may be displayed on the second display screen. For example, in response to the input, the display of the button (or other content) on the first display screen/panel 130, 230 may be removed and the button (or other content) may be displayed on the second display screen/panel such as any of 140 (250), 150 (250), and/or 160. If the second display screen is physically displaced so that it is behind the first display screen as viewed by an observer, moving the button from the first display screen to the second display screen may simulate pressing of the button and thus may be three dimensionally aesthetically pleasing to users/viewers. In other example embodiments, the button (or other content) may continue to be displayed on the
front display screen/panel 130, 230 while also being pushed to a further rearward panel/screen where the button is displayed in a more enlarged manner on the further rearward second display screen/panel such as any of 140 (250), 150 (250), and/or 160 compared to how it is displayed on the front display panel/screen.
[0039] In one embodiment, the button may continue to be displayed on the second display screen after the input is terminated (e.g., touch input is stopped or moved away from the location of the button on the first display screen or the object is removed from the vicinity of the first display screen). If a second input is received while the button is displayed on the second display screen and the location of the input corresponds to the location where the button is displayed, the button may be moved back to the first display screen.
[0040] In one embodiment, the displayed button on the second display screen may be moved back to the first display screen when the input is terminated (e.g., when touch input is removed or when finger is moved out of the hover region). Thus, the button may be displayed on the second screen only while the input (e.g., touch input) is continued on the first display screen. In one
embodiment, the input may be terminated when the touch input is moved away from a predetermined region around the button.
[0041] In one embodiment, one action with regard to the button may be performed when a hover input is detected and another action may be performed when a touch input is detected. For example, when a hover input is detected to a button the button may move to the second display panel but stay there only as long as the hover input is detected. When a touch input is detected, the button may be moved to the second display panel and continue to the displayed even after the touch input is removed. A second touch input may be applied to move the button back to the first display screen.
[0042] While the method illustrated in Fig. 3 is described with reference to a button, the method is not limited to displaying buttons. Other content such as
images, video, and/or text may be displayed in accordance with this method. The buttons may correspond to buttons of a keyboard.
[0043] Figs. 4A-4D illustrate the selection and moving the display of content such as a button between a first display screen/panel (130, 230, 430) and a second display screen (140, 240, 440) according to an embodiment of the present disclosure. While a button is the example content used in Fig. 4, other content (e.g., text, etc.) may be used instead of or in addition to the button. Fig. 4A illustrates a plurality of buttons A-C being displayed on a first display screen 130, 230, 430. The first display screen is displaced from and provided in front of a second display screen 140, 240, 440 as viewed by an observer. In response to an input by a user 492, a determination may be made as to whether the input corresponds to and/or is proximate a location of one of the displayed buttons (Fig. 4B). Because in Fig. 4B the input corresponds to and/or is proximate to button B, the display of button B may be moved from the first display screen to the second display screen (see Fig. 4C). In other words, the display of button B may be stopped on the front screen and the display of button B may be moved to and made on the second and more rearwardly located display screen 440. After the input is terminated the display of the button may be moved back from the second display screen 440 to the first display screen 430 (Fig. 4D).
[0044] As illustrated in Figs. 4A-4D the problem of confirming the correct button press due to the obfuscation due the user's finger or hand may be avoided or reduced. In addition, tactical feedback on a single flat touch screen is solved by pushing display of a button to a second to display screen 440 that is below the first display screen 430. Controlling the display of content in this manner allows the user to see symbols and/or buttons (or other content) under the finger via virtue of parallax. Due to the depth of the secondary "back layer" displays, the slight parallax between the different displays allows the user to persistently and more easily have visibility of the pressed button, even while the finger or hand continues
to obscure part or all of the objet initially displayed on the front display screen. The techniques of depth-bumping and specific examples of depth-pushing of displayed objects from a close display screen to a display that is at more of a distance from an observer/user, allows developers to build responsive touch inputs that bypass or reduce existing issues of visibility, and help to simulate the physical depression of buttons.
[0045] While only two display screens are illustrated in Figs. 4A-4D, additional display screen may be provided in front of the first display screen 430, between the first display screen 430 and the second display screen 440, and/or behind the second display screen 440. The multiple layers of the multi-layer display may allow to alter the displayed depth of objects (e.g., buttons) by moving the button from one or more of the front displays to one or more back displays. For example, two or more of the front display screens may display a button before an input is received and two or more back display screen may be used to display the button after the input to the button is confirmed. When the button is moved to the back layers, the color, shape and dimensions of the button may be changed to simulate the pressing of the button or better visibility.
[0046] Fig. 5 illustrates a method for controlling the display of content according to an example embodiment of this disclosure. The method may be performed by a processing system including at least one processor (e.g., including processing circuitry) and/or memory. The content displayed may include content associated with a link, but is not so limited. The content may be displayed on a first display screen of a multi-layer display system including a plurality of display screens 510. The first screen may overlap one or more other display screens of the multi-layer display system. The content may include a plurality of links, which may be clustered together or scattered throughout the content. In some
embodiments, the content is a webpage, which may be rendered in a web browser application. In some other embodiments, the content may be an email, text
message, or some other document, rendered in an application, that includes one or more links.
[0047] An input to the multi-layer display system may be detected 520. The input may be a touch input or proximity input detected by a proximity sensor. The input may be made by a finger, but is not so limited. The touch input may be detected when contact is made with a touch screen of a touch sensitive display. The contact may be detected by a contact/motion module, in conjunction with a touch-sensitive display system and a touch screen controller. The contact may form a contact area on the touch screen. The touch input may be detected when pressure exceeding a predetermined amount is made with a touch screen.
[0048] A point within or proximate the contact area made by the input may be determined 530. In some embodiments, the point is determined by a contact point module in conjunction with a touch-sensitive display system, the touch screen controller, and/or the processor(s). The determined point may serve as a reference point for the contact and/or input area. In some embodiments, the determined point is the centroid of the contact area. In some other embodiments, the determined point is a point determined in accordance with a predefined procedure. For example, in a one embodiment, the determined point is determined by determining the center of an imaginary rectangular box that bounds the contact area. However, in some embodiments, the determined point is a point other than the box center or centroid, and is determined in accordance with one or more factors, such as the shape of the contact area (which may be indicative of which finger of the user is making contact with the touch screen), and the location of the contact (e.g., which region of the touch screen). One or more of these factors may be used to determine an "intended point of contact" that is displaced from the box center or centroid.
[0049] A link from the plurality of links being displayed on the first panel/screen 130/230/430/730 may be chosen based on the determined location of
the input 540. The link may be determined by a closest link module in
conjunction with the processor(s). The link may be chosen based on at least the proximity to the determined point in the contact area. The link that is chosen is the one that is the closest to the determined point. In some embodiments, the links from which a link is chosen is limited to those whose display area (e.g., anchor text, anchor image) overlap completely or partially with the contact area. In some embodiments, a plurality of links of may be chosen.
[0050] Information associated with the chosen link(s) may be displayed on a second display screen in step 550 of the multi-layer display system that is different from the first display screen. The second display screen may be a screen that is overlapped by the first display screen as viewed by an observer. The second display screen may be adjacent to the first display screen or one or more other display screens may be included between the first and second display screens.
[0051] The displayed information associated with the chosen link may include information other than the anchor text of the link. For example, the displayed information may include the URL of the webpage or document to which the link links, the title of the webpage or document to which the link links. The displayed information may include a snippet of the content in the webpage or document to which the link links, and/or a summary of the content of the webpage or document to which the link links. In some embodiments, the displayed information associated with the chosen link does not include the anchor text of the link. In other embodiments, the displayed information associated with the chosen link may include the anchor text of the link. The links may be linked to files stored in memory and in response to a selection of the link, another directory or a file associated with the link (e.g., video, picture, or song) may be retrieved. The content displayed on the first display screen may be displayed over the
information associated with the chosen link on the second display screen. The
content displayed on the first display screen may be displayed with an opaque or semi-transparent overlay.
[0052] Fig. 6 illustrates a method for controlling the display of content according to an embodiment of this disclosure. The method may be performed by a processing system. The content displayed may include content associated with a link. The content may be displayed on a first display screen of a multi-layer display system including a plurality of display screens. The first screen may overlap one or more other display screens of the multi-layer display system. The content may include a plurality of links, which may be clustered together or scattered throughout the content. In some embodiments, the content is a webpage, which may be rendered in a web browser application. In some other embodiments, the content may be an email, text message, or some other document, rendered in an application, that includes one or more links.
[0053] An input to the multi-layer display system may be detected 620. The input may be a touch input or proximity input detected by a proximity sensor. The input may be made by a finger, but is not so limited. The touch input may be detected when contact is made with a touch screen of a touch sensitive display. The contact may be detected by a contact/motion module, in conjunction with a touch-sensitive display system and a touch screen controller. The contact may form a contact area on the touch screen.
[0054] A point within the contact area made by the input may be
determined 630. In some embodiments, the point is determined by a contact point module in conjunction with a touch- sensitive display system, the touch screen controller, and/or the processor(s) (e.g., including processing circuitry). The determined point may serve as a reference point for the contact area. In some embodiments, the determined point is the centroid of the contact area. In some other embodiments, the determined point is a point determined in accordance with a predefined procedure. For example, in a one embodiment, the determined point
is determined by determining the center of an imaginary rectangular box that bounds the contact area. However, in some embodiments, the determined point is a point other than the box center or centroid, and is determined in accordance with one or more factors, such as the shape of the contact area (which may be indicative of which finger of the user is making contact with the touch screen), and the location of the contact (e.g., which region of the touch screen). One or more of these factors may be used by a contact point module to determine an "intended point of contact" that is displaced from the box center or centroid.
[0055] A link from the plurality of links that satisfies two or more predetermined criteria with respect to the determined point may be determined 640. The determination may be made by a closest link module in conjunction with the processor(s). The two or more criteria may include a closest proximity criterion and a maximum proximity criterion. That is, a link that is within a specified maximum distance from the point and is the closest to the point is determined. In one embodiment, the determined link must also overlap at least partially with the contact area.
[0056] The determined link may be activated 650. That is, the device may navigates to a page to which the determined link points and the contents of the linked page may be displayed on the device. Activating the link may include providing a preview of the content associated with the link. For example, a preview of the webpage, document, image, song, or video.
[0057] Figs. 7A-7I illustrate a user interface for displaying information associated with links and activating links in accordance with some embodiments of this disclosure. While the figures illustrate links, it is to be understood that other objects such as icons, images, and/or buttons may be provided in place of the illustrated links. The links or objects may be linked to webpages, documents, images, videos and/or songs, but is not so limited.
[0058] A device such as a portable electronic device with a multi-layer display may display a webpage 732 or other content (e.g., a document or file directory) on one of the display screens of the multi-layer display system. The multi-layer display system may include a touch screen. The first display screen 730 may include the touch screen. The first display screen 730 may overlap a second display screen 740. The displayed content may include a plurality of links. The links may be clustered together within or distributed throughout a webpage or document.
[0059] As illustrated in Figs. 7 A and 7B, when the user 792 makes contact with the touch screen 730, a contact area 734 on the touch screen 730 is made. A point 736 within the contact area 734 is determined (e.g., by a contact point module in conjunction with the touch- sensitive display system, the touch screen controller, and/or the processor(s)) (e.g., including processing circuitry). In some embodiments, the point 736 is the centroid of the contact area 734. However, the contact area 736 does not necessarily remain constant throughout the duration of the contact. The contact area 734 may change shape and thus the centroid or other determined point of the contact area may shift. To account for this, in some embodiments, the centroid may be re-determined at predefined intervals. More generally, the point 736 may be re-determined to account for changes in the contact area 734 and/or repositioning of the contact area 734 (for example, by movement of the finger).
[0060] When the user 792 makes contact with the touch screen 730, a determination may be made for a link amongst the plurality of links that satisfies a number of predefined criteria with respect to the contact area 734 and/or the point 736. In some embodiments, the determination is made by the closest link module in conjunction with the processor(s). The link that is determined satisfies at least a closest link criterion (e.g., the determined link is the closest one to the point 736). In some embodiments, the link that is determined also satisfies one or more of the
following criteria: being within a maximum distance 738 from the point 736, partially overlapping the contact area 734, located completely within the contact area 734 or maximum distance 738, and/or located completely within the contact area 734 or maximum distance 738 for a predetermined period of time. In one embodiment, for purposes of activation of a link, the link that is determined for activation satisfies at least both the closest link criterion and the maximum distance criterion. It should be appreciated, however, that additional criteria may be used, such as pressure of the touch input.
[0061] As illustrated in Fig. 7C, in response to the input, information associated with the link that is closest to the point 736 may be displayed on the touch screen 730. In some embodiments, the link for which associated information is displayed must also be within a maximum distance 738 from the point 736. In Fig. 7C, the closest link to the point 736 is the link having the anchor text
"Youtube." Information 742 associated with the link "Youtube" is displayed on a second display screen 740 that is overlapped by the first display screen 730 as viewed by the observer. The information 742 illustrated in Fig. 7C includes text that is the same as the anchor text shown on the first display screen 730. The information 742 is enlarged on the second display screen 740 to allow the user to see what is being selected. The information 742 may be displayed with a different color from the corresponding text displayed in the first display screen 730.
[0062] In some embodiments, the displayed information 742 may include the Uniform Resource Locator (URL) of the link, a snippet of content from the page to which the link points, and/or a summary of the content from the page to which the link points (an example of which is shown in Fig. 7D). The anchor text of the link may be included or omitted in the displayed information 742. As illustrated in Fig. 7D, the information 742 may include an image and/or a video 746 associated with the selected anchor text.
[0063] In some embodiments, the information 742 is displayed on the second display screen 740 after the contact is maintained for at least a
predetermined time (e.g., 0.2 seconds, or another value between 0.1 and 0.25 seconds) for displaying the link information. In some embodiments, the
information is removed from display in the second display screen 740 if the contact area 734 is not moved for longer than a predefined amount of time. For example, the information 742 displayed on the second display screen 740 may be removed after a predetermined amount of time (e.g., three to five seconds) if the contact area 734 is maintained in the position.
[0064] If the determined link is within the maximum distance 738 from the point 736, in addition to having the shortest distance from the point 736, the link may be activated. That is, the device may navigate to the page 748 to which the determined link points (e.g., Fig. 7E). In some embodiments, the display area of the determined link must also at least partially overlap with the contact area 734 in order to be activated. The page 748 associated with the selected anchor text may be displayed on the second display screen 740 with or without the content being displayed on the first display screen. The content on the first display screen may be removed when the page 748 is displayed. In one embodiment, the page 748 may be displayed on the first display screen 730 in response to the selection (Fig.
7F).
[0065] The activation of the link may be triggered in a variety of ways. In some embodiments, the activation is triggered by breaking the contact. For particular embodiments, the activation may be triggered after the breaking of contact before or after a first predetermined amount of time has elapsed. In some other embodiments, the activation of the link may be triggered by a gesture, such as a quick tap on the touch screen after breaking contact. Furthermore, in some embodiments, if the contact is held for longer than a second predetermined amount of time, whatever link information that is displayed is removed from display and
the link is not activated. In some other embodiments, the activation of the link may be triggered when additional pressure is applied while the information associated with the link is displayed on the second display 740. In some embodiments, a combination of such activation criteria are used: the selected link is activated by a contact break if the link information was displayed less than the first
predetermined amount of time, and if the link information was displayed for more than that amount of time, then the user must break contact and tap the link information (which is continued to be displayed after the contact break) to activate the selected link.
[0066] The user may move the finger along the touch screen while still maintaining contact. This may be called "brushing" or "scrubbing" the displayed document, or "brushing" or "scrubbing" the screen. As the finger moves, so do the contact area 734 and the point 736. Thus, the link that satisfies the one or more criteria with respect to the point 736 and the contact area 734 may change. As the link that satisfies the criteria changes, the information 742 associated with the link that is displayed on the second display screen 740 may change.
[0067] Fig. 7G illustrates the contact area 734 and the point 736 being moved downward on the first display screen 730. The link "Yahoo" becomes the link that satisfies the shortest distance criterion. Thus, the information associated with the link "Youtube" is no longer displayed on the second display screen 740 and information 742 associated with the link "Yahoo," such as its URL, is displayed on the second display screen 740. As the contact area 734 moves even further down and/or to one of the sides (e.g., see Fig. 7H), other links, such as the link "Wikipedia," becomes the link that satisfies the closest point criterion with respect to the point 736. The information associated with the previous determined link is no longer displayed on the second display screen 740 and information associated with the link "Wikipedia" is displayed on the second display screen 740. Similarly, if the user moves the finger upward, other links may satisfy the
criterion or criteria and information associated with these links may be displayed. More generally, as the contact area 734 is moved, links that satisfy the criteria may be determined and information associated with these links may be displayed one at a time and in succession on the second display screen 740.
[0068] Information associated with links may be displayed whether the document is at normal size, zoomed in, or zoomed out. Even if the document is zoomed out such that the effective font size of the text in the document is relatively small on the first display screen 730, the information 742 associated with a respective link is displayed at a legible size on the second display screen 740. Furthermore, the font size used for displaying the link information 742 may be independent of the font size, zoom factor or scale factor of the document or other content displayed on the first display screen 730.
[0069] In some embodiments, the information associated with the selected link 742 is displayed on a portion of the second display screen 740 that is away from the location of the contact area 734. For example, if the contact area 734 is in the bottom portion of the first display screen 730 (see Fig. 7H), the associated information 742 may be displayed in a top portion of the second display screen 740 (see Fig. 7H). More generally, the associated information 742 may be displayed away from the contact area 734 so that the user's finger does not obstruct the user's view of the associated information 742.
[0070] In some embodiments, a zoom or scale factor may be associated with the content that is displayed on the second display screen 740, or with pressure applied by a finger or stylus. For example, the device may display a document at 100% zoom ("normal" size) and then zoom in (e.g., 150%, 200%, etc.) or out (e.g., 75%, 50%, etc.). As illustrated in Fig. 71, content in the vicinity of the contact area 734 on the first display screen 730, is enlarged and displayed on the second display screen 740. A link corresponding to the closest link on the
first display screen 730 may be highlighted (e.g., shown in bold), as illustrate in Fig. 71.
[0071] In some embodiments, the maximum distance 738 may be adjusted in proportion with the zoom factor. For example, if the maximum distance at 100% zoom is X, then the maximum distance at 50% zoom is X*0.5. More generally, in some embodiments, the maximum distance may be defined in terms of the coordinates of the content or document. This means that the maximum distance changes in terms of absolute distance but remains constant in terms of relative distance amongst the content in the document or webpage. The zoomed- out document or webpage on the first display screen may results in a smaller maximum distance 738. As the document or webpage is zoomed out even further, the maximum distance 738 may be located entirely within the contact area 734, making the maximum distance 738 moot. In this case, the boundary of the contact area 734 may be used as a proxy for the maximum distance. In some other embodiments, the maximum distance may be defined in terms of the coordinates of the touch screen; the maximum distance is a constant in terms of absolute distance.
[0072] In some embodiments, a link may be chosen based on other geometric features or shapes that are determined based on the contact area 734 and/or point 736. For example, a boundaries of a rectangle, square, oval, or triangle that are determined based on the contact area 734 and/or point 736 may be used to choose the link from the plurality of links. In one example, a spiral generating out from the contact area 734 and/or point 736 may be used to select the link. The link whose display area first intersects the spiral may be the link that is chosen and for which associated information is displayed on the second display screen 740. In some embodiments, the spiral path is implemented as an actual spiral, while in other embodiments the spiral path may be implemented as a sequence of concentric circles of increasing radius. When implemented as an
actual spiral, the spiral path may be clockwise or counter-clockwise. The size and rate of the spiral may be defined in terms of the coordinates of the content and may scale in accordance with the zoom factor of the document, similar to the maximum distance 738 described above. In some embodiments, if the radius of the spiral reaches a predetermined radius (which may also be scaled in accordance with the zoom factor of the content), such as the maximum distance 738, and no link intersects the spiral, no link is chosen for the displaying of information or for activation. The spiraling path may be treated as proxies for the closest distance criterion and the maximum distance criterion: the link that intersects the spiral first is considered to be the closest to the point 736 and the predetermined radius serves as the maximum distance.
[0073] Using the interface described above, a user may more easily view information associated with links and activate links using a finger contact on a touch screen to select a hyperlink. The user is relieved of having to worry about the precision of his finger contact with respect to selection of links. Furthermore, the user can view link information and activate links even if the links are displayed at such a small size that the links are illegible or barely legible. In addition, the user is able to see hyperlink information on a second display even when a user's finger or hand obstructs the view the same or different information on the first display screen.
[0074] Fig. 8 illustrates an exemplary system 800 upon which embodiments of the present disclosure(s) may be implemented. The system 800 may be a portable electronic device that is commonly housed, but is not so limited. The system 800 may include a multi-layer display 802 including a plurality of overlapping displays. The multi-layer system may include a touch screen 804 and/or a proximity detector 806. The various components in the system 800 may be coupled to each other and/or to a processing system by one or more
communication buses or signal lines 808.
[0075] The multi-layer display 802 may be coupled to a processing system including one or more processors 812 and memory 814. The processor 812 may comprise a central processing unit (CPU) or other type of processor. Depending on the configuration and/or type of computer system environment, the memory 814 may comprise volatile memory (e.g., RAM), non-volatile memory (e.g., ROM, flash memory, etc.), or some combination of the two. Additionally, memory 814 may be removable, non-removable, etc.
[0076] In other embodiments, the processing system may comprise additional storage (e.g., removable storage 816, non-removable storage 818, etc.). Removable storage 816 and/or non-removable storage 818 may comprise volatile memory, non- volatile memory, or any combination thereof. Additionally, removable storage 816 and/or non-removable storage 818 may comprise CD- ROM, digital versatile disks (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to store information for access by processing system.
[0077] As illustrated in Fig. 8, the processing system may communicate with other systems, components, or devices via peripherals interface 820.
Peripherals interface 820 may communicate with an optical sensor 822, external port 824, RC circuitry 826, audio circuity 828 and/or other devices. The optical sensor 882 may be a CMOs or CCD image sensor. The RC circuity 826 may be coupled to an antenna and allow communication with other devices, computers and/or servers using wireless and/or wired networks. The system 800 may support a variety of communications protocols, including code division multiple access (CDMA), Global System for Mobile Communications (GSM), Enhanced Data GSM Environment (EDGE), Wi-Fi (such as IEEE 802.11a, IEEE 802.1 lb, IEEE 802.1 lg and/or IEEE 802.1 In), BLUETOOTH (BLUETOOTH is a registered trademark of Bluetooth Sig, Inc.), Wi-MAX, a protocol for email, instant
messaging, and/or a short message service (SMS), or any other suitable
communication protocol, including communication protocols not yet developed as of the filing date of this document. In an exemplary embodiment, the system 800 may be, at least in part, a mobile phone (e.g., a cellular telephone) or a tablet.
[0078] A graphics processor 830 may perform graphics/image processing operations on data stored in a frame buffer 832 or another memory of the processing system. Data stored in frame buffer 832 may be accessed, processed, and/or modified by components (e.g., graphics processor 830, processor 712, etc.) of the processing system and/or components of other systems/devices.
Additionally, the data may be accessed (e.g., by graphics processor 830) and displayed on an output device coupled to the processing system. Accordingly, memory 814, removable 816, non-removable storage 818, frame buffer 832, or a combination thereof, may comprise instructions that when executed on a processor (e.g., 812, 830, etc.) implement a method of processing data (e.g., stored in frame buffer 832) for improved display quality on a display.
[0079] The memory 814 may include one or more applications. Examples of applications that may be stored in memory 814 include telephone applications, email applications, text messaging or instant messaging applications, memo pad applications, address books or contact lists, calendars, picture taking and management applications, and music playing and management applications. The applications may include a web browser for rendering pages written in the
Hypertext Markup Language (HTML), Wireless Markup Language (WML), or other languages suitable for composing webpages or other online content. The applications may include a program for browsing files stored in memory.
[0080] The applications, including the web browser, may render content that includes one or more hyperlinks (or "links") that link to other content. A hyperlink to an item of content is associated with the Universal Resource Locator (URL) of the item of content. Hyperlinks may be included in a wide variety of
documents, including but not limited to webpages, email messages, text messages, text documents, and so forth. A hyperlink may be associated with anchor text or an anchor image in a document.
[0081] The memory 814 may include a contact point module (or a set of instructions), a closest link module (or a set of instructions), and a link information module (or a set of instructions). The contact point module may determine the centroid or some other reference point in a contact area formed by contact on the touch screen. The closest link module may determine a link that satisfies one or more predefined criteria with respect to a point in a contact area as determined by the contact point module. The link information module may retrieve and display information associated with hyperlinks.
[0082] Each of the above identified modules and applications may correspond to a set of instructions for performing one or more functions described above. These modules (i.e., sets of instructions) need not be implemented as separate software programs, procedures or modules. The various modules and sub- modules may be rearranged and/or combined. Memory 814 may include additional modules and/or sub-modules, or fewer modules and/or sub-modules. Memory 814, therefore, may include a subset or a superset of the above identified modules and/or sub-modules. Various functions of the system may be implemented in hardware and/or in software, including in one or more signal processing and/or application specific integrated circuits.
[0083] Memory 814 may store an operating system, such as Darwin, RTXC,
LINUX, UNIX, OS X, WINDOWS, or an embedded operating system such as VxWorks. The operating system may include procedures (or sets of instructions) for handling basic system services and for performing hardware dependent tasks. Memory 814 may also store communication procedures (or sets of instructions) in a communication module. The communication procedures may be used for communicating with one or more additional devices, one or more computers
and/or one or more servers. The memory 814 may include a display module (or a set of instructions), a contact/motion module (or a set of instructions) to determine one or more points of contact and/or their movement, and a graphics module (or a set of instructions). The graphics module may support widgets, that is, modules or applications with embedded graphics. The widgets may be implemented using JavaScript, HTML, Adobe Flash, or other suitable computer program languages and technologies.
[0084] An I/O subsystem 840 may include a touch screen controller, a proximity controller and/or other input/output controller(s). The touch-screen controller may be coupled to a touch- sensitive screen or touch sensitive display system. The touch screen and touch screen controller may detect contact and any movement or break thereof using any of a plurality of touch sensitivity
technologies now known or later developed, including but not limited to capacitive, resistive, infrared, and surface acoustic wave technologies, as well as other proximity sensor arrays or other elements for determining one or more points of contact with the touch- sensitive screen. A touch- sensitive display in some embodiments of the display system may be analogous to the multi-touch sensitive screens.
[0085] The other input/output controller(s) may be coupled to other input/control devices 842, such as one or more buttons. In some alternative embodiments, input controller(s) may be coupled to any (or none) of the following: a keyboard, infrared port, USB port, and/or a pointer device such as a mouse. The one or more buttons (not shown) may include an up/down button for volume control of the speaker and/or the microphone. The one or more buttons (not shown) may include a push button. The user may be able to customize a functionality of one or more of the buttons. The touch screen may be used to implement virtual or soft buttons and/or one or more keyboards.
[0086] In some embodiments, the system 800 may include circuitry for supporting a location determining capability, such as that provided by the Global Positioning System (GPS). The system 800 may include a power system 850 for powering the various components. The power system 850 may include a power management system, one or more power sources (e.g., battery, alternating current (AC)), a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator (e.g., a light- emitting diode (LED)) and any other components associated with the generation, management and distribution of power in portable devices. The system 800 may also include one or more external ports 824 for connecting the system 800 to other devices.
[0087] Portions of the present invention may be comprised of computer- readable and computer-executable instructions that reside, for example, in a processing system and which may be used as a part of a general purpose computer network (not shown). It is appreciated that processing system is merely exemplary. As such, the embodiment in this application can operate within a number of different systems including, but not limited to, general-purpose computer systems, embedded computer systems, laptop computer systems, hand-held computer systems, portable computer systems, stand-alone computer systems, game consoles, gaming systems or machines (e.g., found in a casino or other gaming establishment), or online gaming systems.
[0088] It is noted that certain example embodiments of this invention relate to depth "pulling" in response to an input, and in particular pulling at least some displayed content forward toward a viewer in response to a user input. The content pulled forward may be removed from a rearward display screen and entirely moved to a front display screen for example, or alternatively may be displayed on both the front and rear screens in response to an input (as opposed to just on a rear screen), in various example embodiments of this invention.
[0089] In an example embodiment of this invention, there is provided a multi-layer display system, comprising: a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen; a processing system comprising at least one processor and memory, the processing system configured to: display content on the first display screen; detect an input to the first display screen; determine an input location to the first display screen and content displayed on the first display screen proximate the input location; and display, on the second display screen, at least some of the content that was proximate the input location.
[0090] In the display system of the immediately preceding paragraph, the processing system may be configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen in order to simulate pressing of the button.
[0091] In the display system of any of the preceding two paragraphs, the processing system may be configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen and display the button on the second display screen, and remove display of the button from the first display screen after the input is maintained for at least a
predetermined time period.
[0092] In the display system of any of the preceding three paragraphs, the processing system may be configured to display the button on the second display screen in an enlarged manner compared to how the button is displayed on the first display screen.
[0093] In the display system of any of the preceding four paragraphs, the first display screen may comprise a touch sensitive display, and the detected input may be a touch input to the touch sensitive display.
[0094] In the display system of any of the preceding five paragraphs, there may be a proximity detector for detecting proximity of an object to the first display screen, and wherein the input location may be determined based on data received from the proximity detector.
[0095] In the display system of any of the preceding six paragraphs, the content may be one or more of text, a button, an image, and a link.
[0096] The exemplary embodiments of the present disclosure provide the invention(s), including the best mode, and also to enable a person skilled in the art to practice the invention, including making and using any devices or systems and performing any incorporated methods. While specific exemplary embodiments of the present invention(s) are disclosed herein, it should be understood that modifications, substitutions and alternatives may be apparent to one of ordinary skill in the art and can be made without departing from the scope of this disclosure. This disclosure is intended to cover any adaptations or variations of the exemplary embodiment(s).
[0097] According to one exemplary embodiment, a multi-layer display system may include a plurality of display panels/screens arranged in an
overlapping manner, a backlight configured to provide light to the plurality of display screens, and a processing system. The processing system may be configured to: display, on a first display screen of the plurality of display screens, a plurality of buttons, detect an input, and determine location of the input on the first display screen. When the determined location of the input corresponds to a location of one of the displayed buttons on the first display screen, the processing system may display a button on the second display screen corresponding the determined location of the input.
[0098] In another exemplary embodiment, non-transitory computer- readable storage medium having stored therein a program for execution by a processing system of a display system having at least first display screen and second display screen arranged in a substantially parallel and overlapping manner. The program, when executed, may cause the processing system to control a first display screen to display content including a plurality of buttons; detect an input; and determine location of the input on the first display screen. When the determined location of the input corresponds to a location of one of the displayed buttons on the first display screen, a button may be displayed on the second display screen corresponding the determined location of the input.
[0099] In another exemplary embodiment, a multi-layer display system may include a plurality of displays arranged in an overlapping manner, a backlight configured to provide light to the plurality of display screens, and a processing system. The processing system may be configured to: display on the first display content including a plurality hyperlinks; detect area of contact of a touch input to the touch screen of the first display; determine one or more links that are overlapped by the touch area of the touch input; and display, on the second display and while the content is displayed on the first display, information associated with the one or more links that are determined to be overlapped by the touch area of the touch input.
[00100] In another exemplary embodiment, a method of using a multi-layer display system may include having at least first display and second display arranged in a substantially parallel and overlapping manner; displaying on the first display content including a plurality hyperlinks; detecting area of contact of a touch input to a touch screen of the first display; determining one or more links that are overlapped by the touch area of the touch input; and displaying, on the second display and while the content is displayed on the first display, information
associated with the one or more links that are determined to be overlapped by the touch area of the touch input.
[00101] In another exemplary embodiment, non-transitory computer- readable storage medium having stored therein a program for execution by a processing system of a display system having at least first display screen and second display screen arranged in a substantially parallel and overlapping manner. The program, when executed, may cause the processing system to display on the first display content including a plurality hyperlinks; detect area of contact of a touch input to a touch screen of the first display; determine one or more links that are overlapped by the touch area of the touch input; and display, on the second display and while the content is displayed on the first display, information associated with the one or more links that are determined to be overlapped by the touch area of the touch input.
Claims
1. A multi-layer display system, comprising:
a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen;
a processing system comprising at least one processor and memory, the processing system configured to:
display content on the first display screen;
detect an input to the first display screen;
determine an input location to the first display screen and content displayed on the first display screen proximate the input location; and
display, on the second display screen, at least some of the content that was proximate the input location.
2. The display system according to claim 1 , wherein the processing system is configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen in order to simulate pressing of the button.
3. The display system according to any preceding claim, wherein the processing system is configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen and display the button on the second display screen, and remove display of the button from the
first display screen after the input is maintained for at least a predetermined time period.
4. The display system according to any of claims 2-3, wherein the processing system is configured to display the button on the second display screen in an enlarged manner compared to how the button is displayed on the first display screen.
5. The display system according to any preceding claim, wherein the processing system is configured to display the content on the second display screen in an enlarged manner compared to how the content is displayed on the first display screen.
6. The display system according to any preceding claim, wherein the first display screen comprises a touch sensitive display, and the detected input is a touch input to the touch sensitive display.
7. The display system according to any preceding claim, further comprising a proximity detector for detecting proximity of an object to the first display screen, and wherein the input location is determined based on data received from the proximity detector.
8. The display system according to any preceding claim, wherein the content comprises one or more of text, a button, an image, and a link.
9. A multi-layer display system, comprising:
a first display screen and a second display screen arranged in a substantially parallel manner in different planes, the first display screen overlapping the second display screen;
processing circuitry configured to:
display content on the first display screen;
detect an input to the first display screen;
determine an input location of the input to the first display screen and content displayed on the first display screen proximate the input location; and
display, on the second display screen, content relating to the content that was proximate the input location.
10. The display system according to claim 9, wherein the processing circuitry is configured to, when the input location corresponds to and/or is proximate a button displayed on the first screen, move display of the button from the first display screen to at least the second display screen.
1 1. The display system according to any of claims 9- 10, wherein the first display screen comprises a touch sensitive display, and the detected input is a touch input to the touch sensitive display.
12. The display system according to any of claims 9-11, wherein the content comprises one or more of text, a button, an image, and a link.
13. A method of using a display system, the method comprising:
having a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen so that the first display screen is located between a user and the second display screen;
displaying content on the first display screen;
detecting an input to the first display screen;
determining an input location of the input to the first display screen and determining content displayed on the first display screen proximate the input location; and
displaying, on the second display screen, at least some of the content that was proximate the input location.
14. The method of claim 13, comprising moving display of at least part of the content proximate the input location from the first display screen to the second display screen.
15. The method of any of claims 13-14, wherein the content comprises a button.
16. The method of claim 15, comprising moving display of the button from the first display screen to the second display screen to simulate pressing of the button.
17. The method of any of claims 13-16, comprising displaying at least some of the content that was proximate the input location in an enlarged manner on the second display screen compared to how it is/was displayed on the first display screen.
18. The method of any of claims 13-17, wherein the first display screen comprises a touch sensitive display, and wherein the input is a touch input.
19. A method of using a multi-layer display system, the method comprising:
having at least a first display screen and a second display screen arranged in a substantially parallel and overlapping manner;
displaying on the first display content including a plurality of buttons; detecting an input;
determining location of the input on the first display screen; and
when the determined location of the input corresponds to and/or is proximate to a location of a displayed button on the first display screen, displaying the button on the second display screen.
20. The method of claim 19, wherein when the determined location of the input corresponds to and/or is proximate the location of the displayed button on the first display screen, displaying the button on the second display screen and removing display of the button from the first display screen.
21. A multi-layer display system, comprising:
a first display and a second display arranged in a substantially parallel manner to the first display, the first display overlapping the second display and including a touch screen;
a processing system comprising at least one processor and a memory, the processing system configured to:
display on the first display content including a plurality hyperlinks; detect area of contact of a touch input to the first display;
determine one or more links that are overlapped by and/or proximate a touch area of the touch input; and
display, on the second display and while the content is displayed on the first display, information associated with the one or more links that are determined to be overlapped by and/or proximate the touch area of the touch input.
22. The display system according to claim 21, wherein the information displayed on the second display includes one or more links that are determined to be overlapped by and/or proximate the touch area of the touch input, and the processing system is further configured to:
detect a link activation input corresponding to one of the links displayed on the second display; and
in response to detecting the link activation input, display, on the second display, additional content associated with the link corresponding to the link activation input.
23. The display system according to claim 21, wherein the information displayed on the second display includes one or more links that are determined to be overlapped by and/or proximate the touch area of the touch input, and the processing system is further configured to:
detect a link activation input corresponding to one of the links displayed on the second display; and
in response to detecting the link activation input, display, on the first display, additional content associated with the link corresponding to the link activation input.
24. A multi-layer display system, comprising:
a first display screen and a second display screen arranged in a substantially parallel manner, the first display screen overlapping the second display screen; wherein the multi-layer display system is configured so that the first display screen is to be located between a user and the second display screen;
a processing system comprising at least one processor and memory, the processing system configured to:
display content on the second display screen;
determine an input location and content displayed on the second display screen proximate an input location on the first display screen; and display, on the first display screen, at least some of the content that was on the second display screen proximate the input location.
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201780081573.3A CN110121693B (en) | 2016-12-28 | 2017-12-18 | Content collision in a multi-layer display system |
EP17888667.7A EP3559792A4 (en) | 2016-12-28 | 2017-12-18 | Content bumping in multi-layer display systems |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US15/391,903 US10592188B2 (en) | 2016-12-28 | 2016-12-28 | Content bumping in multi-layer display systems |
US15/391,903 | 2016-12-28 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2018122670A1 true WO2018122670A1 (en) | 2018-07-05 |
Family
ID=62625384
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/IB2017/058063 WO2018122670A1 (en) | 2016-12-28 | 2017-12-18 | Content bumping in multi-layer display systems |
Country Status (4)
Country | Link |
---|---|
US (1) | US10592188B2 (en) |
EP (1) | EP3559792A4 (en) |
CN (1) | CN110121693B (en) |
WO (1) | WO2018122670A1 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018122674A1 (en) | 2016-12-29 | 2018-07-05 | Pure Depth Limited | Multi-layer display including proximity sensor and depth-changing interface elements, and/or associated methods |
JP2020012877A (en) * | 2018-07-13 | 2020-01-23 | 株式会社ジャパンディスプレイ | Display device |
Families Citing this family (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
USD900134S1 (en) * | 2017-09-27 | 2020-10-27 | Toyota Research Institute, Inc. | Vehicle display screen or portion thereof with a graphical user interface |
USD900135S1 (en) * | 2017-09-27 | 2020-10-27 | Toyota Research Institute, Inc. | Vehicle display screen or portion thereof with a graphical user interface |
DE102017217591A1 (en) * | 2017-10-04 | 2019-04-04 | Audi Ag | Operating system with three-dimensional display for a vehicle |
WO2020014038A2 (en) * | 2018-07-11 | 2020-01-16 | Pure Depth Inc. | Ghost multi-layer and single layer display systems |
US11157047B2 (en) * | 2018-11-15 | 2021-10-26 | Dell Products, L.P. | Multi-form factor information handling system (IHS) with touch continuity across displays |
JP2020177074A (en) * | 2019-04-16 | 2020-10-29 | 株式会社デンソー | Device for vehicle, and method for controlling device for vehicle |
DE102019206443A1 (en) * | 2019-05-06 | 2020-11-12 | Audi Ag | Display device with a touch-sensitive user interface and an operating and gesture recognition device, motor vehicle with a display device, mobile terminal with a display device, and a method for operating the display device |
CN110442314B (en) * | 2019-07-19 | 2022-11-29 | 咪咕动漫有限公司 | Display method, terminal and computer readable storage medium |
US11260752B2 (en) * | 2019-12-27 | 2022-03-01 | Kawasaki Jukogyo Kabushiki Kaisha | Instrument panel for leisure vehicle |
JP2022029342A (en) * | 2020-08-04 | 2022-02-17 | 株式会社リコー | Information processing apparatus, touch panel display method, and touch panel display program |
US20220198420A1 (en) * | 2020-12-17 | 2022-06-23 | Toshiba Global Commerce Solutions Holdings Corporation | Self-checkout systems using overlapping display devices |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100302173A1 (en) * | 2009-05-28 | 2010-12-02 | Xerox Corporation | Multi-layer display |
US20150378502A1 (en) * | 2013-02-08 | 2015-12-31 | Motorola Solutions, Inc. | Method and apparatus for managing user interface elements on a touch-screen device |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP3478192B2 (en) * | 1999-08-20 | 2003-12-15 | 日本電気株式会社 | Screen superimposed display type information input / output device |
US6720961B2 (en) * | 2000-11-06 | 2004-04-13 | Thomas M. Tracy | Method and apparatus for displaying an image in three dimensions |
NZ514500A (en) | 2001-10-11 | 2004-06-25 | Deep Video Imaging Ltd | A multiplane visual display unit with a transparent emissive layer disposed between two display planes |
US20090143141A1 (en) * | 2002-08-06 | 2009-06-04 | Igt | Intelligent Multiplayer Gaming System With Multi-Touch Display |
NZ525956A (en) * | 2003-05-16 | 2005-10-28 | Deep Video Imaging Ltd | Display control system for use with multi-layer displays |
US20060074984A1 (en) * | 2004-09-27 | 2006-04-06 | Scott Milener | Graphical tree depicting search or browsing history |
US7889184B2 (en) | 2007-01-05 | 2011-02-15 | Apple Inc. | Method, system and graphical user interface for displaying hyperlink information |
US8063887B2 (en) * | 2007-02-09 | 2011-11-22 | Ricoh Co., Ltd. | Thin multiple layer input/output device |
US20110157051A1 (en) * | 2009-12-25 | 2011-06-30 | Sanyo Electric Co., Ltd. | Multilayer display device |
US8887043B1 (en) * | 2012-01-17 | 2014-11-11 | Rawles Llc | Providing user feedback in projection environments |
US9575653B2 (en) * | 2013-01-15 | 2017-02-21 | Blackberry Limited | Enhanced display of interactive elements in a browser |
KR20160100585A (en) * | 2015-02-16 | 2016-08-24 | 전주대학교 산학협력단 | Multi layered screens for kiosk |
-
2016
- 2016-12-28 US US15/391,903 patent/US10592188B2/en active Active
-
2017
- 2017-12-18 CN CN201780081573.3A patent/CN110121693B/en active Active
- 2017-12-18 WO PCT/IB2017/058063 patent/WO2018122670A1/en unknown
- 2017-12-18 EP EP17888667.7A patent/EP3559792A4/en active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100302173A1 (en) * | 2009-05-28 | 2010-12-02 | Xerox Corporation | Multi-layer display |
US20150378502A1 (en) * | 2013-02-08 | 2015-12-31 | Motorola Solutions, Inc. | Method and apparatus for managing user interface elements on a touch-screen device |
Non-Patent Citations (1)
Title |
---|
See also references of EP3559792A4 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018122674A1 (en) | 2016-12-29 | 2018-07-05 | Pure Depth Limited | Multi-layer display including proximity sensor and depth-changing interface elements, and/or associated methods |
EP3559936A4 (en) * | 2016-12-29 | 2020-08-12 | Pure Depth Limited | Multi-layer display including proximity sensor and depth-changing interface elements, and/or associated methods |
JP2020012877A (en) * | 2018-07-13 | 2020-01-23 | 株式会社ジャパンディスプレイ | Display device |
Also Published As
Publication number | Publication date |
---|---|
CN110121693A (en) | 2019-08-13 |
EP3559792A4 (en) | 2020-08-19 |
CN110121693B (en) | 2023-05-02 |
US10592188B2 (en) | 2020-03-17 |
EP3559792A1 (en) | 2019-10-30 |
US20180181287A1 (en) | 2018-06-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10592188B2 (en) | Content bumping in multi-layer display systems | |
US11972164B2 (en) | User interfaces for devices with multiple displays | |
US11481538B2 (en) | Device, method, and graphical user interface for providing handwriting support in document editing | |
US20240345694A1 (en) | Device, Method, and Graphical User Interface for Manipulating Application Window | |
US8547353B2 (en) | Method, system, and graphical user interface for displaying hyperlink information on a web page | |
US7889185B2 (en) | Method, system, and graphical user interface for activating hyperlinks | |
US10152228B2 (en) | Enhanced display of interactive elements in a browser | |
US20200081598A1 (en) | Devices, methods, and graphical user interfaces for accessibility using a touch-sensitive surface | |
US8413075B2 (en) | Gesture movies | |
US11334238B2 (en) | Device, method, and graphical user interface for moving user interface objects | |
CN104205098B (en) | It navigates using between the content item of array pattern in a browser | |
US10871893B2 (en) | Using gestures to deliver content to predefined destinations | |
US9423932B2 (en) | Zoom view mode for digital content including multiple regions of interest | |
US20160034132A1 (en) | Systems and methods for managing displayed content on electronic devices | |
EP3180687A1 (en) | Hover-based interaction with rendered content | |
US9134903B2 (en) | Content selecting technique for touch screen UI | |
CN111339032A (en) | Apparatus, method and graphical user interface for managing a folder having multiple pages | |
EP2715499A1 (en) | Invisible control | |
US20220391456A1 (en) | Devices, Methods, and Graphical User Interfaces for Interacting with a Web-Browser | |
WO2022261008A2 (en) | Devices, methods, and graphical user interfaces for interacting with a web-browser | |
AU2024201515A1 (en) | User interfaces for managing visual content in media | |
KR20150033196A (en) | Method of seaching for contents and device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 17888667 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
ENP | Entry into the national phase |
Ref document number: 2017888667 Country of ref document: EP Effective date: 20190723 |