El Internet y su diseño van cambiando y evolucionando constantemente, la forma de diseñar hace cinco años no es la misma de hoy, como en un post anterior lo comentaba: Tendencias del diseño web, pero existe el hecho de que algunos diseñadores han planteado incluso ciertos estilos para aplicarlos en esta nueva plataforma. Por ejemplo, en Web 2.0 How-to design guide el autor (Ben Hunt) expone ciertos puntos que se deben adoptar para diseñar sitios basados en web 2.0. La simplicidad, el uso de menos columnas, contenidos mejor seccionados, colores contrastantes, degradados, iconos directos, tamaños de texto, logotipos en bold, etcétera. En realidad parece más bien la descripción de la moda en el diseño web e intenta bautizarla como “el diseño” para web 2.0. Lo de hoy es utilizar, como estrategia mercadológica, el diseño estilo web 2.0. De la misma manera, en web designer depot, escrito por Josh Sears, también sugiere que el diseño esté basado en la usabilidad de los sitios y, por lo tanto, diseñar en función de las necesidades del contenido: directo y sencillo. Aquí analiza y compara la forma tradicional de diseñar interfaces con la nueva tendencia donde el principal objetivo es “organizar el caos y simplificar lo complejo”.

Lo que está sucediendo con el diseño web va más allá que una serie de reglas gráficas que están de moda. Si tenemos un espacio donde el usuario es el creador de contenidos y comparte información, lo mismo debe ocurrir con el diseño. Pero al compartir diferentes plantillas para gestores de contenidos, como joomla! o wordpress, que tienen la misma estructura de secciones: diseño centrado en la pantalla, un menú principal en la parte superior, menú secundario de forma horizontal o vertical y columnas para los contenidos, su estructura se adapta a cualquier tipo de información. Lo que me sorprende no es la fórmula de estas estructuras sino que los usuarios han estado perfeccionando el uso de la herramienta de programación y diseño, pero sólo ofrecen propuestas repetitivas e imitativas donde el atractivo es realizar botones, iconos, logos e imágenes generados con CCS para después insertarlas en una página. Esto ha provocado entre los diseñadores una sensación de incertidumbre sobre el valor de un diseño.

Como diseñadora no creo que se esté realizando un modelo de diseño para web 2.0, ya que si así fuera tendría que ser un diseño generado entre varias personas, lo cual he visto en ciertas propuestas como en Layer Tennis HQ donde un diseño es modificado y enviado a su contrincante de juego, para que también le haga alguna modificación y se lo regrese. En este caso existe un diseño compartido pero es jugado por personas con conocimiento en diseño y edición. Por lo tanto, si tuviera que plantearse esta idea a la web 2.0 tendría que ser un solo diseño generado por varias personas y yo creo que fácilmente puede volverse un caos, dado que se requieren conocimientos en composición (forma, color, tipografía), diseño de interfaz, usabilidad y arquitectura de la información. De la misma forma que ha sucedido en muchas de las aplicaciones generadas para la web 2.0, en las que las mejores son aquellas realizadas por programadores o personas con altos conocimientos de programación. Por lo mismo, el diseño planteado como diseño web 2.0, sólo es una de las características del diseño actual  y que, a partir del concepto de usabilidad, se fundamenta en la necesidad de presentar a través del diseño un contenido de forma sencilla y directa pero no es diseño para web 2.0 faltan más propuestas o ustedes ¿qué creen?.

Actualmente, para que las personas se puedan comunicar en Internet, siempre será necesaria una interfaz gráfica. Un área de comunicación donde sea posible interactuar a través de diferentes herramientas de comunicación. Estas herramientas –como los códigos lingüísticos, visuales, sonoros y secuenciales– han sido adaptadas a lo largo del tiempo a partir de las necesidades del usuario y de la tecnología imperante. Por lo tanto, en Internet el estilo de la interfaz gráfica se adapta y evoluciona de igual manera, para que así todos los elementos visuales aplicados en la interfaz ilustren de forma correcta el mensaje y transmitan la información apropiadamente.

