DISENO PARA INTERACCIONlhevia/asignaturas/taller_sw/...DISENO PARA INTERACCION LORENA HEVIA...

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


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


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


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


D P I ::


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


D P I ::


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


D P I ::


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


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


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


D P I ::

PREOCUPACIÓN DE LAS EMPRESAS

/

HISTORIA

INTERFAZ

TRILOGIA

INTERACCION

CONTEXTO

USUARIO

USABILIDAD

PRINCIPIOS

GUIAS


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


D P I ::

LO IMPERDONABLE

/

HISTORIA

INTERFAZ

TRILOGIA

INTERACCION

CONTEXTO

USUARIO

USABILIDAD

PRINCIPIOS

GUIAS


D P I ::

LO IMPERDOMABLE

/

HISTORIA

INTERFAZ

TRILOGIA

INTERACCION

CONTEXTO

USUARIO

USABILIDAD

PRINCIPIOS

GUIAS

8


D P I ::

LO IMPERDONABLE

/

HISTORIA

INTERFAZ

TRILOGIA

INTERACCION

CONTEXTO

USUARIO

USABILIDAD

PRINCIPIOS

GUIAS

DISENO PARA INTERACCIONlhevia/asignaturas/taller_sw/...DISENO PARA INTERACCION LORENA HEVIA...

Documents

Transcript of DISENO PARA INTERACCIONlhevia/asignaturas/taller_sw/...DISENO PARA INTERACCION LORENA HEVIA...