US20150007078A1 - Data Displays in a Tile-Based User Interface - Google Patents
Data Displays in a Tile-Based User Interface Download PDFInfo
- Publication number
- US20150007078A1 US20150007078A1 US13/931,559 US201313931559A US2015007078A1 US 20150007078 A1 US20150007078 A1 US 20150007078A1 US 201313931559 A US201313931559 A US 201313931559A US 2015007078 A1 US2015007078 A1 US 2015007078A1
- Authority
- US
- United States
- Prior art keywords
- data
- tile
- chart
- computations
- computer
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Abandoned
Links
Images
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/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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- 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
- 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/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Definitions
- FIG. 1 shows a system in accordance with the present disclosure.
- the term “chart” will be understood to refer to diagrammatic representations of data.
- the data that is represented by a chart is analytics data, which refers to source data that has been subjected to one or more analytics (computations, computed data, etc.).
- the source data may be sales receipts of a store collected during the week.
- An example of analytics that may be generated from the source data may include daily receipts, where the analytics involves grouping the receipts by day and then computing the sum of each day's receipts.
- FIG. 7B illustrates an example.
- the bar chart that is presented in the tile of FIG. 7B can provide additional detail about employee distribution within each region, R1, R2, R3.
- the constituent states within each region may be identified, and the number of employees in each state may be charted.
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
A computing device may present a display of tiles to present therein data feeds, analytics, news items and so on. A user may expand a tile to show more additional details of data in a tile. The additional data details in the expanded tile may comprise different detailed data than the data in the original tile.
Description
- The present disclosure relates to commonly owned, concurrently filed U.S. application Ser. No. 13/931,592, filed Jun. 28, 2013, entitled “PINCH GESTURES IN A TILE-BASED USER INTERFACE,” the content of which is incorporated herein by reference in its entirety for all purposes.
- Unless otherwise indicated herein, the approaches described in this section are not prior art to the claims in this application and are not admitted to be prior art by inclusion in this section.
- Tile-based user interfaces (UIs) are becoming increasingly common in mobile computing devices. A tile-based application may present its UI in a tile that is displayed among several other tiles in the display area of an output device. The amount of information available from a tile is limited because the tile typically occupies only a small portion of the display area. Similarly, the functionality that is available through a tile is limited due to the small size of the tile. Access to the detailed information and full functionality of a tile-based application requires the user to bring up a full-screen view of the application's UI.
-
FIG. 1 shows a system in accordance with the present disclosure. -
FIG. 2 illustrates a high level block diagram of an implementation in accordance with the present disclosure. -
FIGS. 3A and 3B illustrate examples of charts. -
FIGS. 4A , 4B, and 4C illustrate examples of pinch gestures performed on tiles in accordance with the present disclosure. -
FIGS. 4D-4H illustrate various gestures that can be performed on tiles. -
FIGS. 5A , 5B, 5C, and 5D illustrate tile resizing in accordance with the present disclosure. -
FIGS. 6 , 6A, 6B, and 6C illustrate an example of chart resizing in accordance with the present disclosure. -
FIGS. 7A and 7B illustrate another example of chart resizing in accordance with the present disclosure. -
FIGS. 8A and 8B illustrate yet another example of chart resizing in accordance with the present disclosure. -
FIGS. 9A , 9B, and 9C show processing in accordance with some embodiments of the present disclosure. - In the following description, for purposes of explanation, numerous examples and specific details are set forth in order to provide a thorough understanding of the present disclosure. It will be evident, however, to one skilled in the art that the present disclosure as expressed in the claims may include some or all of the features in these examples alone or in combination with other features described below, and may further include modifications and equivalents of the features and concepts described herein.
-
FIG. 1 shows a user environment in accordance with embodiments of the present disclosure. Users may access aserver system 12 over a suitable communication network using theircomputing devices 102. In some embodiments, for example, the users may be workers in an organization such as a business enterprise. Theserver systems 12 may be various backend systems in the enterprise to support the user's efforts in the enterprise. Theserver systems 12 may include, for example, customer relationship management (CRM) systems, enterprise resource planning (ERP) systems, and so on. Thebackend systems 12 may executevarious applications 14 in order to provide information access and other services to users who need to access thebackend systems 12. - Users may access
applications 14 running on thebackend systems 12 using theircomputing devices 102.Applications 14 may access services provided by thebackend systems 12 using, for example, web interface technology such as the web services description language (WSDL), the simple object access protocol (SOAP), and so on.Typical computing devices 102 include desktop computers, laptop computers, and the like. In accordance with the present disclosure, thebackend systems 12 may be accessed usingmobile computing devices 102 a, 102 b, such as computing tablets, smart phones, and the like. - “Tiling” may be used to allow users to have concurrent access to several applications at a time on their
computing devices 102. For example,computing device 102 a shows a display havingseveral tiles 122 presented in thedisplay area 106 of thedisplay device 104.Tiles 122 are typically displayed in thedisplay area 106 in non-overlapping fashion. - Each
tile 122 may be associated with anapplication 14, for example, to provide feeds, analytics, social networking, news, etc. Some tiles (e.g.,tile 122 a incomputing device 102 a) may present data generated by their respective applications in the form of charts. In accordance with the present disclosure, a user may change the size of atile 122 a to view more (or less) information presented by the chart, for example, by presenting a different chart in the re-sizedtile 122 b. - The
backend systems 12 may providechart data 112 to thecomputing device 102 that comprises the different data presented by the different charts. In some embodiments, thechart data 112 may be received from thebackend systems 12 and cached in local memory in thecomputing device 102 to provide a fast the response time in presenting the chart in a resized tile. In other embodiments, thechart data 112 may be provided in real time (on the fly) from thebackend systems 12 as tiles are re-sized. This aspect of the present disclosure will be discussed in more detail below. - Referring to
FIG. 2 , an illustrative implementation ofcomputing device 102 in accordance with the present disclosure may include acomputing part 202 having aprocessing unit 212, asystem memory 214, and asystem bus 211. Thesystem bus 211 may connect various system components including, but not limited to, theprocessing unit 212, thesystem memory 214, an internaldata storage device 216, and acommunication interface 213. In a configuration where thecomputing device 102 is a mobile device (e.g., smartphone, computer tablet), thecommunication interface 213 may be an interface for wireless communication such as over a cellular network, using a WiFi® connection, etc. - The
processing unit 212 may comprise a single-processor configuration, or may be a multi-processor architecture. Thesystem memory 214 may include read-only memory - (ROM) and random access memory (RAM). The internal
data storage device 216 may be an internal hard disk drive (HDD), a magnetic floppy disk drive (FDD, e.g., to read from or write to a removable diskette), an optical disk drive (e.g., for reading a CD-ROM disk, or to read from or write to other high capacity optical media such as the DVD), and so on. In a configuration where thecomputing device 102 is a mobile device, theinternal data storage 216 may be a flash drive. - The internal
data storage device 216 and its associated non-transitory computer-readable storage media provide nonvolatile storage of data, data structures, computer-executable instructions, and so forth. Although the description of computer-readable media above refers to an HDD, a removable magnetic diskette, and a removable optical media such as a CD or DVD, it is noted that other types of media which are readable by a computer, such as zip drives, magnetic cassettes, flash memory cards, cartridges, and the like, may also be used, and further, that any such media may contain computer-executable instructions for performing the methods disclosed herein. - The
system memory 214 and/or the internaldata storage device 216 may store a number of program modules, including an operating system (OS) 232, one ormore application programs 234,data 236, and other program/system modules 238. For example, theapplication programs 234, which when executed, may cause thecomputing part 202 to perform method steps disclosed herein. Theapplication programs 234 and/or theOS 232 may include a tile manager for managing the display oftiles 122 in thedisplay area 106. In addition, in some embodiments, thedata 236 stored insystem memory 214 may includechart data 112 provided by thebackend systems 12 and cached in thecomputing device 102. - In some embodiments, access to the
computing part 202 may be provided by an input component 244 (e.g., keyboard, mouse, etc.) and anoutput component 246. In some embodiments, where thecomputing device 102 is mobile device, theinput 244 andoutput 246 may be components of a touch-sensitive device. In other embodiments, such as in a laptop computer, theinput 244 may include a touch pad device and theoutput 246 may be a display panel. - Though the idea of charts are well known, a brief discussion about charts, nonetheless, will be made to a more complete understanding of the present disclosure. As used herein, the term “chart” will be understood to refer to diagrammatic representations of data. In some embodiments, the data that is represented by a chart is analytics data, which refers to source data that has been subjected to one or more analytics (computations, computed data, etc.). For example, the source data may be sales receipts of a store collected during the week. An example of analytics that may be generated from the source data may include daily receipts, where the analytics involves grouping the receipts by day and then computing the sum of each day's receipts.
- Charts may include graphs, bar charts, pie charts, line charts, data tables, and so on. Charts typically include labels to inform the user as to the nature of the data that is being represented by the chart. Some charts may be annotated in addition to the labels to convey additional information about the data.
FIG. 3A , for example, shows a graph, andFIG. 3B shows an example of a bar chart. - In accordance with the present disclosure, a tile (e.g., 122 a) that is displayed in the
display area 106 of thecomputing device 102 may present a chart that represents data generated from “source data” that is associated with the tile. For example, theapplication 14 may be a sales forecasting application that uses sales and other data for generating a sales forecast, which is then presented in thetile 122 a. The sales and related data would be the source data that is associated with thetile 122 a. - When the
tile 122 a is resized to a larger size (e.g., 122 b), the resized tile is still associated with the source data, but may present a chart that represents different data generated from that source data. For example, different computations may be performed for different tile sizes, the source data may be grouped differently, and so on. In some embodiments, the chart presented in the expandedtile 122 b may include additional data or information that was not presented in thesmaller tile 122 a. - Referring to
FIGS. 4A-4C , illustrative examples of tile resizing are shown for a touch screen display device. As conventionally known, finger gestures may serve as a source of user input on the touch screen display device. In some embodiments, two-finger gestures called “pinch” may be used to resize a tile from its original (default) size to a larger size, and vice-versa.FIG. 4A illustrates an example of a horizontal pinch gesture. The figure shows a horizontal pinch out (reverse pinch) gesture made on thetile 122 a to enlarge the size of thetile 122 b in the horizontal direction (width). Likewise, a horizontal pinch gesture (pinch in) may be made on thetile 122 b to reduce the size of thetile 122 a in the horizontal direction.FIG. 4B illustrates a vertical pinch out gesture made ontile 122 a to enlarge thetile 122 b in the vertical direction (height), and a vertical pinch gesture to reduce thetile 122 a in the vertical direction. In some embodiments, a diagonal pinch as shown inFIG. 4C may be made on the tile to enlarge or reduce the tile along a diagonal direction. - In some embodiments, the re-sizing may be constrained to pre-defined incremental (step) sizes, where the number of increments can be one or more. Thus, each gesture may change the tile size by one increment. For example, enlargement may occur at 50% size increments, where the next size is changed by 50% from the previous size. Thus, a first horizontal pinch out gesture may expand the width of the tile by 50%, a second horizontal pinch out gesture may expand the tile by another 50%, and so on. Likewise a pinch in gesture may reduce a large tile back to its original size in 50% size increments.
- It will be appreciated that the finger gestures need not be two-finger pinch gestures. In other embodiments, any one-, two- or more finger gestures may be used to resize a tile. Referring to
FIGS. 4D-4H , a non-exhaustive list of alternative finger gestures is shown, including a claw gesture (FIG. 4D ), a swiping motion with one or more fingers (FIG. 4E ), one or more taps (FIG. 4F ), circular gestures (FIG. 4G ), semi-circular gestures (FIG. 4H ), and so on. - Referring to
FIGS. 5A and 5B , an illustrative example of tiles displayed indisplay area 106 ofcomputing device 102 shows a typical arrangement of non-overlapping tiles. Each tile may be initially displayed at a default size. In some embodiments, a single default size may be applied to all tiles. In other embodiments, each tile may have its own default size. The default size may be any suitable shape such as a square, rectangle, and so on. - The
display area 106 shows only a portion of all the tiles in a larger logical “grid” of tiles. Each tile in the grid may be associated with an application 14 (e.g., executing on the backend systems 12) and presents output generated by that application. Other tiles in the grid that are beyond the viewing area ofdisplay area 106 may be brought into view by dragging another portion of the grid into the viewing area. When a user moves a tile (e.g., using a drag and drop gesture) to another location, other tiles in the grid may be re-arranged in the grid to accommodate the tile's new location. When a user resizes atile 502 a (FIG. 5A ) to a larger size (e.g.,tile 502 b,FIG. 5B ), other tiles may be displaced and re-arranged in the grid to accommodate the resized tile.FIG. 5B , for example, shows that the resizedtile 502 b has displacedtiles Tile 506 is now largely off-screen, showing only a sliver of the tile indisplay area 106. More generally, tiles in the grid may be displaced in the vertical direction, horizontal direction, or both when a tile is re-sized. The specific re-arrangement of tiles will depend on the algorithm used. - Referring to
FIG. 5C and 5D , in some embodiments, when a user resizes atile 502 a, neighboring tiles may be resized. In some embodiments, tiles adjacent to a resizedtile 502 a may automatically resize in response to tile the being resized. In other embodiments, tiles in the neighborhood of a resizedtile 502 a (e.g., two tiles away from the resized tile) may automatically resize. In some embodiments, only nearby tiles above and/or below a resized tile will automatically resize if the resizing is in the vertical direction. Similarly, only nearby tiles to the left and/or right of the resized tile will automatically resize if the resizing is in the horizontal direction. Generally, in accordance with the present disclosure, one or more tiles may be moved, resized, or moved and resized when the user resizes a nearby tile. -
FIG. 5C shows an example where thetile 502 b has been resized in the vertical direction. In this particular example, the only one adjacent tile 508 (above) has automatically resized to a smaller size in the vertical direction. The amount that theadjacent tile 508 is automatically resized by may be equal to or different from the amount that thetile 502 a has been resized.FIG. 5D shows an example where thetile 502 b has been resized in the horizontal direction. In this particular example, than one tile (e.g.,tiles 504 and 506) have automatically resized, in this case in the horizontal direction. - In accordance with the present disclosure, if the user reduces a tile, one or more adjacent or neighboring tiles may automatically be resized to a larger size to fill the space left by the reduced sized tile. This may be illustrated, for example, by viewing
FIG. 5C and considering that the user has reduced the size oftile 502 b in the vertical direction.FIG. 5A , for example, may show that the tile 508 (for Appl) has increased in the vertical direction. - In accordance with the present disclosure, when a tile is automatically resized due to the user resizing a nearby tile, the data representation in the automatically resized tile may change in the manner according to the present disclosure as if the user had resized that tile. In other words, if a tile is automatically increased in size, then a more detailed representation of the underlying source data associated with that tile may be presented in that tile. Conversely, if a tile is automatically reduced in size, then a higher level (less detailed) representation of the underlying source data associated with that tile may be presented in that tile.
- Referring to FIGS. 6 and 6A-6C, an illustrative example of tile resizing and different data presentations in accordance with the present disclosure will be discussed.
FIG. 6 represents an initial (default) size oftile 602 a. The application associated with thetile 602 a may report revenue using the enterprise's annual sales receipts as the source data. The size of thedefault tile 602 a may only allow for quarterly results to be charted and presented in the tile. Accordingly, the computations performed on the source data may include summing the sales receipts for January to March and representing that sum on the chart as a data point for one quarter's revenue. Similar computations may be made with sales receipts for April to June, July to September, and October to December. -
FIG. 6 further illustrates that the default tile size may not allow for the chart to include labels or other information regarding the nature of the chart. For this reason, the default-sized tile 602 a may serve to provide a high level summary of the source data that is associated with the tile. - In accordance with the present disclosure, the user may view more detailed information by resizing the
tile 602 a using a pinch out gesture; e.g., horizontal pinch out, vertical pinch out, diagonal pinch out, etc.FIG. 6A shows thetile 602 a as a vertically re-sizedtile 602 b. The increased tile size may provide additional display area in thetile 602 b so that additional information, such as axes and labels, can be added to the chart to give the user more information about the data that the chart represents. - It is noted here that the chart in
tile 602 b does not constitute a mere scaling of the image of the chart presented in thetile 602 a inFIG. 6 ; if that were the case, then tile 602 b would simply present a vertically stretched image of the chart intile 602 a. Rather, the chart presented intile 602 b includes additional information that is not present intile 602 a. For example, tile 602 a does not include axes or labeling of the axes, whereastile 602 b does. - Referring to
FIG. 6B , instead of making a vertical pinch out gesture on thedefault tile 602 a ofFIG. 6 , the user may make a horizontal pinch out gesture.FIG. 6B shows an example oftile 602 a as horizontally re-sizedtile 602 c. Since thetile 602 c is wider, the chart can represent data, computed or otherwise generated from the source data, that is different from the data represented by the chart intile 602 a. Thus, instead of quarterly figures (tile 602 a), the chart intile 602 c may represent monthly figures computed from the source data. The computations performed on the source data may include grouping the sales receipts according to month, summing each month's sales receipts, and then presenting the monthly sums in a chart. - It is noted here that the
tile 602 c inFIG. 6B presents a chart that represents different data than is represented by the chart oftile 602 a inFIG. 6 ; the chart intile 602 c is not merely a resizing of the image of the chart intile 602 a. The chart intile 602 a represents quarterly data computed from the annual sales receipts (source data), while the chart intile 602 c represents monthly totals, which is different data than quarterly totals. -
FIG. 6C illustrates an example of a diagonally re-sizedtile 602 d in which thetile 602 a has been expanded in both the vertical direction and the horizontal direction. In accordance with the present disclosure, thelarger tile 602 d may allow for additional information such as annotations. For example, the chart presented intile 602 d may include labeling of the data points with the actual monthly revenue figures in addition to chart labels. - The data that is represented by the chart presented in
tile 602 a ofFIG. 6 is an example of “chart data” (e.g., 112 inFIG. 1 ). Chart data is data that is computed from the source data (e.g., annual sales receipts) that is associated with the tile in which the chart is presented. Thus, thechart data 112 that is represented by the chart intile 602 a is quarterly sales data computed from the annual sales receipts associated with that tile. Likewise, thechart data 112 that is represented by the chart intile 602 c is monthly sales data computed from the annual sales receipts. - The
chart data 112 may include additional data such a labels for the chart, labeling of data points, and so on. Thechart data 112 may also include meta data which describes how to display the chart, for example the kind of chart (bar chart, pie chart, line graph, etc.), the scale ranges, number of tic marks, number of pie segments, and so on. -
FIGS. 7A and 7B illustrate another example of tile resizing of a tile that presents, n this example, a bar chart. Here, the underlying source data that is associated with the tile may be an employee database (e.g., from an HR backend system). The bar chart may represent the distribution of employees among the enterprise's sales offices, manufacturing facilities, and so on.FIG. 7A shows a default tile that presents a high level summary of employee distribution. At this level of detail, for example, the distribution chart may be based on regions of the country. Thus, the total number of employees in region R1 may be computed from the employee database, and similarly for regions R2 and R3. - If the user horizontally expands the tile (e.g., using a horizontal pinch out gesture), the tile may now present a chart using more detailed data generated from the same employee database.
FIG. 7B illustrates an example. The bar chart that is presented in the tile ofFIG. 7B , being wider, can provide additional detail about employee distribution within each region, R1, R2, R3. For example, the constituent states within each region may be identified, and the number of employees in each state may be charted. - The data that is represented by the chart in
FIG. 7A is different from the data that is represented by the chart inFIG. 7B . In the former, the data is computed by grouping the employees by region and summed, whereas in the latter, the data is computed by grouping the employees by states. - Yet another example is illustrated in
FIGS. 8A and 8B . A pie chart is presented in the tile inFIG. 8A , showing at a high level sales levels for three categories of goods (Appliances, Garden, Tools) in a store. The data that the chart represents may be computed from the store's sales records (source data).FIG. 8B illustrates an example where the user may expand the tile with a diagonal pinch out gesture. The enlarged pie chart can represent different data than the pie chart ofFIG. 8A . For example, the pie chart inFIG. 8B may include additional slices for subcategories of Appliances, Garden, and Tools. - Referring now to
FIG. 9A , a high level logical description of processing performed by thecomputing device 102 in accordance with some embodiments of the present disclosure will now be discussed. It will be appreciated that the specific algorithms and process flows will vary depending on a particular implementation of the present disclosure. - At a
block 902, thecomputing device 102 may receive from thebackend systems 12 one or more sets ofpre-computed chart data 112 for a tile to be displayed in thedisplay area 106. Thepre-computed chart data 112 may include chart data for a chart to be presented in default-sized tile and chart data for each incremental change in tile size. For example, the incremental tile sizes may be predefined, and the charts to be presented in each tile size increment may likewise be predefined. The chart data may then be pre-computed for each chart. Thechart data 112 may be stored (cached) in a local memory of thecomputing device 102, allowing for a quick response time in the display of a resized tile. - At a
block 904, thecomputing device 102 may display the tile in thedisplay area 106. The initial display of the tile may be the default-size of the tile. Atblock 906, thecomputing device 102 may select from local memory the cachedchart data 112 that is associated with the present size of the tile being displayed. For example, if the tile is at the default size, then thechart data 112 that corresponds to the default-sized tile is selected. Atblock 908, thecomputing device 102 may use the selectedchart data 112 to generate and present the chart in the tile. - At
block 910, thecomputing device 102 may receive user input; e.g., a gesture, data input, etc. Atblock 912, if the user input is not a re-sizing kind of input, then thecomputing device 102 may process the user input accordingly atblock 914. Processing may continue atblock 910 to receive the next user input. - If at
block 912, the user input is a re-sizing gesture (e.g., horizontal pinch out), then atblock 916, thecomputing device 102 may resize the tile in thedisplay area 106, which may include re-arranging and/or resizing other tiles in the display area. Processing proceeds to block 906, where thechart data 112 associated with the new size of the tile may be selected form among the cached chart data. Atblock 908, thecomputing device 102 may generated and present a chart in the tile using the selectedchart data 112. Processing may then proceed to block 910 to receive the next user input. - The processing in
FIG. 9A uses locally cachedpre-computed chart data 112. This is typically the preferred configuration because of the quick response time for redisplaying tiles. However, the caching ofpre-computed chart data 112 is not necessary. In other embodiments, thechart data 112 may be cached at thebackend systems 12 or may even be computed on the fly at the backend systems and communicated to thecomputing device 102. For example, in some embodiments, the user may be able to specify the parameters of the chart to be presented in the re-sized tile, in which case thechart data 112 may need to be computed on demand to accommodate the user's chart specifications. -
FIG. 9B shows a high level logical description of processing performed by thecomputing device 102 in accordance with other embodiments of the present disclosure. It will be appreciated that the specific algorithms and process flows will vary depending on a particular implementation of the present disclosure. - At
block 904, the tile may be displayed in thedisplay area 106 of thecomputing device 102. The tile may be initially displayed in its default size. Atblock 922, thecomputing device 102 may communicate with thebackend systems 12 to obtainsuitable chart data 112 from the backend systems; for example, by indicating the size (dimensions) of the tile. Thebackend systems 12 may obtain thechart data 112 from its local cache (block 932) or generate the chart data on the fly (block 914). - At
block 924, thecomputing device 102 may receive thechart data 112 from thebackend systems 12 and present a chart in the tile in accordance with the received chart data. User input may then be received atblock 908, and processed inblock 914 or block 916 as described above. - In some embodiments, the user may use different gestures to use either locally cached
pre-computed chart data 112 orchart data 112 produced by thebackend systems 12. This may be suitable where the user desires to view current up-to-date data from thebackend systems 12. - Accordingly,
FIG. 9C shows a high level logical description of processing performed by thecomputing device 102 in accordance with another embodiment of the present disclosure. It will be appreciated that the specific algorithms and process flows will vary depending on a particular implementation of the present disclosure. - Processing in
FIG. 9C is the same as explained inFIG. 9A , up until the YES branch atblock 912. If atblock 912, the user input is a resizing gesture, then at block 942 a determination is made whether the resizing gesture is of a first type (YES branch) that signifies to selectchart data 112 from the local cache, or if resizing gesture is of a second type (YES branch of block 944) that signifies to request and receivechart data 112 from thebackend system 12. - In an embodiment, for example, gestures of the first type may include a pinch out gesture to enlarge the tile on which the gesture was made, and a pinch in gesture to reduce the tile. An example of gestures of the second type may include a swiping motion toward the right to enlarge the tile, and a swiping motion toward the left to reduce the tile.
- Thus, if the resizing gesture is of the first kind, then at
block 946chart data 112 associated with the size of the tile indicated by the gesture may be selected form among the cached chart data as explained above. If the resizing gesture is of the second kind, then at block 948 a request may be sent to thebackend system 12 to generatepre-determined chart data 112 using the latest data stored in the backend system. In some embodiments, the request may trigger an aggregation, report, and search process to generatechart data 112. The request may include parameters that specify the report or aggregation, or specify the data to be used. Processing may then continue withblock 916 as discussed above. - The above description illustrates various embodiments of the present disclosure along with examples of how aspects of the particular embodiments may be implemented. The above examples should not be deemed to be the only embodiments, and are presented to illustrate the flexibility and advantages of the particular embodiments as defined by the following claims. Based on the above disclosure and the following claims, other arrangements, embodiments, implementations and equivalents may be employed without departing from the scope of the present disclosure as defined by the claims.
Claims (20)
1. A computer-implemented method in a computer device comprising:
displaying a plurality of tiles on a display device; and
presenting, in a first tile, a data chart representative of data generated from computations performed on source data associated with the first tile, wherein the computations performed depend on a size of the first tile,
wherein when the first tile is at a first size, the data chart presented in the first tile is representative of first data generated from the source data using first computations,
wherein when the first tile is at a second size, the data chart presented in the first tile is representative of second data different from the first data and generated from the source data using second computations.
2. The computer-implemented method of claim 1 wherein the first and second computations include groupings the source data that depending on the size of the first tile.
3. The computer-implemented method of claim 1 wherein the data chart is a graph, bar chart, pie chart, line chart, or a data table.
4. The computer-implemented method of claim 1 wherein the data chart is a graphical representation of the data generated from the computations performed on the source data.
5. The computer-implemented method of claim 1 wherein when the first tile is at the first size then a first data chart is presented in the first tile and when the first tile is at the second size then a second data chart different from the first data chart is presented in the first tile.
6. The computer-implemented method of claim 1 further comprising:
displaying the first tile in the display area at the first size including presenting the first data chart in the first tile;
receiving user input; and
in response to the user input, displaying the first tile in the display area at the second size including presenting the second data chart in the first tile.
7. The computer-implemented method of claim 6 wherein the user input is a gesture made on a touch sensitive device using one or more fingers.
8. The computer-implemented method of claim 6 further comprising:
receiving another user input; and
in response to the other user input, displaying the first tile in the display area at a third size including presenting a third data chart in the first tile representative of data generated from the source data using third computations different from the first computations and the second computations.
9. The computer-implemented method of claim 1 wherein data generated from the source data using the first computations and data generated from the source data using the second computations are cached in a memory of the computer device.
10. The computer-implemented method of claim 1 further comprising storing in the computer device first data generated from the source data using the first computations and storing in the computer device second data generated from the source data using the second computations,
wherein when the first tile is at the first size, the data chart presented in the first tile is generated using the first data stored in the computer device,
wherein when the first tile is at the second size, the data chart presented in the first tile is generated using the second data stored in the computer device.
11. The computer-implemented method of claim 1 wherein the first data generated using the first computations and the second data generated using the second computations are received from a server system different from the computer device.
12. A computing device comprising:
a processor;
a display device; and
a data storage device having stored thereon program code, which, when executed by the processor, causes the processor to:
display a plurality of tiles on the display device;
present, in a first tile, a first chart representative of first data generated from source data associated with the first tile;
receive user input;
in response to the user input, redisplay the first tile at a different size; and
present, in the first tile at the different size, a second chart representative of second data generated from the source data different from the first data.
13. The computing device of claim 12 wherein the data storage device includes first chart data for producing the first chart and second chart data for producing the second chart.
14. The computing device of claim 12 wherein the processor accesses first chart data stored in the data storage device to generate and present the first chart, wherein the processor accesses second chart data stored in the data storage device to generate and present the second chart.
15. The computing device of claim 12 wherein the first data is generated from the source data using first computations and the second data is generated from the source data using second computations different from the first computations.
16. The computing device of claim 12 wherein the first data is generated by performing computations on first groupings of the source data and the second data is generated by performing the computations on second groupings of the source data that are different from the first groupings.
17. The computing device of claim 12 wherein the first chart is labeled differently than the second chart.
18. The computing device of claim 12 wherein the display device includes a touch sensitive layer.
19. A nonvolatile computer-readable storage medium having stored thereon computer program code, which, when executed by a data processor, causes the data processor to perform steps of:
displaying a plurality of tiles on a display device; and
presenting, in a first tile, a data chart representative of data generated from computations performed on source data associated with the first tile, wherein the computations performed depend on a size of the first tile,
wherein when the first tile is at a first size, the data chart presented in the first tile is representative of first data generated from the source data using first computations,
wherein when the first tile is at a second size, the data chart presented in the first tile is representative of second data different from the first data and generated from the source data using second computations.
20. The nonvolatile computer-readable storage medium of claim 19 wherein the computer program code, which, when executed by a data processor, further causes the data processor to perform steps of:
displaying the first tile in the display area at the first size including presenting the first data chart in the first tile;
receiving user input; and
in response to the user input, displaying the first tile in the display area at the second size including presenting the second data chart in the first tile.
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
US13/931,592 US10775971B2 (en) | 2013-06-28 | 2013-06-28 | Pinch gestures in a tile-based user interface |
Publications (1)
Publication Number | Publication Date |
---|---|
US20150007078A1 true US20150007078A1 (en) | 2015-01-01 |
Family
ID=52116970
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US13/931,559 Abandoned US20150007078A1 (en) | 2013-06-28 | 2013-06-28 | Data Displays in a Tile-Based User Interface |
US13/931,592 Active 2036-07-09 US10775971B2 (en) | 2013-06-28 | 2013-06-28 | Pinch gestures in a tile-based user interface |
Family Applications After (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US13/931,592 Active 2036-07-09 US10775971B2 (en) | 2013-06-28 | 2013-06-28 | Pinch gestures in a tile-based user interface |
Country Status (1)
Country | Link |
---|---|
US (2) | US20150007078A1 (en) |
Cited By (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150363082A1 (en) * | 2014-06-17 | 2015-12-17 | Vmware, Inc. | User interface control based on pinch gestures |
US20160019382A1 (en) * | 2014-07-21 | 2016-01-21 | International Business Machines Corporation | User authentication security system |
US20160124612A1 (en) * | 2014-11-03 | 2016-05-05 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with pinch-and-expand inputs |
EP3040808A1 (en) * | 2015-01-02 | 2016-07-06 | Volkswagen AG | Means of locomotion, user interface and method for defining a tile on a display device |
US9442686B2 (en) * | 2014-11-26 | 2016-09-13 | Blackberry Limited | Electronic device and method of controlling display of information |
US20170010786A1 (en) * | 2014-09-08 | 2017-01-12 | Tableau Software Inc. | Methods and devices for adjusting chart magnification |
US9632656B2 (en) | 2014-11-03 | 2017-04-25 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with a uniform cursor movement |
WO2017083477A1 (en) | 2015-11-13 | 2017-05-18 | Harman International Industries, Incorporated | User interface for in-vehicle system |
US9684447B2 (en) | 2014-11-03 | 2017-06-20 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with drag-and-drop inputs |
US9880707B2 (en) | 2014-11-03 | 2018-01-30 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with operating condition indicators |
US9933915B2 (en) | 2014-11-03 | 2018-04-03 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameter graphs in different display orientations |
US20190012078A1 (en) * | 2015-12-22 | 2019-01-10 | Clarion Co., Ltd. | In-Vehicle Device, Display Area Splitting Method, Program, and Information Control Device |
US10347018B2 (en) | 2014-09-08 | 2019-07-09 | Tableau Software, Inc. | Interactive data visualization user interface with hierarchical filtering based on gesture location on a chart |
US10347027B2 (en) | 2014-09-08 | 2019-07-09 | Tableau Software, Inc. | Animated transition between data visualization versions at different levels of detail |
US10380770B2 (en) * | 2014-09-08 | 2019-08-13 | Tableau Software, Inc. | Interactive data visualization user interface with multiple interaction profiles |
US10416869B2 (en) * | 2016-10-11 | 2019-09-17 | Canon Kabushiki Kaisha | Information processing apparatus that scrolls and displays contents, control method therefor, and storage medium storing control program therefor |
US10593081B2 (en) * | 2016-04-19 | 2020-03-17 | Polaris Wireless, Inc. | System and method for graphical representation of spatial data |
US10635262B2 (en) | 2014-09-08 | 2020-04-28 | Tableau Software, Inc. | Interactive data visualization user interface with gesture-based data field selection |
US10775971B2 (en) | 2013-06-28 | 2020-09-15 | Successfactors, Inc. | Pinch gestures in a tile-based user interface |
US10896532B2 (en) | 2015-09-08 | 2021-01-19 | Tableau Software, Inc. | Interactive data visualization user interface with multiple interaction profiles |
WO2021244651A1 (en) * | 2020-06-05 | 2021-12-09 | 北京字节跳动网络技术有限公司 | Information display method and device, and terminal and storage medium |
US11429936B2 (en) | 2015-10-02 | 2022-08-30 | Snap-On Incorporated | System and method for dynamically-changeable displayable pages with vehicle service information |
WO2022271293A1 (en) * | 2021-06-21 | 2022-12-29 | Microsoft Technology Licensing, Llc | Providing visual feedback during touch-based operations on user interface elements |
US20230311653A1 (en) * | 2022-03-31 | 2023-10-05 | Snap-On Incorporated | Method and system for indicating vehicle operating conditions on a graphical user interface with graph-axis control |
Families Citing this family (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2480957B1 (en) | 2009-09-22 | 2017-08-09 | Apple Inc. | Device, method, and graphical user interface for manipulating user interface objects |
US9310907B2 (en) | 2009-09-25 | 2016-04-12 | Apple Inc. | Device, method, and graphical user interface for manipulating user interface objects |
US8832585B2 (en) | 2009-09-25 | 2014-09-09 | Apple Inc. | Device, method, and graphical user interface for manipulating workspace views |
DE102014211342A1 (en) * | 2014-06-13 | 2015-12-17 | Volkswagen Aktiengesellschaft | User interface and method for adjusting a semantic scaling of a tile |
CN105468630A (en) * | 2014-09-04 | 2016-04-06 | 口碑控股有限公司 | Method and apparatus for providing user information |
US20170351421A1 (en) * | 2015-01-21 | 2017-12-07 | Motorola Solutions, Inc. | Method and apparatus for controlling user interface elements on a touch screen |
US10579740B2 (en) * | 2016-12-28 | 2020-03-03 | Motorola Solutions, Inc. | System and method for content presentation selection |
US11126324B2 (en) * | 2017-01-26 | 2021-09-21 | Sap Se | Tile interface and launchpad system |
US11226727B2 (en) * | 2018-11-12 | 2022-01-18 | Citrix Systems, Inc. | Systems and methods for live tiles for SaaS |
CN113452471B (en) * | 2020-03-26 | 2024-07-19 | 伊姆西Ip控股有限责任公司 | Method for data processing, electronic device and computer program product |
EP4287020A1 (en) * | 2022-06-01 | 2023-12-06 | BASF Coatings GmbH | Method and system for resizing a view and assigned data objects of a grid displayed in a dashboard software product |
US20240053873A1 (en) * | 2022-08-09 | 2024-02-15 | Google Llc | Dynamic Carousel Interface |
Citations (26)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5537618A (en) * | 1993-12-23 | 1996-07-16 | Diacom Technologies, Inc. | Method and apparatus for implementing user feedback |
US20020073146A1 (en) * | 2000-12-13 | 2002-06-13 | Mathias Bauer | Method and apparatus of selecting local or remote processing |
US20080168403A1 (en) * | 2007-01-06 | 2008-07-10 | Appl Inc. | Detecting and interpreting real-world and security gestures on touch and hover sensitive devices |
US20080165403A1 (en) * | 2007-01-10 | 2008-07-10 | Fraunhofer-Gesellschaft Zur Forderung Der Angewandten Forschung E.V. | Micromechanical device with adjustable resonant frequency by geometry alteration and method for operating same |
US20090031247A1 (en) * | 2007-07-26 | 2009-01-29 | Walter Wolfgang E | Active Tiled User Interface |
US20090178009A1 (en) * | 2008-01-03 | 2009-07-09 | Dotson Gerald A | Nesting navigator user interface control |
US7634733B2 (en) * | 2006-09-18 | 2009-12-15 | Agfa Inc. | Imaging history display system and method |
US20100231595A1 (en) * | 2009-03-13 | 2010-09-16 | Microsoft Corporation | Large scale data visualization with interactive chart |
US20100269062A1 (en) * | 2009-04-15 | 2010-10-21 | International Business Machines, Corpoation | Presenting and zooming a set of objects within a window |
US20100283743A1 (en) * | 2009-05-07 | 2010-11-11 | Microsoft Corporation | Changing of list views on mobile device |
US20110074710A1 (en) * | 2009-09-25 | 2011-03-31 | Christopher Douglas Weeldreyer | Device, Method, and Graphical User Interface for Manipulating User Interface Objects |
US20110109632A1 (en) * | 2009-11-10 | 2011-05-12 | Alexandre Gorev | Rule based visualization mechanism |
US7949954B1 (en) * | 2007-08-17 | 2011-05-24 | Trading Technologies International, Inc. | Dynamic functionality based on window characteristics |
US20110145759A1 (en) * | 2009-12-16 | 2011-06-16 | Akiva Dov Leffert | Device, Method, and Graphical User Interface for Resizing User Interface Content |
US20110283188A1 (en) * | 2010-05-14 | 2011-11-17 | Sap Ag | Value interval selection on multi-touch devices |
US20120007868A1 (en) * | 2004-03-31 | 2012-01-12 | Trading Technologies International, Inc. | Graphical Display with Integrated Recent Period Zoom and Historical Period Context Data |
US20120151417A1 (en) * | 2010-12-08 | 2012-06-14 | Sap Ag | Displaying a Data Set |
US20130067420A1 (en) * | 2011-09-09 | 2013-03-14 | Theresa B. Pittappilly | Semantic Zoom Gestures |
US20130067390A1 (en) * | 2011-09-09 | 2013-03-14 | Paul J. Kwiatkowski | Programming Interface for Semantic Zoom |
US20130179644A1 (en) * | 2009-03-04 | 2013-07-11 | Canon Kabushiki Kaisha | Parallel processing processor system |
US8527909B1 (en) * | 2012-05-29 | 2013-09-03 | Sencha, Inc. | Manipulating data visualizations on a touch screen |
US20140047381A1 (en) * | 2012-08-10 | 2014-02-13 | Microsoft Corporation | 3d data environment navigation tool |
US20140281868A1 (en) * | 2013-03-13 | 2014-09-18 | Microsoft Corporation | Semantic zoom-based navigation of displayed content |
US20140300603A1 (en) * | 2007-08-02 | 2014-10-09 | Adobe Systems Incorporated | Methods and Systems for Drawing Graphics Into A Data Chart |
US20140372924A1 (en) * | 2013-06-14 | 2014-12-18 | Sap Ag | Graphically managing interactive analytic data |
US8941657B2 (en) * | 2011-05-23 | 2015-01-27 | Microsoft Technology Licensing, Llc | Calculating zoom level timeline data |
Family Cites Families (32)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5632009A (en) | 1993-09-17 | 1997-05-20 | Xerox Corporation | Method and system for producing a table image showing indirect data representations |
US5590250A (en) | 1994-09-14 | 1996-12-31 | Xerox Corporation | Layout of node-link structures in space with negative curvature |
US8479122B2 (en) | 2004-07-30 | 2013-07-02 | Apple Inc. | Gestures for touch sensitive input devices |
US7469381B2 (en) | 2007-01-07 | 2008-12-23 | Apple Inc. | List scrolling and document translation, scaling, and rotation on a touch-screen display |
US7113088B2 (en) | 2002-08-30 | 2006-09-26 | Sap Ag | RFID activated information kiosk |
US7376585B2 (en) | 2002-09-04 | 2008-05-20 | Sap Aktiengesellschaft | Real-time sales information architecture |
US9756349B2 (en) * | 2002-12-10 | 2017-09-05 | Sony Interactive Entertainment America Llc | User interface, system and method for controlling a video stream |
US7669140B2 (en) * | 2003-08-21 | 2010-02-23 | Microsoft Corporation | System and method for providing rich minimized applications |
US20050283739A1 (en) | 2004-06-18 | 2005-12-22 | Julia Mohr | Method and system to improve usability of a web application by providing a zoom function |
US8296667B2 (en) | 2007-08-01 | 2012-10-23 | Sap Ag | User interface for displaying and navigating relationships between objects graphically |
AU2007249153B2 (en) * | 2007-12-20 | 2010-08-26 | Canon Kabushiki Kaisha | A method of browsing media items using thumbnails |
US8539384B2 (en) | 2010-02-25 | 2013-09-17 | Microsoft Corporation | Multi-screen pinch and expand gestures |
US8996978B2 (en) | 2010-05-14 | 2015-03-31 | Sap Se | Methods and systems for performing analytical procedures by interactions with visual representations of datasets |
US20110283242A1 (en) | 2010-05-14 | 2011-11-17 | Sap Ag | Report or application screen searching |
US8640020B2 (en) | 2010-06-02 | 2014-01-28 | Microsoft Corporation | Adjustable and progressive mobile device street view |
US8749499B2 (en) | 2010-06-08 | 2014-06-10 | Sap Ag | Touch screen for bridging multi and/or single touch points to applications |
US8577960B2 (en) | 2010-07-29 | 2013-11-05 | Sap Ag | Providing status information for components in a distributed landscape |
EP2622443B1 (en) * | 2010-10-01 | 2022-06-01 | Z124 | Drag move gesture in user interface |
US8856688B2 (en) | 2010-10-11 | 2014-10-07 | Facebook, Inc. | Pinch gesture to navigate application layers |
US8949736B2 (en) | 2010-10-15 | 2015-02-03 | Sap Se | System and method for immersive process design collaboration on mobile devices |
US8760417B2 (en) | 2010-10-15 | 2014-06-24 | Sap Ag | Touch-enabled circle control for time and date entry |
US20120306930A1 (en) | 2011-06-05 | 2012-12-06 | Apple Inc. | Techniques for zooming in and out with dynamic content |
US20130016128A1 (en) | 2011-07-13 | 2013-01-17 | Apple Inc. | Tiled Zoom of Multiple Digital Image Portions |
US20130067398A1 (en) | 2011-09-09 | 2013-03-14 | Theresa B. Pittappilly | Semantic Zoom |
US10353566B2 (en) | 2011-09-09 | 2019-07-16 | Microsoft Technology Licensing, Llc | Semantic zoom animations |
US9063637B2 (en) | 2011-09-23 | 2015-06-23 | Microsoft Technology Licensing, Llc | Altering a view of a document on a display of a computing device |
US9075503B2 (en) | 2011-09-23 | 2015-07-07 | Sap Se | Concentric hierarchical list browser |
US9207837B2 (en) * | 2011-12-20 | 2015-12-08 | Nokia Technologies Oy | Method, apparatus and computer program product for providing multiple levels of interaction with a program |
US20130229440A1 (en) * | 2012-03-01 | 2013-09-05 | Microsoft Corporation | State aware tile visualization |
US10102567B2 (en) * | 2012-06-07 | 2018-10-16 | Google Llc | User curated collections for an online application environment |
US9348501B2 (en) * | 2012-06-14 | 2016-05-24 | Microsoft Technology Licensing, Llc | Touch modes |
US20150007078A1 (en) | 2013-06-28 | 2015-01-01 | Sap Ag | Data Displays in a Tile-Based User Interface |
-
2013
- 2013-06-28 US US13/931,559 patent/US20150007078A1/en not_active Abandoned
- 2013-06-28 US US13/931,592 patent/US10775971B2/en active Active
Patent Citations (26)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5537618A (en) * | 1993-12-23 | 1996-07-16 | Diacom Technologies, Inc. | Method and apparatus for implementing user feedback |
US20020073146A1 (en) * | 2000-12-13 | 2002-06-13 | Mathias Bauer | Method and apparatus of selecting local or remote processing |
US20120007868A1 (en) * | 2004-03-31 | 2012-01-12 | Trading Technologies International, Inc. | Graphical Display with Integrated Recent Period Zoom and Historical Period Context Data |
US7634733B2 (en) * | 2006-09-18 | 2009-12-15 | Agfa Inc. | Imaging history display system and method |
US20080168403A1 (en) * | 2007-01-06 | 2008-07-10 | Appl Inc. | Detecting and interpreting real-world and security gestures on touch and hover sensitive devices |
US20080165403A1 (en) * | 2007-01-10 | 2008-07-10 | Fraunhofer-Gesellschaft Zur Forderung Der Angewandten Forschung E.V. | Micromechanical device with adjustable resonant frequency by geometry alteration and method for operating same |
US20090031247A1 (en) * | 2007-07-26 | 2009-01-29 | Walter Wolfgang E | Active Tiled User Interface |
US20140300603A1 (en) * | 2007-08-02 | 2014-10-09 | Adobe Systems Incorporated | Methods and Systems for Drawing Graphics Into A Data Chart |
US7949954B1 (en) * | 2007-08-17 | 2011-05-24 | Trading Technologies International, Inc. | Dynamic functionality based on window characteristics |
US20090178009A1 (en) * | 2008-01-03 | 2009-07-09 | Dotson Gerald A | Nesting navigator user interface control |
US20130179644A1 (en) * | 2009-03-04 | 2013-07-11 | Canon Kabushiki Kaisha | Parallel processing processor system |
US20100231595A1 (en) * | 2009-03-13 | 2010-09-16 | Microsoft Corporation | Large scale data visualization with interactive chart |
US20100269062A1 (en) * | 2009-04-15 | 2010-10-21 | International Business Machines, Corpoation | Presenting and zooming a set of objects within a window |
US20100283743A1 (en) * | 2009-05-07 | 2010-11-11 | Microsoft Corporation | Changing of list views on mobile device |
US20110074710A1 (en) * | 2009-09-25 | 2011-03-31 | Christopher Douglas Weeldreyer | Device, Method, and Graphical User Interface for Manipulating User Interface Objects |
US20110109632A1 (en) * | 2009-11-10 | 2011-05-12 | Alexandre Gorev | Rule based visualization mechanism |
US20110145759A1 (en) * | 2009-12-16 | 2011-06-16 | Akiva Dov Leffert | Device, Method, and Graphical User Interface for Resizing User Interface Content |
US20110283188A1 (en) * | 2010-05-14 | 2011-11-17 | Sap Ag | Value interval selection on multi-touch devices |
US20120151417A1 (en) * | 2010-12-08 | 2012-06-14 | Sap Ag | Displaying a Data Set |
US8941657B2 (en) * | 2011-05-23 | 2015-01-27 | Microsoft Technology Licensing, Llc | Calculating zoom level timeline data |
US20130067420A1 (en) * | 2011-09-09 | 2013-03-14 | Theresa B. Pittappilly | Semantic Zoom Gestures |
US20130067390A1 (en) * | 2011-09-09 | 2013-03-14 | Paul J. Kwiatkowski | Programming Interface for Semantic Zoom |
US8527909B1 (en) * | 2012-05-29 | 2013-09-03 | Sencha, Inc. | Manipulating data visualizations on a touch screen |
US20140047381A1 (en) * | 2012-08-10 | 2014-02-13 | Microsoft Corporation | 3d data environment navigation tool |
US20140281868A1 (en) * | 2013-03-13 | 2014-09-18 | Microsoft Corporation | Semantic zoom-based navigation of displayed content |
US20140372924A1 (en) * | 2013-06-14 | 2014-12-18 | Sap Ag | Graphically managing interactive analytic data |
Non-Patent Citations (2)
Title |
---|
Redfin Blog, "Cluster Buck Rogers," Oct. 25, 2010, available at: , last accessed March 20, 2015. * |
ROOT, Users Guide 5.26 , published in December 2009 , available at , last accessed Sept. 27, 2015. * |
Cited By (48)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10775971B2 (en) | 2013-06-28 | 2020-09-15 | Successfactors, Inc. | Pinch gestures in a tile-based user interface |
US20150363082A1 (en) * | 2014-06-17 | 2015-12-17 | Vmware, Inc. | User interface control based on pinch gestures |
US10042547B2 (en) * | 2014-06-17 | 2018-08-07 | Vmware, Inc. | User interface control based on pinch gestures |
US20160019382A1 (en) * | 2014-07-21 | 2016-01-21 | International Business Machines Corporation | User authentication security system |
US10296162B2 (en) * | 2014-07-21 | 2019-05-21 | International Business Machines Corporation | User authentication security system |
US10394415B2 (en) | 2014-07-21 | 2019-08-27 | International Business Machines Corporation | User authentication security system |
US11017569B2 (en) | 2014-09-08 | 2021-05-25 | Tableau Software, Inc. | Methods and devices for displaying data mark information |
US10706597B2 (en) | 2014-09-08 | 2020-07-07 | Tableau Software, Inc. | Methods and devices for adjusting chart filters |
US10657685B2 (en) * | 2014-09-08 | 2020-05-19 | Tableau Software, Inc. | Methods and devices for adjusting chart magnification |
US10635262B2 (en) | 2014-09-08 | 2020-04-28 | Tableau Software, Inc. | Interactive data visualization user interface with gesture-based data field selection |
US9857952B2 (en) * | 2014-09-08 | 2018-01-02 | Tableau Software, Inc. | Methods and devices for adjusting chart magnification |
US10521092B2 (en) | 2014-09-08 | 2019-12-31 | Tableau Software, Inc. | Methods and devices for adjusting chart magnification asymmetrically |
US20170010786A1 (en) * | 2014-09-08 | 2017-01-12 | Tableau Software Inc. | Methods and devices for adjusting chart magnification |
US10347018B2 (en) | 2014-09-08 | 2019-07-09 | Tableau Software, Inc. | Interactive data visualization user interface with hierarchical filtering based on gesture location on a chart |
US11126327B2 (en) | 2014-09-08 | 2021-09-21 | Tableau Software, Inc. | Interactive data visualization user interface with gesture-based data field selection |
US10380770B2 (en) * | 2014-09-08 | 2019-08-13 | Tableau Software, Inc. | Interactive data visualization user interface with multiple interaction profiles |
US10347027B2 (en) | 2014-09-08 | 2019-07-09 | Tableau Software, Inc. | Animated transition between data visualization versions at different levels of detail |
US11720230B2 (en) | 2014-09-08 | 2023-08-08 | Tableau Software, Inc. | Interactive data visualization user interface with hierarchical filtering based on gesture location on a chart |
US9933915B2 (en) | 2014-11-03 | 2018-04-03 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameter graphs in different display orientations |
US9684447B2 (en) | 2014-11-03 | 2017-06-20 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with drag-and-drop inputs |
US20160124612A1 (en) * | 2014-11-03 | 2016-05-05 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with pinch-and-expand inputs |
US11275491B2 (en) | 2014-11-03 | 2022-03-15 | Snap-On Incorporated | Methods and systems for displaying vehicle operating condition indicator |
US10956003B2 (en) * | 2014-11-03 | 2021-03-23 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with pinch-and-expand inputs |
US9880707B2 (en) | 2014-11-03 | 2018-01-30 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with operating condition indicators |
US9632656B2 (en) | 2014-11-03 | 2017-04-25 | Snap-On Incorporated | Methods and systems for displaying vehicle data parameters with a uniform cursor movement |
US9442686B2 (en) * | 2014-11-26 | 2016-09-13 | Blackberry Limited | Electronic device and method of controlling display of information |
KR102377998B1 (en) * | 2015-01-02 | 2022-03-24 | 폭스바겐 악티엔 게젤샤프트 | Means of transportation, user interface and method for defining a tile on a display device |
US10782845B2 (en) | 2015-01-02 | 2020-09-22 | Volkswagen Ag | Means of transportation, user interace and method for defining a tile on a display device |
KR20190041540A (en) * | 2015-01-02 | 2019-04-22 | 폭스바겐 악티엔 게젤샤프트 | Means of transportation, user interface and method for defining a tile on a display device |
EP3040808A1 (en) * | 2015-01-02 | 2016-07-06 | Volkswagen AG | Means of locomotion, user interface and method for defining a tile on a display device |
WO2016107771A1 (en) * | 2015-01-02 | 2016-07-07 | Volkswagen Ag | Means of transportation, user interface and method for defining a tile on a display device |
US10896532B2 (en) | 2015-09-08 | 2021-01-19 | Tableau Software, Inc. | Interactive data visualization user interface with multiple interaction profiles |
US11429936B2 (en) | 2015-10-02 | 2022-08-30 | Snap-On Incorporated | System and method for dynamically-changeable displayable pages with vehicle service information |
EP3374231A4 (en) * | 2015-11-13 | 2019-05-29 | Harman International Industries, Incorporated | User interface for in-vehicle system |
KR102648349B1 (en) * | 2015-11-13 | 2024-03-15 | 하만인터내셔날인더스트리스인코포레이티드 | User interface for in-vehicle systems |
US11079931B2 (en) | 2015-11-13 | 2021-08-03 | Harman International Industries, Incorporated | User interface for in-vehicle system |
WO2017083477A1 (en) | 2015-11-13 | 2017-05-18 | Harman International Industries, Incorporated | User interface for in-vehicle system |
KR20180084042A (en) * | 2015-11-13 | 2018-07-24 | 하만인터내셔날인더스트리스인코포레이티드 | User interface for in-vehicle systems |
US10936188B2 (en) * | 2015-12-22 | 2021-03-02 | Clarion Co., Ltd. | In-vehicle device, display area splitting method, program, and information control device |
US20190012078A1 (en) * | 2015-12-22 | 2019-01-10 | Clarion Co., Ltd. | In-Vehicle Device, Display Area Splitting Method, Program, and Information Control Device |
US10713827B2 (en) | 2016-04-19 | 2020-07-14 | Polaris Wireless, Inc. | System and method for graphical representation of spatial data based on selection of a time window |
US10593081B2 (en) * | 2016-04-19 | 2020-03-17 | Polaris Wireless, Inc. | System and method for graphical representation of spatial data |
US10416869B2 (en) * | 2016-10-11 | 2019-09-17 | Canon Kabushiki Kaisha | Information processing apparatus that scrolls and displays contents, control method therefor, and storage medium storing control program therefor |
WO2021244651A1 (en) * | 2020-06-05 | 2021-12-09 | 北京字节跳动网络技术有限公司 | Information display method and device, and terminal and storage medium |
WO2022271293A1 (en) * | 2021-06-21 | 2022-12-29 | Microsoft Technology Licensing, Llc | Providing visual feedback during touch-based operations on user interface elements |
US11726644B2 (en) | 2021-06-21 | 2023-08-15 | Microsoft Technology Licensing, Llc | Providing visual feedback during touch-based operations on user interface elements |
US20230311653A1 (en) * | 2022-03-31 | 2023-10-05 | Snap-On Incorporated | Method and system for indicating vehicle operating conditions on a graphical user interface with graph-axis control |
US12077045B2 (en) * | 2022-03-31 | 2024-09-03 | Snap-On Incorporated | Method and system for indicating vehicle operating conditions on a graphical user interface with graph-axis control |
Also Published As
Publication number | Publication date |
---|---|
US20150007099A1 (en) | 2015-01-01 |
US10775971B2 (en) | 2020-09-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20150007078A1 (en) | Data Displays in a Tile-Based User Interface | |
US10261660B2 (en) | Orbit visualization animation | |
US9710430B2 (en) | Representation of datasets using view-specific visual bundlers | |
US9620085B2 (en) | Representation of overlapping visual entities | |
US9904456B2 (en) | Gesture-based visualization of data grid on mobile device | |
US9830058B2 (en) | Generating an insight view while maintaining report context | |
US20150370462A1 (en) | Creating calendar event from timeline | |
US20150143279A1 (en) | Methods and systems for optimizing user interfacescreen space and content | |
US20120311474A1 (en) | Map-based methods of visualizing relational databases | |
US10089372B2 (en) | Data visualization using level of detail magnification | |
US20140081903A1 (en) | Methods and systems for displaying and filtering business analytics data stored in the cloud | |
US20130332378A1 (en) | Methods and Systems for Integrated Social Media, Strategy, and Organizational Hierarchy | |
US10565560B2 (en) | Alternative people charting for organizational charts | |
US12079438B2 (en) | Interactive display of data distributions | |
WO2021232294A1 (en) | Handwriting drawing method and apparatus, electronic device, medium, and program product | |
US20130191778A1 (en) | Semantic Zooming in Regions of a User Interface | |
US20140331141A1 (en) | Context visual organizer for multi-screen display | |
US20140229901A1 (en) | Interactive Treemap User Interface | |
US20160299678A1 (en) | System and method for information presentation and visualization | |
US10169734B2 (en) | Dynamic layout for organizational charts | |
US10013671B2 (en) | Electronic worksheet with reference-specific data display | |
US20140365955A1 (en) | Window reshaping by selective edge revisions | |
US9177266B2 (en) | Methods and systems for implementing ancestral relationship graphical interface | |
US8595260B1 (en) | Alternating between data-driven and metadata-driven view for dataflow design | |
US20130162670A1 (en) | Dynamic card view |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
AS | Assignment |
Owner name: SAP AG, GERMANY Free format text: ASSIGNMENT OF ASSIGNORS INTEREST;ASSIGNORS:FENG, XIAOJUN;FAN, YANG-CHENG;TYAGI, HARISH;SIGNING DATES FROM 20130625 TO 20130628;REEL/FRAME:030714/0808 |
|
AS | Assignment |
Owner name: SAP SE, GERMANY Free format text: CHANGE OF NAME;ASSIGNOR:SAP AG;REEL/FRAME:033625/0223 Effective date: 20140707 |
|
STCB | Information on status: application discontinuation |
Free format text: ABANDONED -- AFTER EXAMINER'S ANSWER OR BOARD OF APPEALS DECISION |