Interfaces

Interfaces Visuales

Modularización y programación

________________________________________

• Técnicas usadas para mejorar la modularización y programación

o Creación de estructuras basadas en rejillas

o Determinar restricciones de tamaño para el área de trabajo

o Determinar los módulos básicos verticales y horizontales. El vertical es determinado por el conjunto de widgets, mientras que el horizontal es determinado por el número de controles. Estos parámetros definen el "grid canónico"

o Desarrollar un borrador que aproxime los tamaños, posiciones y orientación de los elementos de control relevantes

o Usar el "grid canónico" para ajustar los tamaños y posiciones

o Para estructuras dinámicas, identificar el tamaño mínimo que pueda ser ubicado en el diseño y evitar el cálculo dinámico

Representación de imágenes

________________________________________

• Imágenes y representación

o El uso de imágenes es esencial en la comunicación de una interfaz de usuario

o Son importantes en tres áreas

 Identificación: sirven como representaciones de objetos concretos del mundo real

 Expresión: tienen un poder expresivo muy grande

 Comunicación: no tienen límites

o El uso de representación introduce significado a los diseños y es la base para la comunicación

o La interpretación de una representación es estudiada por la semiótica (semiotics)

 La teoría y práctica general de los signos, cuyo alcance incluye, todo lo que es interpretado como un signo, y define las circunstancias en las cuales se obtienen las mejores interpretaciones

o Técnicas para la representación de imágenes

 Selección del vehículo adecuado

 Refinamiento a través de abstracción progresiva

 Coordinación para asegurar consistencia visual

Representación de imágenes

________________________________________

• Técnicas para la representación de imágenes

o Selección del vehículo adecuado

 Si el concepto a ser comunicado es un objeto concreto, familiar y tangible use un signo de icono

 Si el concepto será usado repetidamente usar su representación a lo largo de toda la aplicación o aplicaciones

 En muchos otros casos - en procesos abstractos - se recomienda usar etiquetas textuales

 Evitar tanto como sea posible, la mezcla de signos de iconos y texto dentro de una sola imagen

o Refinamiento a través de abstracciones progresivas

 Determinar el nivel adecuado de abstracción

 Iniciar con imágenes que incluyan las principales características

 Modificar la imagen original y evaluar

 Simplificar

...