Por lo general los nuevos estilos de diseño de interfaz gráfica buscarán conceptos como frescura, modernidad, estabilidad, flexibilidad, agudeza e inteligencia en sus herramientas. Puesto que éstas están pensadas para facilitar la comunicación y participación del usuario con el medio. Sin embargo, algunos estilos vuelven a ser retomados para “modernizar” el sitio al usar un diseño retro. Hay que considerar que el estilo está influenciado por la cultura en que se desarrolla el diseño, como plantea Daniel Prieto, en Diseño y Comunicación (1994: 32): “la formación social en que se encuentre el diseñador hace que los procesos de creación difieran, no existe un proceso válido para todos por lo cual tenemos alternativas de elaboración, distribución y uso de los diseños”. Esto podemos verle al confrontar un diseño oriental como Art and Design, en el que su diseño es muy limpio, con B.N.WEISS creado desde la cultura occidental y donde se retoma la textura.

A continuación hago una recapitulación de las tendencias del diseño, aunque comenzará desde el 2006 puesto que ejemplos de años anteriores ya no se encuentran tan fácilmente, dada la constante renovación del diseño en los sitios web.

Tendencia del diseño:

2006

• Uso de degradados
• Backgrounds en diagonal
• Tipografías de gran tamaño
• Backgrounds blancos
• Efecto de reflejo en el piso
• Tipografías con pixeles acentuados

2007

• Uso de caricaturas y mascotas
• Estilo galigoreado
• Bordes rotos
• Iconos RSS grandes
• Textura
• Fondos oscuros para realzar los colores

2008

• Estilo retro
• Notas sobre el diseño (post-it)
• Grungy
• Manchas de tinta
• Ilustración de acuarela
• Collage
• Tipografía manuscrita
• Tipografía grande
• Imagen con patrón de madera
• Imagen con patrón en zig-zag

2009

• Letras grabadas en relieve
• Colores en ondas y brillantes
• Transparencias
• Letras grandes
• Diseño sin áreas delimitadas o fueras de los márgenes
• Uso de lightboxes y no pop-up
• Áreas de medios visuales
• Realismo de imágenes de fondos
• Espacios blancos más grandes
• Elementos de diseño con redes sociales

Por otro lado, antes de obtener el material que se marcará habrá que definir muchos otros procesos. Influye mucho la fuente de donde obtendremos el contenido de nuestra publicación; por ejemplo, si vamos a digitalizar un material ya publicado o si contamos con los archivos digitales. Al tener que digitalizar un acervo nos encontramos con la necesidad de establecer estándares de digitalización (dpi, tamaño y formato para obtener un archivo maestro). A su vez, si contamos con archivos digitales -Word, TXT, PDF, etcétera- deberemos establecer las características que deberán contar para trasladar de forma sencilla dichos formatos a XML. En Word se puede estructurar el archivo a través de secciones u otras funciones del programa para que, al guardar como XML, ya obtengamos los archivos marcados. No obstante, esta forma puede complicarse, puesto que, por lo regular, Word integra código basura a los archivos. Por lo mismo podemos limpiarlos o decidir marcarlos desde un origen con un Marcador de XML, esta última opción cuenta también para los formatos PDF, TXT, entre otros. Asimismo, cuando digitalizamos material impreso, antes de ponerse a escanear, deberemos establecer los parámetros que tendrán los archivos digitalizados, para que así obtengamos imágenes con la calidad suficiente: normalmente es suficiente con archivos a 300dpi y en escala de grises (para texto) o millones de colores para fotos, asimismo guardar las imágenes en formato TIFF (Tagged Image File Format), aunque estas características dependerán de la calidad del material a escanear -no es lo mismo escanear fotocopias que un libro con papel couche brillante. Todo esto debido a que si realizaremos procesos de limpieza para las imágenes o de OCR (Optical Character Recognition) contemos con la mejor eficacia en ellos. Siempre hay que mantener los archivos de calidad de la digitalización como maestros, dado que así podremos realizarles diferentes procesos sin tener que re-escanear el material.

