Malaletra Blog

Ante una nueva actitud y uso de la red, la cual se está usando como plataforma para compartir información de forma inmediata y como un espacio para la creación de aplicaciones y uso dinámico de las bases de datos, algunos diseñadores han sugerido pautas de diseño para aplicarlas en esta forma de comunicarnos.

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?.

La evolución de la tecnología, de la cultura, así como de las nuevas formas de comunicación son factores que modifican constantemente al estilo del diseño gráfico impreso y digital. En el caso del medio digital se observan algunas tendencias de estilo que provienen del diseño impreso. Por otro lado debe incluirse en el diseño la forma como el usuario interactuará con nuestro diseño, dado el papel primordial  que tiene en el desarrollo de medios tecnológicos. Actualmente existen usuarios que buscan y promueven herramientas más dinámicas con las cuales se puedan desarrollar formas de comunicación, participación e interacción: como la Web 2.0.

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

Últimamente he tenido que pensar mucho en los procesos necesarios para obtener los archivos de una publicación digital. Uno de los puntos más difíciles de discernir ha sido cómo hacer para que al final del proceso obtengamos archivos válidos para diferentes plataformas, pues finalmente la gran ventaja de editar digitalmente es poder utilizar una fuente para múltiples formatos. Sin embargo, esta capacidad puede conllevar una complicada implementación, puesto que requiere visualizar los distintos formatos que se generarán antes que se comience la producción de la publicación. Por el momento, la mejor solución para obtener un archivo maestro para varios formatos es marcar el contenido con XML (eXtensible Markup Language), uno de los mejores formatos para intercambiar información estructurada.

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.

La principal función del manual de uso de la marca -o brandbook- es proteger el estilo e identidad corporativa de una empresa con sus normas de aplicación, el cual está elaborado por un equipo de personas que van desde los diseñadores hasta los directivos. Por lo general, se utiliza el formato impreso para su distribución pero ahora con las ventajas de la tecnología digital se han podido realizar otras propuestas de manuales de uso desarrollados en un ambiente de multimedia.

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