diseo de interfaces 1

Unidad 2
Programación en GAMBAS.
Resultado de aprendizaje 2.2
Realiza programas estructurados, empleando elementos
complejos del lenguaje de programación GAMBAS.
Nombre y objetivo del material:
Diseño de interfaces.
Brindar al alumno una herramienta de consulta para el
diseño de interfaces.
Fecha:
14 de mayo de 2013
Principios
Existen tres principios fundamentales relacionados al
uso del lenguaje visual:
 Organizar:
 proveer al usuario de una estructura conceptual clara y
consistente.
 Economizar:
 hacer lo máximo con la menor cantidad de elementos.
 Comunicar:
 ajustar la presentación a las capacidades del usuario.
Organización
 ¿Qué tal esto?
Organización
 ¿ Y este?
Organización: Consistencia
 Existen 4 visiones de la consistencia:
 consistencia interna
 consistencia externa
 consistencia del mundo real
 cuando no hay consistencia
Organización: Consistencia
Organización: Consistencia
Consistencia interna
 la consistencia interna, afirma que las mismas
convenciones y reglas deben ser aplicadas a todos los
elementos de la interfaz gráfica de usuario.
 Los mismos tipos de elementos se muestran en los
mismos lugares.
 Aquellos con diferentes tipos de comportamiento
tienen su propia apariencia especial.
Consistencia externa
 La consistencia externa afirma que las plataformas
existentes y convenciones culturales deben ser
utilizadas y aplicadas en las interfaces gráficas de
usuario.
Consistencia del mundo real
 La consistencia del mundo real afirma que las
convenciones y reglas deben ser consistentes y
consecuentes con las experiencias del mundo real, y las
observaciones y percepciones del usuario.
cuando no hay consistencia
 El ultimo punto, la innovación, trata con la carencia de
consistencia. Desviarse de las convenciones existentes
sólo debe hacerse cuando proporciona un CLARO
beneficio al usuario.
Organización: Relaciones
 Conectar los elementos relacionados y
disociar los elementos independientes
mejora sensiblemente la organización
visual.
Organización: Relaciones
 La localización, forma y valor pueden todas ellas crear
relaciones que es posible sean inapropiadas.
Organización: Relaciones
 relaciones claras, consistentes, apropiadas y fuertes.
Economizar
Hay que considerar 4 grandes factores:
 Simplicidad
 Claridad
 Singularidad
 Énfasis
Economizar: simplicidad
 La simplicidad incluye únicamente los elementos que
son más importantes para la comunicación. Debería
producir también la menor obstrucción posible.
Economizar: simplicidad
 Diseño complicado
Economizar: simplicidad
 Diseño Simple
Economizar: Claridad
 Todos los componentes deberían ser diseñados para
que su significado no sea ambiguo, que no lleve al
equívoco.
Economizar: Singularidad y Énfasis
 Las propiedades de los elementos necesarios deben ser
características singulares
 Los elementos más importantes deben ser fácilmente
percibidos.
 Se debe restar énfasis a los elementos no críticos y
minimizarlos para no ocultar información critica.