Una vez que ya tengamos la información digital lista para marcarse, deberemos planificar todas las diferentes etiquetas que podremos usar. Este proceso de edición es muy importante puesto que a cada etiqueta le podremos dar especificaciones al momento de transformar los archivos en HTML, PDF o integrarlos en una base de datos para generar archivos dinámicos en línea. En esta etapa del proceso se necesitan diversos conocimientos, puesto que la generación de las XSL (eXtensible Stylesheet Language) para los distintos formatos implica conocimientos de programación, diseño web en CSS (Cascading Style Sheets), bases de datos, entre otros, claro está que estos dependerán de los formatos de salida que deseemos tener. Por lo mismo, deberemos contar con un equipo humano capaz de llevarlo a cabo, ya que incluso podemos obtener e-books para lectores digitales como Plastic Logic, Kindle o el mismo i-phone. Además, es muy importante que todos los cambios, que se le hagan al contenido, se realicen en los archivos XML, puesto que así, al volverlos a generar, no tendremos que reincorporar los cambios en los archivos de los diferentes formatos de salida. Cabe mencionar que incluso podemos importar estos archivos en programas de maquetación para publicaciones impresas, como InDesign y QuarkExpress, obteniendo así todo un proceso para publicaciones digitales e impresas. Respecto a las publicaciones impresas, en la actualidad existen propuestas para estandarizar el marcado XML y así se puedan intercambiar más fácilmente. Por último, me queda decir que en la actualidad es muy importante poder intercambiar la información y, debido al constante avance de la tecnología, casi siempre un formato puede dejar de tener actualidad e incluso podemos perder la capacidad para extraer el contenido de un archivo. Por lo tanto, si marcamos nuestra información en XML podremos exportarla a casi cualquier formato. Si de recuperación hablamos solo menciono que los archivos XML pueden visualizarse con el más sencillo editor de textos.

El brandbook conlleva una serie de pasos en su elaboración para que cumpla su principal objetivo que es la aplicación correcta de la identidad de una empresa a los medios. El manual es un instrumento funcional y normativo para los que lo utilizan ya que no sólo es mostrar la identidad de la empresa como una serie de signos o rasgos morfológicos con normas de estructura, sino también es un conjunto de técnicas de aplicación.

J. Costa describe que un manual de uso debe contener los “elementos simples de identidad (logotipo, símbolos, gama cromática), los elementos secundarios de estructura (formatos, tipografías, módulos, pautas) y los criterios combinatorios” con sus reglas de aplicación; pero no hay que olvidar que de igual manera el manual de uso debe reflejar la identidad corporativa de la empresa, es decir, su política, filosofía y ética.

Por otro lado, actualmente las empresas han podido adaptarse a los medios electrónicos para usarlos como formas estratégicas de comunicación. Ya que dicho medio promueve nuevos canales de diálogos, mayor alcance mundial, interactividad, bajo costo de implementación, capacidad de procesar  mucha información, posibilidad de seguir el flujo de información, integración de elementos multimedia, etcétera. La estrategia de comunicación para las empresas en Internet se basa en “cómo se hace un mejor uso de información, cómo se generan nuevos modelos de negocios y nuevas formas interactivas de relación entre las personas”.

Por lo tanto, la aplicación de un manual de uso en un medio digital -ya sea en línea o en un formato de CD- no es parte de la idea de “estar al día”, sino que aprovecha las ventajas del medio para promover la identidad corporativa de una empresa de manera mundial. Esto significa que, así como un manual de uso impreso refleja la expresión total de una globalidad compleja de la empresa, el manual integrado en un medio electrónico también debe cumplir con los criterios de elaboración y diseño basados en los principios de la identidad de la empresa.

Algunos manuales de uso que se encuentran en línea reflejan la identidad de la empresa como Ford y utiliza las ventajas de la animación (aunque en este caso llega a ser un poco estático su diseño). Existen otros que parecen ser la digitalización tal cual del manual impreso como se puede ver en el manual de uso de UNESPA, lo cual permite mantener la imagen de la empresa pero pierde un poco las ventajas del medio digital en su interactividad. Hay otros manuales que sólo se pueden encontrar en formato CD pero que cumple con varios aspectos de diseño en el reflejo de la identidad de la empresa y que también explota las propiedades del medio al ver animaciones, videos y permite bajar documentos útiles para la impresión de su publicidad o papelería como Terra Lycos Brandbook. Sin embargo, hay otros que son sumamente atractivos y dinámicos, puesto que son plantillas que puedes comprar, por ejemplo la empresa illusion ofrece una serie de plantillas basadas en animación flash, o puedes bajar la plantilla gratuitamente por Internet, pero su principal error es que no están basadas en la imagen de la empresa y no cumplen con una de las principales funciones que es reflejar la identidad corporativa de una empresa. Es cierto, son atractivas las plantillas pero podrían solamente reflejar una imagen estética, pero no los principios filosóficos y sociales de la empresa. Por lo que, si se decide utilizar una plantilla, se debe seleccionar con mucho cuidado y no solo tomar en cuenta las acciones dinámicas de la plantilla o bien realizar su propio diseño de acuerdo a la identidad de la empresa.

