walkingdesign.com

October 21, 2009 | Posted in: SP-articles

Icons, Symbols and a Semiotic Web

0 Comments Ì Discussion open

Semiótica, hablando en pocas palabras, es el estudio de las señales. Súper simple. Lo que es difícil es el definir lo que una 'señal' es. Cuando nosotros pensamos en señales pensamos en las cosas que están a la izquierda cierto? Nosotros pensamos en algo visual como un disco pare. Pero, 'señales' están construidas por varios componentes- palabras, sonidos, lenguaje del cuerpo y contexto- todos los que se combinan para crear un lenguaje visual que nos ayudan a entender algo, sea el camino a la playa, o si a alguien no le gustamos en la primera cita.

Este articulo no se trata de

Este articulo no es acerca de simiotics. Yo no voy a profundizar en ese campo de estudio, que en los pasados meses solo he tocado la superficie. Lo que yo voy hablar es acerca del uso de simiotics en la información de arquitectura, encontrar la manera para diseñar Iconos en la web. Este es un gran tema que probablemente va a ser una introducción para algo que voy a cubrir mas profundo en un capitulo de un libro que actualmente estoy escribiendo ( mas acerca de esto luego).

Comenzando desde el Principio

Se ha establecido que simiotics es el estudio de las señales y los signos, que pueden ser hechos con todo tipo de elementos como lenguaje,fotografías,lenguajes del cuerpo, etc. pero que significa todo esto en un sentido practico? Bien, quizás ayudaría el dar un pequeña mirada al campo de las simiotics, y después entrar a las teorías que ayudaron a crear su base.

Semiotica de hoy en día no solamente estudian 'señales'- es mas profundo que eso - Ellas estudian como el significado se forma. Ellas estudian primero como las personas interpretan una señal, y después como esas persona entienden esa señal desde un punto de vista cultural o de la experiencia personal. En ese sentido semiotics es sobre comunicación (ves el paralelo con diseño?).

Hay tres importantes áreas de semiotics; las señales por si mismas, la manera en que ellas están organizadas dentro del sistemas y el contexto en que ellas aparecen. En este articulo veremos la primera de estas.

Las Senales por si mismas

Charles Sanders Peirce es un filosofo Americano que es reconocido como el fundador the semiotics modernas. Peirce estaba interesado en como le damos sentido al mundo que esta nuestro alrededor y en ese sentido fue menos profundo con el aspecto lingüístico de los pioneros semiotics al comienzo de los 1900's por el Zueco Ferdinand de Saussure.

1. Icono -Un Icono es una señal que representa algo, como una fotografía de una persona. Un Icono también puede ser ilustrativo o diagramatico, por ejemplo la señal de 'no fumar.'
2. Indices - Una señal Indice es una señal donde hay una directa conexión entre la señal y el objeto. La mayoría de las señales del trafico son señales indice porque representan información que se relacionan con la localización ( ejemplo, una 'pista resbalosa' es una señal que esta puesta en un camino que es conocido porque se inunda).
3. Simbolos -Un símbolo no tiene ninguna conexión lógica entre el símbolo y el objeto. Desafortunadamente, la web esta llena de malos ejemplos de este tipo de señal, pero también hay buenos - un icono de homepage que es una casa por ejemplo. Otros de los símbolos que ayudan a explicar la diferencia son las banderas. Las banderas son símbolos que representan países u organizaciones .De nuevo el cruce entre el diseño y una marca es muy evidente en estas señales.

Saussure, por otra parte, propone una estructura mas simple de lo que es una señal:

• 1- Un "signifier" (signifiant) - La forma que la señal toma; y
• 2- El "signified" (signifi?) - el concepto que representa

Para Saussure, una señal es la combinación de las dos. Pero que significa todo esto en términos de la web?

Semiotics y la web

La web esta llena de señales. Piensalo. La mayoría de los usuarios quieren lograr una tarea en una website, y para lograr eso ellos tienen que navegar hasta el lugar correcto. Para hacer eso, tienen que seguir señales. Vez?

No solamente señales visuales . Consideremos la Información de arquitectura por un momento. IA es un campo del desarrollo de la web que tiene que ver con la organización de información. Una vez yo tenia una buena amiga de IA que me describió que cosa la emocionaban sobre su trabajo. "Yo hago listas", dijo ella con una gran sonrisa, 'despues', ella continuo, "Hago listas dentro de listas". Suena entretenido no? Duespes discutimos sobre palabras y como afectan lo que ellas hacen.

"Palabras importan", dijo ella. "Probablemente mas que todo. Tu puedes tener una señal mala, pero si las palabras son correctas y en el lugar correcto, el usuario va a encontrar lo que necesita.."

La conclusión de esta conversación fue que las palabras también son señales en la web. La palabra correcta en el lugar correcto - eso no es lo que navegación es? Contenido. Ahora movamosnos a algo un poquito mas visual.

Tomemos el ejemplo de diseñar un sistema de iconos para una aplicación online. Los paralelos de diseño de software son obvios - Los GUI's bien diseñados tienen iconos bastantes buenos, o debería decir señales. Entonces que tienes que hacer para que el usuario entienda estos iconos?

Aqui estan mi top 3:

• 1-Se notable (visible) destaque .
• 2- Deja la 'creatividad' para los diseñadores malos Este no es el lugar para hacer algo diferente. Si una convención existe, usalo.
• 3- Localización, localización Tienes que estar en el lugar correcto.

Hay mas, pero esos son mis top tres para crear buenas señales ( no te olvides que iconos en la web son señales y cuando las estas diseñando estas diseñando un sistema de señales, te guste o no.

¿Así pues, qué sobre sistemas del señales?

No me voy a meter en esto en este articulo (vas a tener que esperar por el libro para eso). Sistemas de señales son tan importante como señales individuales. Significado colectivo y asociación total son los elementos que hacen que sistemas de señales funcionen (la próxima vez que estés en un aeropuerto, mira el sistema de señales!)

Una ultima cosa...

Asegurarse de chequear durante los próximos meses sobre nuevas información del libro, el cual va a incluir un capitulo sobre semiotics y diseño de iconos. Va hacer una publicación personal inicialmente (con una bajada in pdf y opciones de comprar un libro a todo color) y va a costar una suma modesta. Oh, y tiene un titulo que estoy trabajando de 'Five Simple Steps on Design'. Eso debería darte una idea de lo que se trata el libro. :)

Further Reading

Note: En esta traduccion se han incluido nuevos articulos

• Don’t Screw with Conventions - English Only, 2008

• The Simiotics of the Web - English Only

• Semiotics: A Powerful Communication Tool For Designers - English Only, 2009