PROYECTO FINAL DE CARRERA - 2

Estoy inmerso en teorías, divergencias, paradigmas, y entropías cognitivas, en el desarrollo de la parte escrita del PFC. Sí, y mí vocabulario se está volviendo así de pedante.

Os dejo aquí parte de este desarrollo escrito.

Creo que he decidido el titulo: Diseño Visual en Interfaces Web. Toma geroma…

Los contenidos que aquí leáis pueden variar de la versión final que presente. El proyecto final posiblemente lo publique bajo licencia Creative Commons para vuestro uso y disfrute, ya que el 90% de la información que he recabado hasta ahora estaba bajo este tipo de licencia. El otro 10% puede denunciarme ante las autoridades tranquilamente.

Nota del autor: Gran parte del texto aquí presentado son recopilaciones de otras fuentes que he adaptado, ampliado o recortado. En ningún momento he pretendido ser el autor de las definiciones e ideas que están detrás de los conceptos y disciplinas aquí descritas. He incluído todas las referencias que los derechos de autor me han permitido, creo… En cualquier caso este proyecto pretende ser un recopilatorio de esa información para: 1) el beneficio de todo aquel que esté interesado en la materia y 2) sentar las bases de la aplicación en la otra mitad del PFC, el rediseño de una Web.

Otra nota del autor: A continuación viene un ladrillo de información de mucho cuidado. No me hago responsable de la somnolencia producida por su lectura. Las imágenes, los dibujitos y el diseño gráfico del proyecto, que quizás te podrían interesar, serán incluidos en la versión final.

1 ¿QUÉ ES UNA INTERFÁZ?

“interfaz. (Del ingl. interface, superficie de contacto).
1. f. Inform. Conexión física y funcional entre dos aparatos o sistemas independientes.” ¹

“En terminos generales, una interfaz es el punto, el área, o la superficie a lo largo de la cual dos cosas de naturaleza distinta convergen.” ²

Según estas definiciones la palabra interfaz está directamente relacionada con la acción de conectar y manipular. En esta conexión y manipulación debe haber por lo tanto intercambio de información directa o indirectamente.

Estas dos acciones casi siempre implican una conexión física entre los dos o más “sistemas” o cosas que interactúan, aunque no siempre es así.

En cualquier caso la palabra interfaz es usada en contextos muy diferentes, pero la base de su significado es el mismo: Información, Intercambio, Interactividad.

En software es común hablar de interfaz gráfica de usuario, que es un método de facilitar la interacción del usuario con las aplicaciones que utiliza en pantalla, a través de las imágenes, iconos, pictogramas y texto.

La interfaz gráfica de usuario, en Internet, es la parte “que vemos” en las páginas web, y con la que el usuario interactúa, visionando imágenes, haciendo clic en los enlaces de texto o de imagen o descargando archivos, entre muchas de las acciones.

También podemos hablar de interfaz como instrumento físico para interactuar con otros medios. Con el ratón del ordenador podemos en forma de cursor interactuar con la pantalla, a su vez la pantalla nos sirve como interfaz para interactuar o ver que contiene nuestro disco duro.

También se puede hablar de interfaz como superficie, en la que se produce una retroalimentación de información, es decir, la interfaz nos da información sobre si misma y su uso, a través de su forma, su textura, los colores, etc.

Por último, se puede considerar la interfaz como el lugar donde se efectúa la interacción, el espacio donde se producen los intercambios de información y estímulos. Estaríamos hablando de la interfaz como espacio.

¹ DICCIONARIO DE LA LENGUA ESPAÑOLA - Vigésima segunda edición
² Wikipedia - http://es.wikipedia.org/wiki/Interfaz

1·1 INTERFACES COTIDIANAS

Encontramos un montón de interfaces en nuestra vida cotidiana, de hecho, estamos rodeados de ellos. Esto es así porque el hombre, a diferencia de la gran mayoría de los animales, es capaz de desarrollar las herramientas necesarias para modificar el medio que le rodea para lograr su supervivencia. A lo largo de los siglos, ha llegado a fabricar instrumentos que no sólo han modificado la naturaleza, sino que han producido cambios en el comportamiento y vida del propio hombre.

La evolución de la tecnología y el diseño, juega hoy un papel fundamental en este aspecto.

Casi la totalidad de la interfaces cotidianas que encontramos se pueden englobar en los tres grupos de interfaces definidas en el apartado anterior: instrumentos, superficies y espacios.

El mango de un martillo, el pomo de una puerta, una escalera, una señal de tráfico, el teclado de nuestro teléfono móvil… todos ellos son el punto de unión-manipulación de nuestro entorno, que implican la interactividad entre nosotros, lo usuarios y el instrumento, con el que golpeamos un clavo, abrimos o cerramos una puerta, accedemos a un espacio, interpretamos la vía por donde circulamos o enviamos un SMS a una persona.

Estas interfaces tienen su propio lenguaje, su propia manera de ser interpretados y modo de interactividad. El diseño de estos tiene un papel crucial en la utilización de los mismos. Los colores, las formas, la textura, es “la interfaz como superficie” vista antes.

