Interfaz gráfica

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. 

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , , ,