Unlock instant, AI-driven research and patent intelligence for your innovation.

Method for multi-layer user interface with flexible parallel and orthogonal movement

A technology of visual information and movement rate, applied in the field of flexible parallel and orthogonal movement of visual information presentation

Active Publication Date: 2015-05-20
MICROSOFT TECH LICENSING LLC
View PDF7 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Users can easily become confused unless careful attention is paid to how information is presented in the limited amount of display space available

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method for multi-layer user interface with flexible parallel and orthogonal movement
  • Method for multi-layer user interface with flexible parallel and orthogonal movement
  • Method for multi-layer user interface with flexible parallel and orthogonal movement

Examples

Experimental program
Comparison scheme
Effect test

example 1

[0048] Example 1 - Multiple UI layers

[0049] figure 2 is a flowchart illustrating an example technique 200 for providing a user interface with multiple layers moving at different rates. At 210, a multi-layer UI system provides a user interface comprising parallel layers displayed simultaneously (eg, in a display area of ​​a computing device). Generally, at least part of at least one of the layers is not visible in the display area. At 220, the system receives user input indicating movement within a layer is to be performed. For example, as the content layer extends beyond the right edge of the display area, the user may interact with the touch screen to cause translational motion in the content layer in order to view different portions of the content layer. At 230, the system renders movement in the parallel layers at different rates of movement based at least in part on dependence on the user input. For example, the system may cause the content layer to move at a rat...

example 3

[0065] Example 3 - Counting movement in multiple UI layers

[0066] Figure 4 is to show where the UI system computes a multi-layer GUI (e.g., Figures 3A-3C A flowchart of an example technique 400 for movement in a first direction (eg, a horizontal direction) in the GUI shown in .

[0067] At 410, the UI system displays a graphical user interface including multiple layers. The first portion of visual information (eg, as Figure 3A The content image shown in 330 ) is located within the display area (eg, display area 300 ) of the touch screen. At 420, the UI system receives user input corresponding to the gesture on the touch screen. At 430, the UI system calculates a first movement based at least in part on the user input. The first move is the first layer from the initial first layer position (eg, Figure 3Aposition shown in ) to the current first layer position (e.g., the position shown in FIG. ) is outside the display area, and in the current first layer position, ...

example 4

[0069] Example 4 - Layers moving at varying speeds

[0070] Figures 5A-5D is a diagram showing a GUI presented by a multi-layer UI system having three layers 510 , 512 , 514 , where different parts of the section header layer 512 are associated with different parts of the content layer 514 . according to Figures 5A-5D In the example shown, a user (not shown) interacts with content layer 514 . For example, a user navigates content layer 514 by pressing a navigation button (not shown) to highlight a different segment (eg, segment 1a, 1b, 1c, 1d, 2a, 2b, 2c, or 2d) in the content layer. Alternatively, the user interacts with content layer 514 by interacting with a touch screen having display area 300 . This interaction may include, for example, touching the touchscreen with a fingertip, stylus, or other object, and moving it (eg, with a flick or slide motion) across the surface of the touchscreen.

[0071] Content layer 514 includes segments 1a, 1b, 1c, 1d, 2a, 2b, 2c, an...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

A user interface (UI) system calculates movements in a multi-layer graphical user interface. The UI system receives user input corresponding to gestures on a touchscreen. The UI system calculates a movement of a first layer in a first direction (e.g., a horizontal direction) at a first movement rate. The UI system calculates a movement of a second layer substantially parallel to the movement of the first layer, at a second movement rate that differs from the first movement rate. The UI system calculates a movement (e.g., a vertical movement) in a direction substantially orthogonal to the first direction, in a UI element of one of the layers.

Description

Background technique [0001] The design of effective user interfaces presents many challenges. One challenge is how to provide the user with an optimal amount of visual information or functionality given the space constraints of the display and the needs of a particular user. This challenge can be especially difficult for devices with small displays, such as smartphones or other mobile computing devices. This is because there is often more information available to a user performing a particular activity than is suitable for the display. Users can easily become confused unless careful attention is paid to how information is presented in the limited amount of display space available. [0002] Regardless of the benefits of previous techniques, none of them have the advantages of the techniques and tools presented below. Contents of the invention [0003] The techniques and tools described herein relate to presenting visual information to users on computer displays, and more ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F3/0485G06F3/0488
CPCG06F3/0485G06F3/04883G06F2203/04803G06F3/041G06F3/04842
Inventor J·C-Y·冯E·J·豪尔S·丘布
Owner MICROSOFT TECH LICENSING LLC