Interfaz gráfica

El UX y el GUI dentro de los sitios eCommerce

Resumen

El presente trabajo tiene por objetivo conocer la importancia que tienen la experiencia de usuario (UX) y el diseño de interfaz gráfica (GUI) dentro de los sitios eCommerce y cómo a través de ellos se logra interactuar con los usuarios y brindarles la ayuda necesaria para cumplir sus objetivos a través de la navegación y el apoyo visual con los colores, tipografías e iconografía; al mismo tiempo hacer notar la importancia del proceso de diseño de un sitio.

Palabras clave

Experiencia de usuario, interfaz gráfica, web, comercio electrónico, interacción, diseño.

Abstract

The present work aims to know the importance of the user experience (UX) and the graphic interface design (GUI) within eCommerce sites and how they interact with users and provide the necessary support to them and meet their objectives through navigation and visual support through colors, typography and iconography; as well as the importance of the process of designing a site.

Keywords

User experience, graphic interface, web, e-commerce, interaction, design.

Artículo PDF

Leer más →

Por en Lenguajes visuales

Palabras clave: , , , , ,

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. 

PDF

Leer más →

Por en Diseño y comunicación digital

Palabras clave: , , , ,