Bitácora de un Pomelo Radiactivo

Esta entrada es una traducción libre de la entrada Stop designing websites, start designing posters de la bitácora Boagworld.

Deja de diseñar sitios web, comienza a diseñar carteles

Una nueva generación de sitios web está emergiendo y están dejando de parecer sitios web para parecerse más a carteles, pósteres llenos de información. Son muy fáciles de utilizar, enganchan visualmente y la mayoría de ellos son muy diferentes.

En ocasiones pienso que tengo un conflicto interior. Por un lado estoy siempre pensado en cómo la imprenta no es como la red y cómo los diseñadores web necesitan ceñirse a los convencionalismos.

Por otro lado me siento inspirado a ser más creativo en mi trabajo y tomar algunos riesgos. Estoy aburrido de la misma vieja forma de aproximación al diseño web.

En una entrada reciente escribí:

“Demasiados sitios parecen iguales a los de su competencia. Si quieres que los usuarios recuerden tu sitio, éste necesita diferenciarse entre la multitud.”

¿Cómo podemos ser entonces diferentes y mantener aún nuestros sitios de fácil utilización?

Echando un vistazo al cartel para inspirarse

Una manera de mantener la facilidad, y aún así ser diferente, es buscando inspiración más allá del la red. Por ejemplo, echa un vistazo a diseños para imprenta que tengan la capacidad de retener la atención de la gente y que comuniquen una gran cantidad de información rápidamente.

Un ejemplo de ello son los carteles impresos:

• Visualmente atractivos para mantener la atención.
• Fáciles de asimilar de un vistazo.
• Proporcionan más información para el lector más interesado.

En otras palabras, necesitan ser…

• Atrayentes.
• Fáciles de utilizar.
• Asimilables rápidamente.
• Tener la información clara jerárquicamente.

¿Te suena familiar? Los sitios web tienen los mismos retos.

Utilizando el diseño de carteles en la red

Quizá estés viendo estos ejemplos y preguntándote cómo esta aproximación puede aplicarse a la red. Después de todo, no tienen demasiado en cuenta el contenido.

Dejando a un lado el hecho de que la mayoría de sitios web tienen demasiado contenido y necesitan ser simplificados, no es imposible aplicarlo incluso con más contenido.

De hecho, muchos diseñadores web ya se han inspirado con el diseño de carteles. Aquí tienes unos pocos de mi biblioteca de inspiraciones.

Diseño web de Flourish

Diseño web de Groovy

Diseño web de Kitschen Sink

Personalmente, encuentro esta nueva generación de sitios esperanzadora. Demuestra un avance respecto a la estética de la red sin olvidarse de los principios de la facilidad de navegación.

Esto diseñadores deberían ser elogiados por su deseo de ir más allá de las bondades del diseño web tradicional y por ver más allá de la red en busca de inspiración. Deberían ser elogiados por rechazar el mito del redil, de seguir las tendencias a cualquier precio.

¿Te han inspirado a ti? ¿Piensas que puede aprender del mundo del diseño impreso o son dos mundos demasiado diferentes? Deja tus pensamientos en los comentarios.

Más información:
Para más ejemplos e información adicional visita la entrada original Stop designing websites, start designing posters.

Cada día vemos más aplicaciones que utilizan el concepto de realidad aumentada, de la que ya hablamos con anterioridad en esta bitácora. El vídeo sobre estas líneas explica cómo se realizó el primer anuncio de Mini con esta tecnología, en concreto para el modelo Mini Cabrio.

Acercando la publicidad a nuestra cámara web (siempre que tengamos un ordenador con el componente necesario para ello instalado), veremos aparecer en la pantalla nuestras manos sujetando la revista y encima de ella un Mini Cabrio en 3D, que podremos manipular (rotarlo, acercarlo, girarlo, etc.). De hecho, se puede descargar un PDF para experimentar en el sitio y ver con nuestros ojos esta tecnología en acción.

Vía:
Isopixel – Realidad Aumentada en una publicidad para Mini

Siempre nos atrae un diseño impactante, una disposición correcta o un contenido de calidad cuando llegamos a un sitio web, pero pocos de nosotros nos fijamos en las texturas y patrones que utiliza. Si solamente hubiera colores de fondo, muchos sitios de la red no serían tan atractivos como lo son ahora.

Los patrones pueden ser simplemente la repetición de unas pocas líneas o puntos, otros pueden ser más complicados con complejas combinaciones de imágenes y colores. Un patrón debe cuadrar con el estilo general del sitio web, o ser convertiría en una distracción y molestaría en exceso.

Aquí os proponemos una colección de ochenta (80) nuevos y refrescantes patrones. Los mejor de todo: todos son de uso totalmente libre. ¿A qué estás esperando? Utilízalos en tu sitio web y dales a tus visitantes una nueva sensación.

Enlace a los patrones y artículo original:
Noupe – 80 Stunning Background Patterns For Your Websites

Se acerca el fin de año y, como es habitual por estas fechas, empiezan a surgir listas que seleccionan lo mejor o lo más relevante de que ha dado el mismo. Ésta, en concreto, recoge las mejores opciones tipográficas de 2009. Sorprende la calidad de algunas de las tipografías propuestas, especialmente porque son totalmente gratuitas. Recuerda consultar la licencia de uso de cada una de las tipografías antes de utilizarla en un proyecto.

Vía:
Intenta – Las mejores fuentes gratuitas de 2009
Web Design Ledger – The Best Free Fonts of 2009

Microsoft ha decido hacerle un lavado de cara su marca MSN. Desde luego, el cambio no ha sido radical. La mariposa, aunque con aires más modernos, continúa dando la lata con sus tonos sacados del pasado. En lugar de buscar un símbolo más moderno y sencillo, Microsoft ha optado por continuar con una imagen salida de la mente un diseñador de hace cientos de años, cuando los degradados de multicolores estaban de moda, al igual que utilizar todos los colores del arco iris. La nueva forma de la mariposa es más impersonal y le falta cierta elaboración para ser más impactante.

El cambio de color de la tipografía es correcto y encaja bastante bien con los nuevos aires de MSN.com. La tipografía, aunque ha perdido grosor, no es del todo una mala elección pues su legibilidad es mayor comparada con la anterior, que además estaba en cursiva.

En cualquier caso, ¿qué pensáis de la nueva imagen?

Vía:
Brand New – New Butterfly not so Fly