InicioCiencia EducacionCódigos QR Full-Color para Diseñadores Gráficos

Códigos QR Full-Color para Diseñadores Gráficos

Ciencia Educacion9/27/2015
Hola, aunque soy Diseñador Industrial y antes de estudiar diseño estudie Informática (Análisis en Sistema) y luego abandoné la carrera y me cambié a diseño. Siempre me quedó ese interés por la cuestión digital, computacional, el diseño por computadora, el código binario, etc. Obviamente, tengo algunas materias aprobadas, pero no es esa mi profesión actual.

Hoy les traigo un Post que espero les resulte útil a los Diseñadores Gráficos (Universidad de Buenos Aires, República Argentina) o Diseñadores en Comunicación Visual (Universidad Nacional de La Plata, República Argentina). Según las denominaciones académicas de mi país, extendidas a otras Universidades Latinoamericanas.

No quiero ser un atrevido e irrespetuoso por meterme en cuestiones que hacen a otras disciplinas, en todo caso prefiero que lo tomen como un INTERCAMBIO INTERDISCIPLINARIO entre profesiones que mutan su praxis profesional, dialogan entre sí, intercambian experiencias. En definitiva, la idea no es meterse en el trabajo de nadie. Todo lo contrario, efectuar algún aporte valioso.

Espero que te resulte útil. VAMOS A LA ACCIÓN !!!

En el año 2014, dentro del Concurso Nacional de innovaciones denominado INNOVAR y organizado por el Ministerio de Ciencia, Tecnología e Innovación Productiva de la Nación Argentina. Este trabajo que aquí les presento fue para su exposición bajo el título QR - Marketing Lab. A continuación les dejo el certificado de la Expo:



Empecemos con un chiste:



1) Que son los Códigos QR y que aplicaciones poseen:
A continuación pretendemos hacer un informe breve, gráfico e ilustrativo de los usos y potencialidades de esta nueva tecnología.

Haciendo un poco de historia diremos que los Códigos QR fueron desarrollados en 1994 por la compañía japonesa Denso Wave (subsidiaria de Toyota). Sus creadores, un equipo de dos personas dirigido por Masahiro Hara, tenían como objetivo que el código permitiera que su contenido se leyera a alta velocidad (la sigla «QR» deriva de Quick Response, «respuesta rápida»). Los códigos QR son muy comunes en Japón y de hecho son el código bidimensional más popular en ese país. El estándar japonés para códigos QR (JIS X 0510) fue publicado en enero de 1998 y su correspondiente estándar internacional ISO -ISO/IEC18004:2000 (E)- fue aprobado en junio de 2000.



Imágenes 1 y 2: Operario utilizando un lector Denso Wave, para códigos QR. Desarrollado por la empresa.



Imagen 3: Escaners para Códigos QR de la empresa Denso Wave.

Un detalle importante sobre el código QR —a diferencia de otros formatos de códigos de barras bidimensionales como el BIDI—, es que su código es abierto y sus derechos de patente (propiedad de Denso Wave) no son ejercidos y esto nos permite a nosotros tomarlos y desarrollarlos en las versión color RGB y con gráfica aplicada, que se presento al Concurso Innovar 2014.

Existen muchos tipos de variedades de códigos bidimensionales que compiten con los Códigos QR. Pues, no son los únicos formatos gráficos bidimensionales que permiten el almacenamiento de información. Ejemplos: el código Aztec, el Trillcode, Shotcode o DataMatrix (por citar los más importantes).



Pero todos adolecen del mismo inconveniente: las celdas son en blanco y negro y no permiten (aparte del uso del color) la introducción de imágenes, logos o marcas.

Sin lugar a dudas los Códigos QR superan en sus usos y aplicaciones a los otros códigos. Hoy en día se utilizan principalmente en el sector del marketing.

El país en el que más se utiliza este tipo de códigos es Estados Unidos, seguido por Canadá, España, Reino Unido y Dinamarca. Obviamente Argentina los está empezando a utilizar cada vez más.

