Chacune est montrée à 1, 3, 12 et
99+ tableaux. La petite rangée est à la taille réelle :
28 px, celle de l’en-tête. C’est elle qui tranche —
l’agrandissement ne sert qu’à comprendre le dessin.
J’ai mesuré l’encre du chariot avant de lancer les
propositions, pour savoir ce qui est vraiment posable en bas à droite :
part d’encre noire, par bloc, dans le coin bas-droit
x 75-87 % y 75-87 % -> 9 % (bas de la panse)
x 87-100% y 75-87 % -> 0 % libre
x 75-87 % y 87-100% -> 26 % (la roue arrière)
x 87-100% y 87-100% -> 0 % libre
Soit, ramené à l’icône de 28 px : une zone propre
de 3,7 x 7 px seulement.
Conclusion : un compteur qui resterait à
l’intérieur du dessin serait minuscule. Il doit déborder vers le
bas et la droite — de 6 px au maximum, sinon il touche le bord de
l’écran ou la barre de recherche en dessous.
1
Le jeton pose
Un disque turquoise plein de 15 px, cerne d'un lisere blanc de 1,5 px, pose en bas a droite du chariot : le lisere le decolle du grillage noir, le chiffre blanc de 7 px tient au centre, et le disque reste un cercle parfait de 1 a 99.
Il apparaît : Des le premier article. Trois raisons. D'abord le proprietaire a demande « le nombre de produit dans le panier », pas « le nombre au-dela de trois ». Ensuite, le seuil actuel a quatre est le pire endroit ou le mettre : l
À deux chiffres : A 10, rien ne bouge : meme cercle, meme 18 px, meme corps de 9,5 px. Les deux chiffres mesurent 11,4 px et la largeur utile a l'interieur du lisere en fait 12 — ils rentrent, le rond reste rond. Idem jusqu'a 99, c'est le
Le point faible, par son auteur : Le point faible est mesure, pas suppose. A 28 px l'encre du chiffre fait 7 px de haut (corps 9,5 px gras). Un chiffre seul est hors de doute. Deux chiffres, « 12 », se lisent mais ne se survolent plus : l'oeil doit s'arreter dessus une demi-seconde. C'est la vraie frontiere de cette direction, et elle tombe pile ou il faut puisque 90 % de
2
Le cartel de galerie
Un petit rectangle blanc a filet noir avec le chiffre en noir, pose au pied du chariot comme l'etiquette accrochee au mur a cote d'une oeuvre : le vocabulaire du musee, pas celui des notifications.
Il apparaît : Des le premier tableau, et il disparait completement a zero. Trois raisons. 1) Le seuil actuel a quatre articles est arbitraire : un objet qui apparait sans qu'on comprenne pourquoi est du bruit, un cartel qui accompagne
À deux chiffres : A 10 le cartel passe a deux chiffres : il garde son bord droit ancre et grandit vers la gauche, de 13 a 17 px de large (le chariot fait 28 px). C'est le seul mouvement du compteur, et il est volontaire : le point d'ancra
Le cartel
Un rectangle blanc a filet fin, chiffre noir, pose au pied du chariot : l'etiquette d'une oeuvre, pas une notification.
TAILLE REELLE — 28 PX
1
1 TABLEAU
3
3 TABLEAUX
12
12 TABLEAUX
99+
100 ET PLUS
DETAIL — 3X (84 PX)
1
1 TABLEAU
3
3 TABLEAUX
12
12 TABLEAUX
99+
100 ET PLUS
Il apparait des le premier tableau et se retire a zero. Il se pose a l'aplomb de la roue arriere, qu'il recouvre. Au changement du nombre, le filet vire au turquoise puis revient au noir en .35 s, sans mouvement.
Le point faible, par son auteur : Brutalement : a 28 px, ce cartel abime le dessin qu'on vient de payer. Il fait 12 px de haut sur 13 de large, soit 43 % de la hauteur de l'icone, et il se pose exactement sur la roue arriere (88 % / 92 %) — la roue disparait, avec elle un morceau de la barre d'essieu et du bas du grillage. A « 99+ » l'etiquette fait 23 px de large : le ti
3
La roue compteuse
La roue arriere du chariot se remplit de turquoise et porte le chiffre : au lieu d'ajouter une pastille, un element deja present dans le dessin prend une seconde fonction, a sa place exacte (88 % de largeur, 90 % de hauteur), ronde, cerclee du meme trait noir que le chariot.
Il apparaît : Des le premier article. Le chiffre fait partie de l'objet, pas de l'alerte : si la roue n'apparaissait qu'a partir de 4, elle redeviendrait exactement ce que le proprietaire veut quitter, une pastille de notification qui
À deux chiffres : A 10, la roue ne bouge pas d'un pixel : elle reste un cercle de 15 px, c'est le chiffre qui passe de 11 px a 9,5 px, en chiffres tabulaires avec un interlettrage de -0,4 px (classe .mq-croue-n2). Une roue ne s'etire pas
Compteur roue arriere
La roue arriere du chariot se remplit de turquoise et porte le chiffre. Rien n'est ajoute au dessin : un element existant prend une seconde fonction.
Le point faible, par son auteur : Brutalement : a 28 px, personne ne verra que c'est la roue. La vraie roue arriere mesure 3,3 px de diametre a cette taille ; pour loger un chiffre de 9 px il faut un disque de 15 px, soit 4,5 fois plus gros. La roue ne se remplit donc pas, elle gonfle. Ce qui survit a 28 px, ce n'est pas le jeu de mots visuel, c'est le placement et la mas
4
La plaque d'immatriculation
Le nombre n'est plus une notification collee en haut du chariot, c'est une petite plaque blanche a bande turquoise vissee a l'arriere du caddy, sur la ligne du sol : elle appartient au dessin au lieu de lui atterrir dessus.
Il apparaît : Des le premier article. Le dessin sature a trois tableaux (panier-3 sert pour 3, 12 et 99), donc l'ancien seuil de quatre etait defendable : le chiffre n'apporte rien tant que l'image suffit. Mais sur un site a 240 EUR p
À deux chiffres : A 10, rien ne casse : la plaque garde ses 12 px de haut et s'allonge de 21 a 23 px vers la gauche, le bord droit ne bouge pas. Les chiffres sont en tabular-nums, donc 11 et 18 font exactement la meme largeur — pas de tre
Le point faible, par son auteur : Brutalement : a 28 px, cette plaque est grosse. 21 x 12 px sur une icone de 28 x 28, c'est un objet qui occupe pres du tiers de la surface visible, et il n'y a aucun moyen de le reduire. La contrainte est arithmetique : un chiffre ne descend pas sous 9 px, il faut 1 px de filet en haut et en bas, on ne passe pas sous 11-12 px de hauteur ;
5
Creux dans la roue
Le chiffre ne se pose pas sur le chariot : il evide le coin bas-droit du dessin, exactement la ou se trouve la roue arriere, et vient prendre sa place — un rond blanc creuse dans le noir, avec un chiffre noir dedans.
Il apparaît : Des le premier article. Le compteur actuel, qui n'apparait qu'a partir de quatre articles, laisse sans confirmation chiffree la quasi-totalite des paniers reels : a 240 EUR la piece, la plupart des clients ont un ou deux
À deux chiffres : De 1 a 9 le creux est un cercle parfait de 12,9 px, chiffre a 10 px. A 10 le cercle s'etire en pastille vers la gauche (17 px de large, meme hauteur) et mange la moitie droite de la barre des roues ; la roue avant, a gau
Le trait gris marque la ligne du champ de recherche, 12 px sous l'icône. Le creux déborde de 5,5 px : il ne la touche pas.
Détail · le même dessin à 3x (84 px)
11tableau
33tableaux
1212tableaux
99+99+137 au panier
Le point faible, par son auteur : A 28 px, le chiffre fait 10 px de haut dans un cercle blanc de 12,9 px : c'est lisible, mais c'est la limite basse, et « 12 » a 10 px de large demande deja un oeil correct — au-dela de 99, les 9,1 px des chiffres et les 6,5 px du « + » ne sont plus lus, ils sont devines (on comprend « beaucoup », pas « 99 »). Deuxieme faiblesse, plus seri
Ce qu’il faut regarder : à 28 px, un chiffre
ne peut pas descendre sous 9 px sans devenir une tache. Deux chiffres
(« 12 ») demandent presque deux fois la largeur d’un seul :
c’est là que la plupart des pastilles cassent. Regarde la colonne
« 12 » avant de choisir.
WALENSKYOferta powitalna
−10 % na Twój pierwszy obraz
Zapisz się do naszego newslettera i odbierz kod powitalny, do wykorzystania na dowolnym obrazie.
Confidentialité
Nous utilisons des cookies pour améliorer votre expérience et analyser le trafic de notre site.
