Códigos QR

Códigos QR

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 !

Shares
Optimizar la velocidad de carga, una necesidad.

Optimizar la velocidad de carga, una necesidad.

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.

(más…)

Share and Enjoy !

Shares
Scroll to top con jQuery

Scroll to top con jQuery

TopScroll con CSS y jQuery

TopScroll con CSS y jQuery

Los blogs supusieron un cambio radical en el diseño web. Las páginas pasaban a ser mucho más largas de lo que hasta ahora habían sido.

La navegación vertical se hace interminable en numerosos blogs, en la mayoría de las ocasiones no perjudica al usuario, ya que navegamos viendo pasar los encabezados de los post por curiosidad o en nuestra trayectoria para llegar hasta un contenido que sea de nuestro agrado.

Siempre es preferible usar la rueda del ratón para hacer scroll a través de los post o productos de una tienda, que tener que ir paginando y cargando nuevas páginas. Incluso ahora, tenemos la posibilidad de ir cargando contenidos de manera controlada para hacer la página menos pesada en origen, dando así mayor rapidez de navegación al usuario.

(más…)

Share and Enjoy !

Shares
A Google le gusta la semántica del HTML5

A Google le gusta la semántica del HTML5

Etiquetas HTML5 que favorecen el SEO

Etiquetas HTML5 que favorecen el SEO

En este blog de diseño web hemos hablado ya  de la importancia que tiene el flujo del Html sobre el posicionamiento de la web, así como la importancia que da Google a la velocidad de carga de una página para mejorar su posicionamiento.

El HTML5 facilita la clasificación de los motores de búsqueda así como la descripción de tu sitio a los usuarios. Además permite realizar una navegación mucho más rápida a través de tu web. Vamos a ver cómo…

(más…)

Share and Enjoy !

Shares
Simular el drag de un iPhone con jQuery

Simular el drag de un iPhone con jQuery

simular iPhone en web

simular iPhone en web

El diseño web es usabilidad y ¿qué hay más usable que el desplazamiento sobre la pantalla de un iPhone?.  Un desplazamiento que además de facilitarnos la navegación por elementos mayores que la resolución de pantalla, nos hace tener la sensación de control absoluto sobre lo que estamos viendo, con una absoluta fluidez que nos permite fácilmente trasladarnos de un lado a otro del documento.

Pues bien, esto mismo ya está inventado para web, Overscroll es un plugin de jQuery que consigue el mismo efecto que el desplazamiento del iPhone.

En el siguiente enlace podréis ver una demo de su funcionamiento y descargaros gratuitamente el código fuente. Como véis en el ejemplo es una aplicación que asemeja el desplazamiento por pantalla del google maps.

Share and Enjoy !

Shares
Diseño web. «Primer pantallazo».

Diseño web. «Primer pantallazo».

Primer pantallazo

Primer pantallazo

Como todos sabéis, hoy en día en diseño web, la resolución más común, es 1024×768 px, eso significa que pensando en que lo normal en un usuario es que tenga un par de barras extras colocadas en el navegador, nos deja una resolución en vertical visible de unos 560 px, es decir, todo contenido que quede por debajo de este área, tendrá que ser visto haciendo scroll.

(más…)

Share and Enjoy !

Shares