Principles of Functional Animation in Interface Design

The use of animation in visual interface design has historically been the subject of severe criticism. Reported issues highlight the tendency of designers to get carried away by the attractive nature of animation, sometimes sacrificing basic usability principles. This research aims to establish a se...

Descripción completa

Detalles Bibliográficos
Autores: Ávila Muñoz, Raquel, Clemente Mediavilla, Jorge, Pérez-Luque Maricalva, María José
Tipo de recurso: artículo
Fecha de publicación:2023
País:España
Institución:Universidad Complutense de Madrid (UCM)
Repositorio:Docta Complutense
Idioma:inglés
OAI Identifier:oai:docta.ucm.es:20.500.14352/125319
Acceso en línea:https://hdl.handle.net/20.500.14352/125319
Access Level:acceso abierto
Palabra clave:316.77
655.26
Functional Animation
Animation principles
Motion Design
Usability
User Experience
User Interface Design
Diseño gráfico (Ciencias de la Información)
Comunicación social
6308 Comunicaciones Sociales
Descripción
Sumario:The use of animation in visual interface design has historically been the subject of severe criticism. Reported issues highlight the tendency of designers to get carried away by the attractive nature of animation, sometimes sacrificing basic usability principles. This research aims to establish a set of principles to guide motion design decisions effectively. In the absence of closer references, the classic principles of Disney animation have been insistently looked to. This approach raises the question of whether it is relevant to apply principles designed for the entertainment of a passive viewer in the functional and interactive environment of an interface. To address this, we identify principles supported by empirical evidence or consensus among multiple authors in the literature. Additionally, we conduct a content analysis of the design guidelines of the main mobile phone platforms to extract recommendations that can be elevated to general principles. This procedure allows us to take into account the specific characteristics of interaction on mobile touch screen devices, where animation is considered a key element of the user experience. Our research culminates in the identification of nine key principles for functional animation: Functionality, Appropriateness, Attention, Coherent behavior, Stylistic consistency, Moderation, Smoothness, Duration, and Accessibility.