Photoshop, Tutoriales.
Resources Graphics

Tus Resources Graphics

Todos sabemos que photoshop es un pilar importantísimo en un buen Diseño Web.

Hace unos días me “hermané” con Jonathan Mendoza (México) y con su fantástica web www.tusresourcesgraphics.com

Una web en la que podréis acceder gratuitamente a excelentes manuales para sacar el máximo partido a photoshop. Una web imprescindible para tener entre nuestros favoritos.

Espero que la disfrutéis.

Share and Enjoy

Comparte este Blog de Diseño Web
10
jun
[2011]
accesibilidad, iPhone, Mobile, Redes Sociales, Social Media, Usabilidad.

Códigos QR

Un código QR (Quick Response Barcode) es un sistema para almacenar información en una imagen.

Fueron creados por Denso-Wave (Japón) en 1994.

Se caracterizan entre otras cosas por los tres cuadrados que se encuentran en tres de sus esquinas y que permiten detectar la posición del código al lector.

Un QR es básicamente un link, un enlace. Al leer un código QR con un smartphone, recibe una orden que abre una dirección web. ¿Por qué hacer esto y no colocar directamente la url?, pues por varios motivos, empezando porque es mucho más llamativo, refleja novedad, tecnología e incita a saber qué hay detrás. Por otro lado, no hace falta teclear, basta con pasar por encima el dispositivo y nos dirige directamente a la información que quiere mostrarnos. También hay que tener en cuenta las largas url’s que se están utilizando últimamente en marketing, ¿para qué teclearlas?.

Los códigos QR se están utilizando cada vez más en Marketing, en tarjetas de visita, en cartelas de exposiciones, en cualquier lugar que nos sirva de enlace a un sitio web en el que ampliar la información con un buen Diseño Web.

Muchas marcas están utilizando ahora estos códigos QR en sus campañas de publicidad, a través de promociones, regalos y sorteos a los que tendrás acceso a través de leer ese código QR.

Yo creo que en principio el código QR debe mostrar contenido exclusivo, dar más información de la marca, dar opción a conseguir acciones que de otra manera no podrían obtener, es decir, conseguir un formato que represente exclusividad aunque al alcance de cualquiera (cualquiera que tenga un smartphone con lector). En la cabecera de este post hay un QR creado por mi, la única manera que tienes de saber a dónde va a dirigirte es leyéndolo, así que… tu verás ¿?.

Hay varias empresas que ya han incluido esta tecnología en sus campañas de marketing. Nissan en las redes para promocionar el Juke, la cadena de almacenes Macy’s para atraer clientes a sus tiendas, al igual que la cadena de ópticas Alain Afflelou, CocaCola con la campaña Coca Cola Music en Alemania,…

Lo cierto es que estos códigos, aunque ya llevan años creados, están todavía por explotar, y seguramente veremos mil y una formas de utilizarlos. De momento, si te apetece generar alguno, aquí te dejo dónde crearlos online gratuitamente, hay muchos, este es uno de ellos.

 

 

Share and Enjoy

Comparte este Blog de Diseño Web
Redes Sociales, Social Media.

El diseño web ha ido estrechamente ligado en los últimos años a la evolución de la “Social Media”.

En 1971, hace “40 años”, Ray Tomlinson se auto envió un email de un ordenador a otro que se encontraban en la misma sala. El correo viajó por la red ARPANET, precursora de Internet.

Hoy en día, los medios sociales están en todos los hogares, en cada rincón, originan protestas capaces de derrocar gobiernos, permiten conectar millones de personas a miles de kilómetros, un mundo de posibilidades que cada día sigue sorprendiéndonos con nuevas acciones.

He encontrado este infograma, que me ha parecido muy interesante, de Angela Nielsen, que os adjunto a continuación.

CONTINUAR LEYENDO “Historia de la “Social Media”” »

Share and Enjoy

Comparte este Blog de Diseño Web
accesibilidad, SEO, Usabilidad.
Velocidad de carga

Velocidad de carga

El tiempo de carga es uno de los factores más decisivos a la hora de tener éxito en tu diseño web. Todos los estudios concurren en la idea de que una página no debe pesar más de 130 kb con archivos adjuntos incluidos (includes, css, js…)

Hace poco, hablábamos de cómo el algoritmo de Google había introducido la velocidad de carga para posicionar una página. La importancia es evidente, porque no sólo se trata de indexar, si no también de conversión y rentabilidad de tu web.

Las últimas encuestas realizadas por Akamai sobre tiendas online,  indicaban unos datos bastante significativos y sorprendentes.

Casi un 50% de los usuario espera una velocidad de 2 segundos o menos para la carga de la página a la que está intentando acceder y tienden a abandonar el intento si se superan los 3 segundos.

CONTINUAR LEYENDO “Optimizar la velocidad de carga, una necesidad.” »

Share and Enjoy

Comparte este Blog de Diseño Web
HTML5.
Plantilla HTML5

Plantilla HTML5

Si vas a empezar a migrar tu web o tu blog a HTML5, lo ideal es que te vayas familiarizando con esta nueva forma de escribir código, y para ello nada mejor que descargarte gratuitamente este template que te ofrece HTML5 Reset

 

Se trata de la versión 2, de una estructura de carpetas con todo lo necesario para comenzar a maquetar en HTML5.

Además de traer todos los archivos necesarios, incluso un robot.txt, han tenido el detalle de incluir jQuery y Modernizr, una biblioteca que hace compatible HTML5 y CSS3 en navegadores antiguos. Además el código está comentado, lo cual también nos servirá de guía a la hora de interpretar las diferentes etiquetas.

Share and Enjoy

Comparte este Blog de Diseño Web