Aunque inicialmente se usó para registrar repuestos en el área de la fabricación de vehículos automotores, hoy los códigos QR se usan para administración de inventarios en una gran variedad de industrias, organismos de gobierno (como la AFIP en la Argentina los utiliza para el "Data Fiscal". Dado que todos los negocios y empresas tienen la obligación de exhibirlos en sus vidrieras. También llamado Data Fiscal. Para más información ver: http://www.afip.gob.ar/f960NM/



Imagen 4: Ejemplo ilustrativo del Formulario 960/NM del la AFIP Argentina.



Imagen 5: Imagen tomada de: http://www.afip.gob.ar/f960NM/

La inclusión de software que lee códigos QR en teléfonos móviles tipo smartphone o tablets con la apps (aplicación QRDroid para el sistema operativo Android), ha permitido nuevos usos orientados al consumidor, que se manifiestan en comodidades como el dejar de tener que introducir datos de forma manual en los teléfonos (sin contar la obviedad de poseer una conexión a Internet para remitirse a las direcciones web).



Imagen 6

En efecto, con la ayuda de un smartphone, una tablet u otro dispositivo móvil, podemos escanearlos y acceder a cierta información, normalmente un enlace a una página web, un texto plano (sin formato), datos de contacto, número de teléfono, coordenadas de geo-localización, etc. Por tanto, podríamos decir que los códigos QR son una puerta para acceder desde el mundo físico a Internet (sin necesidad de tipear URL largas y complejas, entre uno de sus atractivos más importantes).

Aunque el 77 % de los usuarios no conoce la diferencia entre Códigos BIDI y los Códigos QR. La proliferación de los Códigos QR en revistas, webs, tiendas, vallas publicitarias, tarjetas de visita, camisetas deportivas hace que debamos prestar atención a algún estudio mas especializado.



Imagen 7: Según ScanLife, un sitio web especializado en Códigos QR http://www.scanlife.com/ ¿Por qué se utilizan los códigos QR en España?

- Las marcas: Según el último informe del IAB (http://www.iabspain.net/wp-content/uploads/downloads/2012/07/Guia-Escaneo-Codigos-Mobile.pdf) , los principales motivos que mueven a una marca a utilizar un cogido QR son dar vida a sus medios offline, diferenciarse de otras marcas añadiendo un extra y conseguir más contacto con su público.

- El público: Según este mismo informe, el 33% de los usuarios de esta herramienta la utilizan para consultar información concreta de determinados productos, el 22% la usan para descargar aplicaciones, el 15% para obtener descuentos o acceder a promociones y el 7% para consultar entradas o billetes.

El usuario tipo de los códigos QR (target) es un hombre/mujer de entre 25 y 34 años de edad que escanea el código a través de su smartphone Android.



En cuanto a las propias categorías de los códigos QR, los más escaneados son los relacionados con comida y bebida (un 35%), seguidos de los códigos referentes a salud y belleza (un 18%), a libros (un 13%), películas y dvd (un 12%). Mientras que los menos escaneados son los relacionados con material de oficina (un 3%) y, sorprendentemente, los referentes a juegos (un 4%).

¿Cuáles son las marcas que consiguen más escaneos? ¿Qué marcas son las que tienen una mayor fidelidad por parte de su público o despiertan mayor interés con sus códigos? Cocacola, Doritos, la trilogía de los Juegos del Hambre, Altoids y el videojuego Call of Duty son un ejemplo de marcas que saben utilizar los QR ofreciendo contenido de interés a su público y manteniendo viva la relación con ellos. Recordar que estamos hablando de España.



Imagen 8: ScanLife nos presenta un código con gráfica y color interesante aplicado a la marca de automóviles Ford. Evidentemente, la industria automotriz lo adoptó para el marketing.

Veamos otro ejemplo:



Imagen 9: Publicidad en la industria automotriz.

Entre sus aplicaciones encontramos una enorme variedad de uso, veamos algunos ejemplos. Las tientas de impresoras, como las de las marcas Hewlett-Packard, vienen en su packaging con un Código QR para ser escaneado:





Imágenes 10, 11 y 12: Tintas para impresoras de la marca HP.

Las direcciones web y los URLs se están volviendo cada vez más comunes en revistas y anuncios publicitarios de todo tipo (desde ropa intima femenina o masculina hasta comida, embases de bebidas, etc.) y aquí es donde aparece el Diseño Gráfico y el desarrollo de este nuevo sistema innovativo para el marketing personalizado (a medida del cliente).





Imágenes 13 y 14: Publicidad en la vía pública para venta de marcas de ropa íntima femenina.





Imágenes 15 y 16: Ejemplos de publicidades de ropa deportiva masculina. La revista están utilizando los códigos para publicidades y ofertas de un modo masivo.



Imagenes 17: Aquí observamos otra publicidad en la página de una revista.



Imagen 18: Hasta las carteleras del cine los incorporó.

También encontramos publicidades en la vía pública.





Imágenes 19 y 20: Asociadas a la arquitectura, aprovechando los muros.



Imagen 21: Otro ejemplo asociado a la arquitectura en New York, Estados Unidos.





Imágenes 22 y 23: Ejemplo de carteles, gigantografías en la vía pública para venta de terrenos para la construcción de viviendas.

Pero en algunos casos extremos se han hecho estos códigos que solo pueden ser vistos desde una toma aérea en helicóptero o avión (gigantografias aéreas). En este ejemplo sobre la nieve:





Imágenes 24 y 25

La empresa "Blue Marble" de Austin, Texas, instala códigos QR en las azoteas de aquellas empresas interesadas en colarse en Google Maps. Con el anuncio de Google esta semana que la aplicación de Google Maps se ha descargado mil millones veces, parece que los costes de esta inversión publicitaria puede ser interesante.Se tarda aproximadamente un año para que el código se muestran en Google Earth (por los tiempo de la toma de la foto con el satélite hasta su publicación), pero parece que no es un impedimento para las empresas interesadas en anunciarse.



Imagen 26: Esta imagen aérea sobre un campo de cultivos, visto con el Google (muestra otro tipo de código llamado Data Matrix ISO 16022). Aunque luego se observa un Código QR sobre la pantalla del monitor (la foto del cultivo NO es un Código QR, es un Código Data Matriz).





Imágenes 26 y 27: Otros ejemplos de aplicación de Google maps con Códigos QR.


En otros ejemplos, como el caso de los sectores de consumo masivo de alimentos y bebidas observamos una proliferación de marcas muy conocidas que ya hace un tiempo utilizan los códigos QR en EE.UU.





Imágenes 28 y 29: Ejemplo de Código QR utilizado para promociones de McDonalds.

Las grandes empresas de gaseosas también los utilizan hace mucho tiempo en sus embases, sin importar de la marca de que se trate (ya sea en embases de aluminio o botellas PET):





Imágenes 30 y 31: Y sin importar la nacionalidad o idioma. Los Códigos QR hablan el lenguaje universal de las matemáticas y los algoritmos informáticos.





Imágenes 32 y 33: Ejemplos aplicados a la venta de bebidas alcohólicas: vinos y cervezas.



Imagen 34: Algunas de estas empresas han desarrollado publicidades muy creativas utilizando Códigos QR. Pero dichos códigos todavía poseen falencias comunicativas en el diseño (a nivel marca, logos, imágenes y color.

2) ¡Acá es donde las cosas comienzan a ponerse interesantes !

Veamos el problema con un ejemplo demostrativo. Si quisiéramos introducir una marca dentro del Código como en el siguiente ejemplo, lo más probable es que el código no funcione debido a que superaría el límite del algoritmo de detección de errores (Reed-Solomon).



Imagen 35: Ejemplo de un código fallido, al intentar introducir la marca en el interior del mismo con color (NO FUNCIONA, el código está dañado), los lectores no lo pueden leer.



Imagen 36: Otro ejemplo de código fallido, al intentar introducir el logo en el interior del mismo con color (NO FUNCIONA, el código está dañado), los lectores no lo pueden leer.

3) ¿Entonces como solucionar este problema, cómo obtener introducir una marca o logo sin dañar el código?

Respuesta: ese es el trabajo que mostraremos a continuación en QR Marketing Personalizado.
QR Marketing Personalizado no solo está dirigido al mercado, sino que está pensado para otros fines no-comerciales y sociales. Con el fin de unir el arte digital con el diseño en comunicación visual (o Diseño Gráfico) para convertir a los Códigos QR en un código más potente desde el punto de vista del marketing digital (orientado a marcas y logos). Aquí se pretende llevar el arte digital al mercado de un modo radicalmente innovador y en los ejemplos que aquí dejamos, esperamos estimular la imaginación de los diseñadores y creativos del mundo de la informática y el software para que visualicen el poder gráfico de esta nueva tecnología y sus potenciales aplicaciones al diseño, la marca de productos / empresas y el marketing.

4) ¿Cómo funciona QR Marketing Personalizado?

