Browse Prior Art Database

A method and system for using animation across different technologies to help user understand complex concepts

IP.com Disclosure Number: IPCOM000239039D
Publication Date: 2014-Oct-03
Document File: 3 page(s) / 64K

Publishing Venue

The IP.com Prior Art Database

Abstract

The article herein discloses a method that makes seamless looking animation in a mash-up type solution that contains technologies that have been designed for different use cases, graphical and form based interaction. The key idea here is to use a geometric projection of the form based elements into the graphical canvas and animate to/from the projection and then overlay the form based element. The human eye time frame limitation makes it appear to the user as the animation crosses the technologies' boundary.

This text was extracted from a PDF file.
This is the abbreviated version, containing approximately 54% of the total text.

Page 01 of 3

A method and system for using animation across different technologies to help user understand complex concepts

Various user interfaces, including web-based interfaces, combine graphical and textual elements. The user can get the high level, conceptual big picture represented in a graphical way, but with the drill down capabilities for the properties of the objects from the diagram and traditional widgets like dialogs, forms and tables for showing the details.

    Different technologies are used to render the two sides of these elements of the interface. The writer of the user interface might want to combine the best of breeds for the two types of interfaces, say a graphical based technology like SVG along with e.g., Dojo/dijit widgets such as Tables, Title Pane, dialogs, input forms for the detailed information.

    Figure 1. A mixture of graphical and textual based elements in a user interface While animation is well known within the boundary of one technology, we could not find references on animation that appears to cross the boundaries between the two.

    The solution herein uses the animation that the graphical technology provides to make it easier for the user to transition between the big picture and the details.

It makes use the human eye time frame limitation (like the early cartoons) to make it appear as the animation crosses the technologies' boundary.

    The limitation of the number of frames that the eye can distinguish makes it look as if the conceptual representation of an object animates into the detailed one smoothly.

    The solution herein computes a projection of the non-graphical element within the graphical canvas and use the animation to and from the high level object to the projection and then overwrite with the non-graphical element. This makes the transition from high...