Semiótica e Iconografía

Transcripción

1 Semiótica e Iconografía Lic. Mauricio Jaques Esta información se distribuye bajo licencia Creative Commons. Usted es libre de: Copiar, distribuir y comunicar públicamente Hacer obras derivadas No Comerciales Bajo las condiciones siguientes: Reconocimiento: debe reconocer y dar crédito al autor original (Lic. Mauricio Jaques )

2 Semiótica Lic. Mauricio Jaques La semiología [semeion (signo) y logos (estudio)] fue definida y estudiada por Saussure en Ginebra, en 1908, como "la ciencia que estudia la vida de los signos en la sociedad (tradición europea). La semiótica se define como la ciencia que estudia las propiedades generales de los sistemas de signos, como base para la comprensión de toda actividad humana (tradición anglo-americana). El signo se encuentra compuesto por un significado, la imagen mental (que varía según la cultura) y un significante, que no siempre es lingüístico. Puede incluir una imagen.

3 Semiótica Pragmática: cómo el sujeto interpreta un signo, influye el contexto

4 Semiótica Sintáctica: relación de signos con otros signos, su composición para crear un concepto. (consenso formado por el paso del tiempo, crear un patrón de signos)

5 Semiótica Semántica: estudia la relación que se da entre lo que se piensa del objeto y el objeto. Ejemplo: Silla=Lugar para sentarse, descansar Escritorio= Espacio para trabajar En el caso de los íconos de una interfaz

6 Iconografía Lic. Mauricio Jaques Hablando de interfaces en aplicaciones de escritorio, web, etc. El paso de interfaz de comandos a interfaz gráfica

7 Iconografía Lic. Mauricio Jaques Desarrollo de íconos que representaran a los programas en la pc para que el usuario relacionara con las acciones que esos programas ejecutaban Para qué sirve un elemento?

8 Sintaxis acción-objeto/objeto-acción Qué secuencia de interacción se debe llevar a cabo con los elementos Porqué un elemento no está activo? Qué debo hacer para activarlo?

9 Iconografía: Semántica Principios: Lic. Mauricio Jaques El sujeto reconoce elementos básicos (puntos, líneas, formas) (nivel plástico) y en un segundo momento le atribuye un significado (nivel figurativo).

10 Iconografía: Semántica Cada elemento posee una serie de atributos o características: colores, formas, tamaños.

11 Iconografía: Semántica Las relaciones jerárquicas entre elementos ayudan a construir un significado (en foco, fuera de foco, habilitado, deshabilitado)

12 Iconografía Intuitiva Lic. Mauricio Jaques Instrucciones dentro de la interfaz para el usuario Para quién está diseñada la interfaz? Dónde se aprende a utilizarla? Contiene instrucciones? Globos de información, comando/menú de ayuda

13 Propiedades visuales preatentivas Un conjunto de características visuales que son procesadas de forma muy rápida por nuestro sistema perceptivo Ayudan a destacar o diferenciar elementos Tomado de:

14 Propiedades visuales preatentivas Los siguientes botones utilizan una variable visual preantentiva, el color, para destacar uno de ellos, el más importante Así podemos identificar con rapidez la acción principal sin necesidad de leer e interpretar los textos.

15 Propiedades visuales preatentivas El color, puede entorpecer a veces la legibilidad y percepción de elementos, por ejemplo, íconos muy coloridos o botones con combinaciones de colores en distintos estados, pueden quitar protagonismo al contenido principal. Por ello la forma y textura, son otras propiedades muy útiles