El código QR es un módulo útil para almacenar información en una matriz de puntos o en un código de barras bidimensional. Los tres cuadrados que se encuentran en las esquinas permiten al lector detectar la posición del código. En efecto, los códigos QR tienen unas zonas bien diferenciadas: las tres esquinas con grandes cuadrados, llamados ojos, sirven para ubicar el código. También hay un ojo más pequeño cerca de la otra esquina. Estas cuatro partes del código son muy importantes y no se pueden ocultar si queremos que se pueda leer.

Para lo cual si el Código QR es el soporte físico para ingresar al mundo digital, el mismo debe estar impreso en un soporte físico (en algún material como papel, impreso en el cartón de los packaging de los productos comestibles o no de las góndolas de los supermercados, en un afiche de papel adentro de cartel publicitario en la parada de los colectivos o micros, pero también pintados en una chapa metálica de un cartel de gigantografía publicitaria en una autopista, incluso como arte callejero en un muro o pared, etc.) el código debe estar en una zona bien iluminada para que exista contraste de luz entre las celdas (cuadrados del código binario, por lo general oscuras o negras) que forman las figuras y el fondo de las mismas (por lo general claras o blancas). Adicionalmente y obviamente debemos tener un celular inteligente (smartphone) o tablet con la aplicación para leer los códigos –que se descarga- y una conexión a internet para la table (wi-fi) o señal del celular.

