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 formas complejas

 Eliminar contornos que no son importantes para la identificación del objeto

Representación de imágenes

________________________________________

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

o Coordinación para asegurar consistencia visual

 Iniciar con bosquejos completos para establecer las características de cada imagen

 Usar puntos de vista similares para la evaluación de cada imagen

 Usar formas similares de representación y niveles de abstracción

 Usar consistentemente tamaños, orientación, estructura, color para cada imagen

 Si es posible usar los mismos elementos a través del conjunto de imágenes

Guías de estilo

________________________________________

• Una guía de estilo es un conjunto de recomendaciones, generalmente propuestas por un fabricante u organización con el fin de establecer

...