No nos reporta lo mismo la interfaz de un reproductor mp3 de Apple que uno de Creative, o que uno de las cientos de marcas genéricas del mercado. Su diseño es importante, la manera en como estén dispuestos los controles son importantes, y la información que veamos en pantalla y su disposición son importantes; de estos detalles dependerá la compra o no del producto así como el cómodo disfrute del aparato.

De la misma manera, el uso por primera vez de los controles de un microondas nos puede suponer un vaso de leche caliente en un minuto, o que acabemos haciendo uso de un cazo mientras buscamos maldiciendo en el manual de instrucciones. Y así podríamos hablar del cepillo de dientes, del panel de mandos de nuestro vehículo, del bolígrafo con el que escribimos, etc.

A mayor escala, encontramos que la arquitectura se puede considerar una interfaz. El tratamiento de la información tiene una correspondencia directa con la forma, la escultura, por ejemplo, podría ser el caso más elocuente de esto, y sino que se lo digan a Chillida³. La arquitectura cambia la forma y la naturaleza del medio donde vivimos. Subimos y bajamos escaleras todos los días, las aceras trazan nuestro recorrido hacia nuestro destino, vemos los anuncios a gran formato en las calles y en la carretera. Hay intercambio de información e interacción.

Siempre ha habido interfaces, usuarios de las mismas, un lenguaje propio de las mismas; y un diseño que ha definido el uso, las percepciones y la interactividad de las mismas. La tecnología nos trae nuevos medios, nuevos espacios, y el diseño de ellos es igualmente importante.

³ Eduardo Chillida Juantegui - http://es.wikipedia.org/wiki/Eduardo_Chillida

1·2 INTERFACES GRAFICAS

“en el principio fue la línea de comandos…” Neal Stephenson.

“Las interfaces graficas surgen de la necesidad de hacer los ordenadores (o PCs) más accesibles para el uso de los usuarios comunes. La gran limitación que poseían las computadoras diseñadas para un uso masivo era que sólo funcionaban bajo líneas de comando, lo que requería que la persona que quisiera utilizar un PC tuviera un mínimo conocimiento sobre su funcionamiento.

Esta limitación fue salvada gracias al desarrollo de los entornos gráficos, que permitieron que las personas pudieran acceder a un PC sin tener que pasar por el tortuoso proceso de tener que aprender a manejar un entorno bajo línea de comandos.”⁴

En 1976 un equipo liderado por Steve Jobs, uno de los fundadores de Apple Computer Inc., trabajó sobre una interfaz gráfica que incorporaba las ideas de Alan Kay, que cuatro años antes había desarrollado: un escritorio de trabajo en la pantalla como metáfora para interactuar con los ordenadores. El equipo de Jobs también incorporó la interfaz WIMP (Windows, Icons, Mouse y Pop-Up menus) en el ordenador Lisa de Apple que vio la luz en 1983. En aquel equipo participaron programadores, el ilustrador francés Jean-Michele Foilon, diseñadores gráficos como Tom Suiter, Clement Mok, Susan Kare, Thomas Hughes y otros⁵.

Así nació a muy grandes rasgos la interfaz gráfica tal y como la conocemos hoy, una interfaz amigable con el usuario y centrada en él.

Actualmente hay en desarrollo múltiples sistemas en fase de prototipo para manipular el medio digital. Se basan por ejemplo en pantallas multi-touch, pensada para dar un salto entre el usuario y la máquina, que deja de lado el uso del ratón y el teclado para un contacto directo con la pantalla. Estas interfaces pretenden hacer más fácil e intuitivo el manejo de este espacio. Y no es de extrañar, ya que la manera actual de comunicarnos con la máquina⁶ es un proceso totalmente ajeno a la manera natural de comunicación del hombre y del resto de animales: el sonido (la voz o el medio oral), la expresión facial y los gestos o ademanes.

Tenemos que hacer uso de un teclado o mover un puntero por la pantalla haciendo uso del ratón, hacer clic en los diversos iconos o en las acciones en modo de texto, para “borrar”, “abrir”, “seleccionar” o rellenar un formulario o un e-mail y “enviarlo”. Es decir que hacemos uso de ciertas “prótesis” o extensiones para manipular la metáfora del “escritorio” en el que actualmente hacemos acciones pensadas para este medio, como “doble clic”, “arrastrar” o “copiar y pegar”. Para una comunicación oral entre hombre-maquina, quizás en un futuro, estas acciones deberían ser rediseñadas; nadie hace doble clic en el cajón de su escritorio para abrirlo… que se sepa…

⁴ Wikipedia - http://es.wikipedia.org/wiki/Interfaz_Gráfica
⁵ Diseñadores en la nebulosa. El diseño gráfico en la era digital. José María Cerezo.
⁶ Como máquina podemos entender un PC, un teléfono móvil, la pantalla de un cajero automático y cualquier máquina que haga uso de una interfaz gráfica digital, para que nos entendamos, “una pantalla”.

—
Hasta aquí.

En breve más, y ya sabéis que cualquier aportación será siempre bienvenida y agradecida. En la sección de contacto tenés mis direcciones de e-mail para hacer cualquier sugerencia o colaboración.

¡Saludos!