Luego se apunta a la imagen y se le saca una foto y el equipo automáticamente lo escanea y direcciona al sitio de internet u otro contenido especificado previamente por quien diseño el código. Normalmente es un enlace a una página web, un texto plano (sin formato), datos de contacto, número de teléfono, coordenadas de geo-localización, etc. Pero lo más usual es que nos direccione a una URL web con contenido específico, previamente pensado, diseñado y desarrollado para el usuario / consumidor.

5) ¿Cuál es el aspecto novedoso de QR Marketing Personalizado respecto de otros productos o procesos existentes?

El aspecto novedoso es doble.

Dado que los códigos QR están codificados con un algoritmo matemático que permite que puedan ser leídos incluso aunque presenten deformaciones, ralladuras, o algunas zonas ocultas. Dependiendo del nivel de codificación, hasta un 30% de su superficie puede distorsionarse, modificarse, deformarse o incluso ser ocultado. En esta capacidad de manipulación reside la posibilidad de crear códigos QR totalmente personalizados, dando pie a la aparición de QR Marketing Personalizado.



Imagen 37A, 37B y 37C

Entonces, en primer lugar, la novedad reside en aumentar la capacidad del algoritmo de detección de errores (Reed-Solomon); siendo actualmente la capacidad máxima en el Nivel «H» aproximadamente del 30% y con QR Marketing Personalizado hemos logrado subirlo hasta niveles aproximados al 100%.

También es importante que haya un gran contraste entre los módulos que forman el código (los cuadraditos o celdas) y el fondo. Por eso, los códigos suelen ser negros sobre fondo blanco, aunque aquí –en el laboratorio- experimentamos con otros colores RGB con menos contraste para ver en qué momento dejan de leerse y así conseguir un perfecto equilibrio de funcionalidad y de relación fondo-figura de las celdas con los colores de los Logos y/o Marcas comerciales (aplicando la Teoría Psicológica de la percepción de la Gestalt).

