El diseño web es diseño de experiencias

Hace un mes Andy Rutledge hablaba de diseño web y de diseño de productos en su blog. Con cuatro párrafos me dejo pensando en muchas cosas sobre los temas que aquí se abordan. Guarde la referencia y hoy la vuelvo a recuperar porque creo que cada una de sus frases tiene mucho sentido, dice mucho de nuestro trabajo.

Web design is product design. Drawing a picture of the product is not designing the product. Web design is experience design. Drawing a picture of on-screen content or mechanism behaviors is not designing the experience. The functioning html/css (and sometimes JavaScript) is the design.

A este post añado otro post altamente recomendable de Luis Villa, del mismo mes de agosto, que toca la esencia de otros muchos asuntos relacionados con el diseño de experiencias y con la construcción de experiencias de uso.

Esto ya no es válido: en internet, la Promesa, lo que se comunica al cliente, se funde con el Cumplimiento, que es la experiencia del usuario, una vivencia de primera mano y que es difícilmente manipulable.

La marca no es un logotipo, un pantone o una tipografía. La marca es la historia que cuentan de tí tras haber interactuado contigo, no importa el canal. Sea web, sea una tienda, sea un Call Center. Se asocia a una experiencia, a una conversación en la que no aparecen logos ni pantones.

La suma de posts, de entradas desconectadas aparentemente unas de otras han sido siempre una fuente de información valiosa para todos. Pensamientos, reflexiones y experiencias sobre la experiencia que se complementan y que no deberían perderse (toma nota del consejo-tagline de Luis), ni reducirse a 140 caracteres, ni a 100 ni a 2.

En este caso dos entradas fabulosas suman cientos de reflexiones ramificadas que a su vez facilitan el discurso sobre aquello que construimos día a día.

¿Qué necesitas saber sobre Personal Branding?

Hace más de un año hice referencia a un e-book publicado por Chris Brogan sobre Personal Branding. Un trabajo muy conciso pero muy útil para mejorar las estrategias de comunicación de tu marca personal y generar confiabilidad, consistencia y visibilidad.

Ahora descubro el e-book Personal Branding (PDF, 724 Kb), escrito por Colin Wright, que forma parte de una serie que ha denominado «The least you need to know».

Personal Branding cover

Este libro gratuito de 50 páginas transmite ideas y reflexiones muy complementarias a las que ya introdujo Brogan, pero las desarrolla con ejemplos y experiencias que hacen la lectura amena y comprensible.

El autor no duda incluso en dar respuesta a problemas relacionados con el aspecto físico, la ropa y la imagen personal en su conjunto. Al fin y al cabo son aspectos que  forman parte de la construcción de nuestra marca y que no debemos perder ni olvidar.

Es evidente que la percepción que los demás pueden generar de uno mismo no se construye solamente en Internet. Está en el día a día, en las relaciones interpersonales, en nuestros pensamientos y sentimientos…

Hoy en día aprovechamos el mundo online para promocionarnos, para extender y ampliar nuestra red de contactos y para seguir mejorando nuestra reputación. Pero esto no es más que una proyección que debe guardar la máxima coherencia con los valores, destrezas y peculiaridades que desarrollamos en nuestra realidad cotidiana.

Gracias a trabajos como el de Colin o el de Chris puedes aprender a reflejar adecuadamente quién eres y cómo puedes llegar a ser valioso para los demás en ciertas áreas, mercados o empresas. Por otra parte, saber como puedes marcar la diferencia, cómo puedes ser más y mejor valorado o conocer las claves para mejorar tus relaciones profesionales seguramente sea una de tus mejores inversiones.

Diseñando códigos de barras

La firma japonesa d-barcode nos ofrece un conjunto de diseños de códigos de barras utilizados en productos muy variados.

diseños de códigos de barras

Parece una ingeniosa forma de integrar este elemento en la imagen del producto y dejar de aislarlo como si fuera algo ajeno al mismo. La duda es si estos diseños no afectarán a la lectura del código.

La imagen siguiente parece demostrar lo contrario pero entiendo que en la lectura influye más el contraste entre áreas claras y oscuras del código, la existencia de una altura mínima, además de la necesidad de respetar anchos (altos para algunas barras iniciales o finales) y separaciones.

Códigos de barras integrados en el diseño

Fuente | Beautifuldecay

20 logos ingeniosos

A punto de cerrar un año donde los logos, las identidades o las marcas han inundado todos los rincones de la web 2.0, no puedo dejar de hacer referencia a un post de Kreativegarden, donde se muestran 40 logos que destacan por ser graciosos, ingeniosos o provocadores.

El autor los define como juguetones pero… que cada uno los defina como desee con solo echar un vistazo a esta breve selección, donde incorporo algunos más, recogidos de una de las fuentes del autor (logopond).

1- Boys in a Bed on a Cold Winter´s Night:
Boys in a Bed on a Cold Winter´s Night

2- Cat:
Cat

3- Cropd:
Cropd

4- Egg:
Egg

5- Elevate:
Elevate

6- Firefish:
Firefish

7- Friedman Psychology Group:
Friedman Psychology Group

8- Kook Shop:
Kook Shop

9- Lionresorts:
Lionresorts

10- Liquid Design:
Liquid Design

11-  2 Monkeys Café:
2 Monkeys Café

12- Online Poker:
Online Poker

13- Piano Forest:
http://logopond.com/gallery/detail/46182

14- Pixel Tree:
pixel tree

15- Scroll:
scroll

16- Sleep Records:
Sleep Records

17- Vocal Groups:
Vocal Groups

18- Wine Searcher:
Wine Searcher

19- X365 Software:
X365 Software

20- Ocular Ink Christmas:
Ocular Ink Christmas