QR codes personnalisés : jusqu’où aller sans qu’ils cessent d’être lus ?
Les marques adorent les QR codes et détestent leur allure. Un carré de bruit noir dans le coin d’un packaging soigné, d’une affiche ou d’une carte de vœux fait l’effet d’un code-barres collé sur un tableau. La question revient donc dans presque chaque projet d’emballage ou d’impression : le code peut-il nous ressembler, et ouvrir quand même la page ?
Oui, et bien plus loin qu’on ne le pense. L’appareil photo d’un téléphone n’a pas besoin d’une grille noir et blanc ; il a besoin de quelques repères et d’un contraste suffisant entre cases « sombres » et cases « claires ». Tout le reste est de la place pour le design. Pour montrer combien, Pierre, chez ARGO, a créé QR Orchard : un petit monde en voxels qui pousse sur un QR code. De côté, c’est un arbre, une ville ou une île. D’en haut, c’est un code que votre téléphone lira.
Essayez : une scène qui se replie en code
QR Orchard : une scène qui se replie en QR code
Des scènes en voxels qui se replient en QR code
Vérification…
Une scène interactive en voxels construite sur un QR code : chaque voxel repose sur un module sombre du code. Toucher la scène fait pivoter la vue d’un angle isométrique jusqu’à la verticale, où la scène devient un QR code qui ouvre le lien saisi dessous. On peut changer le lien, l’objet, la saison et les couleurs ; une pastille indique si le résultat reste lisible.
Touchez la scène pour la replier en code, puis visez l’écran avec votre téléphone. Saisissez votre propre lien, changez l’objet, la saison ou les couleurs, et regardez la pastille : elle décode la vue du dessus avec le même type de lecteur qu’un téléphone. Les exports donnent l’animation, le code et la scène en haute résolution.
L’astuce est simple : chaque voxel repose sur une case sombre du code. Les feuilles de l’arbre, les tours de la ville, les rochers de l’île sont tous posés sur des modules sombres : vue d’en haut, leur empreinte est le motif. Les supports qui tomberaient sur des cases claires, le tronc, le pied du champignon, les cordes de la montgolfière, s’enfoncent dans le sol quand la vue se replie. Et les couleurs foncent en chemin, d’une palette douce vers une encre profonde, parce qu’un lecteur a besoin de modules sombres, pas de jolis modules.
Ce que cherche vraiment un téléphone
Le QR code a été lancé en 1994 par Denso Wave, alors une division de Denso, et l’industrie automobile a été la première à l’adopter, pour ses étiquettes de production et d’expédition. Trente ans plus tard, les lecteurs cherchent toujours les mêmes choses.
Les trois motifs de repérage. Les grands carrés de trois coins indiquent à l’appareil où se trouve le code, comment il est tourné et quelle est sa taille. C’est la première chose qu’un lecteur doit trouver, et c’est pourquoi QR Orchard les laisse à plat et n’y fait pousser que de l’herbe.
Les modules. Le code est une grille de petits carrés, de 21 × 21 pour la plus petite version à 177 × 177 pour la plus grande ; chaque version ajoute quatre modules par côté. Plus on encode de données, plus il y a de modules, et à taille imprimée égale, plus chacun est petit.
La zone de silence. Une marge vide autour du code le sépare de tout le reste de la page. La norme demande quatre modules de chaque côté. C’est la règle que les graphistes enfreignent le plus souvent, en collant le code contre un cadre ou une photo.
La correction d’erreur. Une partie de chaque QR code est redondante, un code de Reed-Solomon qui permet au lecteur de reconstituer ce qui est sale, abîmé ou masqué. Il existe quatre niveaux : L restaure environ 7 % des données, M environ 15 %, Q environ 25 % et H environ 30 %. Le niveau M est le plus utilisé ; QR Orchard l’utilise aussi.
Jusqu’où aller
Les couleurs : oui, avec du contraste. Les modules n’ont pas besoin d’être noirs. Ce qui compte, c’est que les sombres se lisent nettement plus foncés que les clairs. QR Orchard pousse chaque couleur de la scène vers une encre profonde de même teinte quand elle se replie en code, et sa pastille passe au rouge quand une palette devient trop pâle. Le choix sûr : des modules sombres sur un fond clair, jamais l’inverse. Certaines applications lisent les codes inversés, clairs sur fond sombre, d’autres non.
Les formes : oui, à l’intérieur de chaque module. Des points arrondis, de petits cœurs ou des voxels peuvent remplacer les carrés, tant que chacun reste dans son module et en garde assez de sombre ou de clair. C’est en fusionnant les voisins en un dessin continu que la lisibilité commence à souffrir.
Un logo au centre : oui, dans la limite de la correction d’erreur. Un logo masque des modules, et la correction d’erreur les reconstitue. Un logo sur une petite partie du code peut fonctionner au niveau H, là où le même logo casserait un code de niveau L. Gardez-le au centre et jamais sur un motif de repérage.
La taille : elle dépend du module, pas du code. Ce que l’appareil doit distinguer, c’est un module. L’exemple de Denso Wave : avec des modules de 0 254 mm, un code de version 3, soit 29 modules, mesure environ 7,4 mm de côté, hors zone de silence. Une URL longue, c’est plus de modules et un code plus grand pour la même lisibilité ; un lien court garde le code petit et permet d’en changer la destination après impression.
QR Orchard enfreint une règle sciemment : sa marge fait trois modules de large, un de moins que ce que demande la norme. Sa vérification montre qu’il reste lisible à l’écran. À l’impression, donnez à votre code les quatre modules complets.
Testez comme un lecteur, pas comme un graphiste
Un code qui se lit sur votre propre téléphone, à l’écran, ne prouve pas grand-chose. Avant qu’un packaging ou une affiche parte à l’impression, testez la vraie maquette : imprimée à la vraie taille, sur le vrai support, sous un éclairage de magasin, avec plusieurs téléphones et l’appareil photo par défaut, à la distance où les gens se tiendront réellement. Vérifiez que la zone de silence a survécu à la mise en page, que les motifs de repérage sont intacts et que le contraste tient sur un vernis brillant ou une finition métallisée. QR Orchard automatise la première étape, un décodage de la vue du dessus après chaque changement, mais rien ne remplace un téléphone devant l’épreuve imprimée.
Chez ARGO
Les QR codes sont la porte d’entrée de presque tout ce que nous construisons : la réalité augmentée sur packaging qui s’ouvre dans le navigateur sans application, les stickers vidéo qui lisent un message personnel, les cartes de vœux qui prennent vie. Nous concevons ces codes pour qu’ils fassent partie du visuel, et nous les faisons passer par des liens courts pour que leur destination puisse changer et que chaque scan soit compté. Si vous voulez un code qui ressemble à votre marque et s’ouvre sur tous les téléphones, parlons-en.
FAQ