Engineering animations in user interfaces

Thomas Mirlacher, Philippe Palanque, Regina Bernhaupt

Research output: Chapter in Book/Report/Conference proceedingConference contributionAcademicpeer-review

14 Citations (Scopus)

Abstract

Graphical User Interfaces used to be static, graphically representing one software state after the other. However, animated transitions between these static states are an integral part in modern user interfaces and processes for both their design and implementation remain a challenge for designers and developers. This paper proposes a Petri net model-based approach to support the design, implementation and validation of animated user interfaces by providing a complete and unambiguous description of the entire user interface including animations. A process for designing interactive systems focusing on animations is presented, along with a framework for the definition and implementation of animation in user interfaces. The framework proposes a two levels approach for defining a high-level view of an animation (focusing on animated objects, their properties to be animated and on the composition of animations) and a low-level one dealing with detailed aspects of animations such as timing and optimization. A case study (in the domain of interactive Television) elaborating the application of the presented process and framework exemplifies the contribution.

Original languageEnglish
Title of host publicationEICS'12 - Proceedings of the 2012 ACM SIGCHI Symposium on Engineering Interactive Computing Systems
Pages111-120
Number of pages10
DOIs
Publication statusPublished - 25 Jul 2012
Externally publishedYes
Event4th ACM SIGCHI Symposium on Engineering Interactive Computing Systems, EICS'12 - Copenhagen, Denmark
Duration: 25 Jun 201226 Jun 2012

Publication series

NameEICS'12 - Proceedings of the 2012 ACM SIGCHI Symposium on Engineering Interactive Computing Systems

Conference

Conference4th ACM SIGCHI Symposium on Engineering Interactive Computing Systems, EICS'12
CountryDenmark
CityCopenhagen
Period25/06/1226/06/12

Keywords

  • Animation
  • Interaction design
  • Software engineering methods and processes
  • User interface design

Fingerprint

Dive into the research topics of 'Engineering animations in user interfaces'. Together they form a unique fingerprint.

Cite this