En segundo lugar, este aumento de la capacidad del algoritmo de detección de errores (Reed-Solomon) nos permitió introducir gráfica personalizada en el interior del código y que aún así siga funcionando con todos los lectores o escáners (de aplicaciones para smartphones o tablets como el QRDroid u online como: el ZXing Decoder Online).

Para más información sobre datos técnicos ver un informe completo en inglés que supera los límites de este informe (en .pdf):

http://raidenii.net/files/datasheets/misc/qr_code.pdf

Reed-Solomon es un código cíclico no binario y constituye una subclase de los códigos BCH. Los códigos cíclicos son una subclase de los códigos de bloque estándar de detección y corrección de errores que protege la información contra errores en los datos transmitidos sobre un canal de comunicaciones. Este tipo de código pertenece a la categoría FEC (Forward Error Correction), es decir, corrige los datos alterados en el receptor y para ello utiliza unos bits adicionales que permiten esta recuperación a posteriori.

El código fue inventado por Irving S. Reed y Gustave Solomon (de ahí su nombre) en el año 1960. Este código encuentra actualmente aplicado en áreas como los CD, telefonía móvil y sondas espaciales (la sonda Galileo a Júpiter en 1989, la sonda Magallanes a Venus ese mismo año o la sonda Ulises al Sol en 1990, por citar algunos ejemplos). También es de destacar el empleo del código Reed-Solomon en las comunicaciones por satélite Digital Video Broadcasting (DVB), en la transmisión digital de televisión ISDB-T, así como en los sistemas xDSL de comunicación por cable.



Imagen 38

Para más información sobre datos técnicos ver un informe completo en inglés que supera los límites de este informe (en .pdf):
http://raidenii.net/files/datasheets/misc/qr_code.pdf



Imagen 39

Un ejemplo histórico del uso de esta tecnología lo conforma el caso de la transmisión de la NASA de la imagen de la obra de arte de Leonardo Da Vinci (Mona Lisa o Gioconda) al espacio.

Para comprobar la comunicación vía láser de la Tierra a la Luna, el equipo de científicos de la misión Lunar Reconnaissance (LRO) envió con éxito una imagen de la Mona Lisa, la pintura de Leonardo Da Vinci, conocida también como La Gioconda.

La imagen viajó desde la estación de la nueva generación de satélites de la NASA en el Centro Espacial Goddard, en Mariland, Estados Unidos, hacia un instrumento en la nave satelital LRO, que orbita la Luna, por una distancia espacial de 240.000 kilómetros.

Utilizaron un sistema de impulsos láser que se están usando rutinariamente para obtener la localización de la nave, pero ahora además de hacer el seguimiento se logró una comunicación.
Esta es la primera vez que alguien logra una comunicación láser unidireccional a distancias planetarias, según el investigador del proyecto, David Smith, del Instituto de Tecnología de Massachusetts.

La nave que orbita la Luna se configuró para recibir señales de láser a través del instrumento denominado LOLA y según expresó Xiaoli Sun, el científico de la NASA, autor principal de uno de los estudios, "tuvimos una oportunidad única para demostrar la comunicación unidireccional vía láser con un satélite distante".

Sun dijo que dividió la imagen de la Mona Lisa en una matriz de 152 píxeles por 200 píxeles y tonos grises representados por un número entre cero y 4.095. Cada píxel se transmitió por un pulso de láser, que tenía 4.096 intervalos de tiempo posibles, en un rango breve. La imagen completa se transmitió a una velocidad de datos de aproximadamente 300 bits por segundo, destaca la NASA.

Los pulsos de láser los recibió el instrumento LOLA de la nave LRO, el cual basado en esos parámetros de pulsos en determinados tiempos de llegada reconstruyó la imagen.
Esto se logró sin interferir con la tarea principal de LOLA de cartografiar la elevación de la luna y su terreno, la cual es la tarea principal.

La transmisión de láser se envió de vuelta a la Tierra usando el sistema de la nave espacial de radio telemetría, pero la turbulencia en la atmósfera de la Tierra presentó errores de transmisión, incluso cuando el cielo estaba despejado.

Mediante un sistema de codificación llamado Reed-Solomon, usado en las correcciones de errores utilizado en CDs y DVDs y en los Códigos QR (ISO 18004), recuperaron la imagen de la Gioconda en óptima presentación.



