diseno para interaccionlhevia/asignaturas/taller_sw/...diseno para interaccion lorena hevia...
TRANSCRIPT
1
DESARROLLO DE SOFTWARE
LORENA HEVIA LEORNARDO MADARIAGA
D P I ::
DISENO PARA
INTERACCION
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
+ GUIAS ERGONOMIA VISUAL
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
2
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA LA COMPOSICION
1) Definir una malla única -retícula- sobre la cual se dispondrála información y elementos gráficos estableciendo un orden, uniformidad y coherencia sobre ejes horizontales y verticales ( invisibles al ojo). Se determinan áreas a utilizar y áreas vacías.
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA LA COMPOSICIÓN
2) Definir un orden de lectura para la información presentada consecuente con la utilización de opciones de información( de izquierda derecha, de arriba abajo).
LINEAS DE RECORRIDO VISUAL
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
3
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA LA COMPOSICIÓN
2) Definir un orden de lectura para la información presentada consecuente con la utilización de opciones de información( de izquierda derecha, de arriba abajo).
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA LA COMPOSICION
3) jerarquizar la información a presentar (informaciones primarias y secundarias, sistemas de navegación, botones, iconografía, etc.) respondiendo
• ¿ que es lo mas importante del mensaje?
• ¿ donde debe ubicarse el impacto visual?
• ¿ es adecuada la disposición, tipos de fuente, colores e imagen de acuerdo al mensaje?.
TODA INFORMACION EN PANTALLA DEBE TENER UN
LUGAR DESIGNADO DE ACUERDO A SU FUNCION E
IMPORTANCIA. /
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
4
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA LA COMPOSICION
4) Disponer los elementos y contrarrestar pesos visuales por medio de la ubicación y elementos asignados de modo simétrico o asimétrico.
Extremo superiorExtremo inferiorvertical
Izquierda (sensación de lentitud)
Derecha (sensación de avance)
horizontal
MenorMayorPeso visual
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA LA COMPOSICION
4) Disponer los elementos y contrarrestar pesos visuales por medio de la ubicación y elementos asignados de modo simétrico o asimétrico.
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
5
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
GUIAS PARA EL USO DE FORMAS
1) Toda forma debe responder a una función. ( las formas tridimensionales destacan por sobre las planas, las formas curvas son mas calidas y flexibles, las rectas son frías y rígidas).
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
GUIAS PARA EL USO DE FORMAS
2) Intentar resumir opciones de información por medio del uso de imágenes de claro mensaje ( signo, símbolo e icono)
6
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
PREOCUPACIÓN DE LAS EMPRESAS
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
CÓMO SE HACÍA?
Preocupación en vano si el usuario termina preguntando cosas obvias.
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
7
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
LO IMPERDONABLE
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
LO IMPERDOMABLE
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS
8
DESARROLLO DE SOFTWARELORENA HEVIA LEORNARDO MADARIAGA
D P I ::
LO IMPERDONABLE
/
HISTORIA
INTERFAZ
TRILOGIA
INTERACCION
CONTEXTO
USUARIO
USABILIDAD
PRINCIPIOS
GUIAS