Del wireframing estático al wireframing interactivo
Resumen
En el presente artículo se describe el proceso del wireframing orientado a la integración de interactividad; se revisa el concepto de wireframe y se exponen sus características, luego se contextualiza y diferencian los términos de “affordances” y “significantes”1. Asimismo, se comenta el rol de las anotaciones en dichos bocetos como factores permisivos de interactividad y se explica cómo incluirlos con la aplicación Web MockFlow. También se explica cómo se forma el lenguaje interactivo entre los usuarios y los elementos de contenido interactivos, que se representan en un wireframe.
Palabras clave
Interfaz gráfica, wireframe, interactividad, affordance, significante.
Abstract
This article describes the wireframing process oriented to the integration of interactivity. Therefore, the concept of wireframe is reviewed and its characteristics are exposed. Then the terms «affordances» and «signifiers» are contextualized and differentiated. It also discusses the role of annotations in such schemes as permissive interactivity factors, and briefly exemplifies how to include them with the MockFlow Web application.
It also explains how the interactive language is formed between users and interactive content elements that are represented in a wireframe.
Thus, this work seeks that a «non-designer individual» understands the importance and transcendence of the development of static and interactive wireframes.
Keywords
Graphical interface, wireframe, interactivity, affordance, signifier.
Por Idalia Hernández Galván en Diseño y comunicación digital