Ligas recomendadas

• vimeo
• Instituto de Artes Visuales

Fuentes

• Costa, Joan. Identidad corporativa. Ed. Trillas. México.
• Navarro Guere, Héctor. WWW identidad corporativa.
  Ed. Instituto Monsa de Ediciones. Barcelona. 2003

En el caso del e-book, que en principio cuenta básicamente con la misma estructura de contenidos que un libro impreso, tiene la posibilidad de utilizar la tecnología y elementos multimedia que han contribuido a nuevas modalidades de escritura y lectura, lo que además permite que el diseño tenga un mundo de posibilidades de creación.

Algunos libros electrónicos son simplemente la digitalización de una obra impresa y puesta en línea en un archivo pdf y que en general sirve para preservarla o para hacerla accesible ya que difícilmente se podría encontrar. Por ejemplo, como en Octavo Editions o también libros tan bellos como la Biblia de Gutenberg digitalizada por The British Library. Hay otros casos en los que tienen una estructura muy estática que sólo usan una larga barra de scroll donde está puesta toda la obra o parte de ella como en Read Print.

Pero los libros electrónicos no se hacen necesariamente de la misma manera que los impresos. Existen algunos, que son también pdf, pero insertados en un ambiente dinámico con efecto flip page (pasar la página), y tienen mayor dinamismo, con videos y animaciones, como Songs of imagination and digitisation. De igual manera puedes descargar un libro en un dispositivo electrónico y ver activamente las páginas como en Ave!Comics o ver las páginas de forma estática como la colección de Proyect Gutenberg. Pero también hay los que cuentan con una interfaz muy dinámica como  Eco Zoo que nos ofrece una vista tridimensional y es muy parecido a un libro pop-up.

La nueva generación de libros proviene de una actitud más activa del lector ante el medio ya que promueven la participación en la creación del libro, como en el proyecto Gamer theory hecho junto con  Institute for the Future of the Book el cual permite ver los comentarios que los lectores generan. De igual manera encontramos contenidos que no tienen una estructura lineal de la historia y que permiten que “el lector” escriba otros pasajes para conseguir una obra que jamás tendrá un fin como en Wake up.

Como se podrán descargar y eventualmente se verán a color, junto con esta nueva modalidad de lectura-escritura, el e-book se convertirá en un objeto abierto en su creación, -por ejemplo, con animaciones añadidas por los lectores-, como en un happening o en un performance donde el lector contribuye a la construcción del libro como objeto de arte.

Cuando el enunciado está en la etapa de su creación por el hablante, estos últimos, por supuesto, aún no existen. Pero el enunciado se construye desde el principio tomando en cuenta las posibles reacciones de respuestas para las cuales se construye el enunciado. Ya hemos dicho que estos otros, [...] no son oyentes pasivos sino los activos participantes de la comunicación discursiva.^[2]

Este principio se puede aplicar a la comunicación visual digital, debido a que las cualidades de los medios electrónicos lo permiten ya que generan las ideas a partir de un diálogo con el usuario y el medio a través de la intertextualidad, es decir, la interacción del usuario con el medio puede crearle una imagen mental sobre el contenido, lo cual provoca que el lector tome una cierta actitud sobre el mismo. De esta manera el diseño debe contemplar estas circunstancias sobre el cibernauta por ser participante activo de la comunicación.

Es por eso que no se puede pensar en una relación unidireccional entre el productor-mensaje-intérprete ya que está intricada en distintas redes mediáticas y discursivas como es en el mundo del ciberespacio como las redes sociales o en los juegos de video, existen diversas implicaciones de la construcción de la comunicación entre el medio electrónico y el usuario, al convertirse este último en receptor activo.