Imagen 40A y 40B

Según Xiaoli Sun NASA Goddard. Para limpiar los errores de transmisión de la telemetría usada en la verificación de retorno, introducidas por la atmósfera de la Tierra (izquierda), los científicos Goddard aplicaron el corrector Reed-Solomon (a la derecha), que se utiliza comúnmente en CDs y DVDs y Códigos QR (ISO 18004.). La imagen de la Gioconda volvió a la Tierra restaurada.

6) ¿Cuál es la ventaja que resulta de usar QR Marketing Personalizado?
De este modo se aporta una "Identidad Visual" (logo o marca) al código. Pero primero, hagamos un poco de historia.

Duncan Robertson es el ingeniero de software que trabajó en los códigos QR para la BBC de Londres o British Broadcasting Corporation (Corporación Británica de Radiodifusión), introduciendo el Logo gracias al algoritmo (Reed-Solomon) que le permitió incorporar un deterioro en el código QR (que se lee como ruido, por parte del software, pero los humanos interpretamos como el Logo de la BBC). El código QR de Duncan se decodifica como http://www.bbc.co.uk/rd



Imagen 41

7) ¿Cuál es la crítica que todavía le podemos hacer a este código diseñado por Duncan Robertson?

Respuesta: que las celdas todavía son blancas y negras y que no incorpora la complejidad de curvas y otros gráficos más complejos, sin contar con la complejidad de las imágenes fotográfica y la paleta de colores que aportan mayor identidad visual.
Ahora supongamos que queremos imitar a Duncan Robertson y deseamos hacer lo mismo con una imagen más compleja como ser el Logo del Concurso Nacional Innovar 20114 (con sus colores), que nos conduzca a la URL: http://www.innovar.gov.ar/
Esto quedaría sí:



Imagen 42: Código Qr con Logo del Concurso Innovar organizado por el Ministerio de Ciencia y Tecnología de la Nación, República Argentina.

Otra variante del mismo Código:



Imagen 43

Al leerlo con el ZXing Decoder Online: http://zxing.org/w/decode.jspx

Arroja los siguientes resultados:



8) Entonces: ¿en qué consiste QR Marketing Personalizado y que problema soluciona?

Al incluir gráfica personalizada junto al código (especialmente logos, marcas e imágenes gráficas y/o fotos) se soluciona el inconveniente de que todos los Códigos QR a simple vista parecen ser iguales y no identifican a que empresa, marca, individuo o cuestión (sin importar de que se trate). De este modo con QR Marketing Personalizado se aporta una Identidad Visual al código, con fuerte pregnancia visual, haciéndolo personalizado.

Ejemplo1: este código conduce a la URL: http://goo.gl/8OZHn8 (que esta acortada con Google Shortener) y conduce a la URL final de Tierra de Dinosaurios en Tecnópolis: http://tecnopolis.ar/2013/atracciones/tierra-de-dinos



Ejemplo 2: este código conduce a la URL: http://goo.gl/O62PvR (que esta acortada con Google Shortener) y conduce a la URL final de la Fundación Argentina de Nanotecnología en Tecnópolis: http://tecnopolis.ar/2013/atracciones/ciencia-para-todos-nanotecnologia



Ejemplo 3: este código conduce a la URL: http://goo.gl/7tzDAJ (que esta acortada con Google Shortener) y conduce a la URL final sobre la Evolución Humana en Tecnópolis: http://tecnopolis.ar/2013/atracciones/evolucion-humana



Ejemplo 4: este código conduce a la URL (sin acortar) final de Tecnópolis 2013: http://tecnopolis.ar/2013/



Esperando que este post pueda terminar siendo útil, los saludo. Pronto publicaré la segunda parte, les dejo este ultimo código y un chiste:



Para terminar otro chiste:



Datos archivados del Taringa! original
30puntos
98visitas
0comentarios
Actividad nueva en Posteamelo
0puntos
3visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000

Autor del Post

i
ibaranderson🇦🇷
Usuario
Puntos0
Posts24
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.